/*
Theme Name: Crystal Clear Pathways
Author: Crystal Clear Pathways
Description: Custom responsive business website for Crystal Clear Pathways, LLC.
Version: 1.2
Requires at least: 6.0
Text Domain: crystal-clear-pathways
*/
:root{--bg:#090a0d;--panel:#15161d;--gold:#f1cc76;--text:#f5f3ed;--muted:#c9c6d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:var(--gold)}.wrap{width:min(1100px,92%);margin:auto}.site-header{background:#090a0deb;position:sticky;top:0;z-index:5;border-bottom:1px solid #333}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.brand{font-family:Georgia,serif;font-size:1.2rem;font-weight:bold;text-decoration:none;background:linear-gradient(90deg,#2abfff,#72e7bd,#f7d66b,#e870ca);background-clip:text;color:transparent}.menu{display:flex;gap:22px;flex-wrap:wrap}.menu a{text-decoration:none;color:#eee;font-size:.94rem}.menu a:hover{color:var(--gold)}
.hero{padding:105px 0 90px;background:radial-gradient(ellipse at 78% 18%,#26365a 0,transparent 48%),linear-gradient(140deg,#08090e,#141522)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:.8rem}.hero h1{font:normal clamp(2.8rem,6vw,5.7rem)/1.08 Georgia,serif;max-width:850px;margin:22px 0}.gradient{background:linear-gradient(90deg,#35bfff,#6ee6b2,#f9d86c,#ed7bca);color:transparent;background-clip:text}.lead{font-size:1.2rem;color:var(--muted);max-width:720px}.button{display:inline-block;background:var(--gold);color:#111!important;text-decoration:none;font-weight:bold;padding:14px 25px;border-radius:50px;margin:15px 12px 0 0}.button.secondary{background:transparent;color:var(--gold)!important;border:1px solid var(--gold)}
section{padding:80px 0}h2{font:normal clamp(2rem,4vw,3.3rem) Georgia,serif;margin:0 0 22px}h3{color:var(--gold);font-size:1.25rem}p{max-width:790px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid #333641;padding:27px;border-radius:17px}.soft{background:#11131a}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:20px;border-top:2px solid var(--gold);background:#171820}.step b{color:var(--gold)}.cta{text-align:center;background:linear-gradient(125deg,#1c1930,#152a30)}.cta p{margin:auto}.footer{padding:40px 0;border-top:1px solid #333;color:#c8c5cc}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.fine{font-size:.85rem;color:#a9a8b1}.page-content{min-height:45vh;padding:65px 0}.page-content h1{font:normal 3rem Georgia,serif}
@media(max-width:800px){.grid,.steps{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;flex-direction:column}.hero{padding:75px 0}}@media(max-width:520px){.grid,.steps{grid-template-columns:1fr}.menu{gap:12px}.hero h1{font-size:2.8rem}}

.founder-layout{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:center}.founder-photo{width:100%;border:2px solid var(--gold);border-radius:18px}@media(max-width:650px){.founder-layout{grid-template-columns:1fr}.founder-photo{max-width:250px}}

.hero{background:linear-gradient(90deg,rgba(5,6,14,.87),rgba(5,6,14,.58)),url('assets/landscape-background.jpg') center/cover no-repeat}
.nav-donate{background:var(--gold);color:#111!important;border-radius:25px;padding:5px 16px;font-weight:bold}
.donate-only{text-align:center;background:#11131a;padding:65px 0}.disabled{opacity:.6;cursor:not-allowed}
.contact-form{max-width:680px;margin:30px auto;text-align:left;background:#101119;border:1px solid #6e5933;border-radius:18px;padding:28px}
.contact-form label{display:block;font-weight:bold;margin-bottom:15px;color:#f5e7c2}
.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;border:1px solid #555b69;border-radius:7px;background:white;color:#141414;font:inherit;padding:12px;margin-top:6px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form .consent{font-weight:normal;font-size:.9rem}.honeypot{position:absolute;left:-9999px}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.contact-form{padding:18px}}

/* Final logo-centered hero: no portrait embedded in background */
.hero{background:radial-gradient(circle at 73% 48%,rgba(34,20,60,.5),transparent 45%),#030307;position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 42%;background:url("assets/colorful-logo-background.jpg") center center/contain no-repeat;opacity:.9}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#030307 0%,rgba(3,3,7,.92) 35%,transparent 85%)}
.hero .wrap{position:relative}
.contact-form{width:min(100%,720px);padding:clamp(20px,4vw,36px);border:2px solid #e8b94c;box-shadow:0 12px 40px #0007;border-radius:22px}
.contact-form label{font-size:0.95rem;line-height:1.4}
.contact-form input:not([type=checkbox]),.contact-form textarea{min-height:52px;padding:14px 16px;border:1px solid #b9b4bf;border-radius:10px;outline-offset:3px;box-sizing:border-box;margin-top:9px}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #e6b850}
.contact-form .form-grid{gap:18px}
.contact-form .button{display:block;min-width:230px;margin:24px auto 0;text-align:center;border:0;cursor:pointer}
@media(max-width:800px){.hero::before{inset:8% 0 0 25%;opacity:.33}.hero::after{background:rgba(3,3,7,.65)}}
@media(max-width:560px){.contact-form .form-grid{grid-template-columns:1fr;gap:0}.contact-form input:not([type=checkbox]){min-height:52px}}

.brand-hero{background:#000;padding:65px 0 85px;position:relative;overflow:hidden}
.brand-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(90deg,#ffd356,#8d24e0,#04d5e8,#f5b83d,#9c24e0);box-shadow:0 0 28px #8542c5}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:36px;align-items:center}
.hero-art img{width:100%;height:auto;display:block}
.hero-contact{border:2px solid #e5ba4e;border-radius:22px;padding:0 25px 25px;background:#050508;box-shadow:0 0 20px #9b672a88}
.hero-contact h2{font:bold 1.6rem Arial,sans-serif;text-align:center;color:#ffdc70;background:linear-gradient(#65118b,#190024);border:2px solid #e5ba4e;border-radius:35px;padding:12px;margin:-24px auto 15px;max-width:320px}
.hero-contact .contact-form{width:100%;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.hero-contact .contact-form label{font-size:.9rem;margin-bottom:10px}
.hero-contact .contact-form input:not([type=checkbox]),.hero-contact .contact-form textarea{width:100%;min-height:50px;margin-top:5px;padding:12px;border-radius:10px}
.hero-contact .contact-form textarea{min-height:120px}
.hero-contact .contact-form .button{display:block;margin:18px auto 0;width:min(100%,260px)}
.hero-contact .contact-form .consent{font-size:.78rem;font-weight:normal}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr;max-width:650px}.hero-art{max-width:550px;margin:auto}.hero-contact{margin-top:22px}}

/* Reference-inspired actual functional WordPress layout */
.reference-hero{position:relative;background:#000 url('assets/rainbow-landscape-clean.jpg') center top/100% auto no-repeat;padding:290px 0 125px;overflow:hidden}
.reference-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:url('assets/rainbow-waves.jpg') center bottom/100% 100% no-repeat;pointer-events:none}
.reference-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:35px;align-items:end;position:relative;z-index:1}
.hero-left{text-align:center}.rainbow-name{font:normal clamp(2.4rem,4.7vw,5rem)/1.04 Georgia,serif;text-transform:uppercase;background:linear-gradient(90deg,#0ce1ff,#4df7b4,#ffe16c,#f0bb43,#d34aff);background-clip:text;color:transparent;text-shadow:0 3px 20px #0009}
.gold-services{color:#f7d675;letter-spacing:2px;font-size:.9rem;margin:20px auto}.gold-script{font:italic 2rem Georgia,serif;color:#ffdb75;margin:18px auto 32px}
.founder-panel{background:#050505;border:3px solid #edb940;border-radius:25px;padding:18px;box-shadow:0 0 22px #c58b3470}
.founder-panel h2{font:bold 1.3rem Arial,sans-serif;background:linear-gradient(#5b087f,#20002d);border:2px solid #edb940;color:#ffe07c;border-radius:40px;padding:9px;margin:-40px auto 18px;max-width:360px}
.founder-panel-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;color:#f8e1a4}
.founder-panel-body strong{font:italic 1.8rem Georgia,serif}.founder-panel-body p{font-size:.8rem;letter-spacing:1.4px}
.photo-upload-label{border:2px solid #f2c456;border-radius:18px;background:#24242b;padding:35px 12px;color:#fff;font-size:.85rem}
.reference-hero .hero-contact{padding:0 25px 24px}.reference-hero .hero-contact .contact-form{background:transparent;border:0;padding:0;margin:0}
.reference-hero .contact-form input:not([type=checkbox]),.reference-hero .contact-form textarea{background:#fff;color:#171717;border-radius:10px;min-height:49px}
.reference-hero .contact-form textarea{min-height:115px}
.reference-hero .contact-form .button{margin:15px auto 0}
@media(max-width:850px){.reference-hero{padding-top:230px;background-size:auto 280px}.reference-content{grid-template-columns:1fr}.hero-left{padding-bottom:40px}.reference-hero .hero-contact{margin:20px 0 0}}
@media(max-width:500px){.reference-hero{padding-top:200px}.founder-panel-body{grid-template-columns:1fr}.gold-services{font-size:.7rem}}

html{scroll-behavior:smooth;scroll-padding-top:115px}
#home,#about,#services,#process,#support,#contact{scroll-margin-top:115px}
.menu a:focus-visible,.nav-donate:focus-visible{outline:2px solid #ffd05b;outline-offset:5px}

/* Contact form now lives exclusively under Contact Us */
.reference-content{grid-template-columns:minmax(0,1fr);max-width:850px;margin-inline:auto}
.reference-hero{padding-bottom:140px}
.contact-section{padding:100px 0;background:radial-gradient(circle at 50% 0,#32123e,#0a080f 60%,#050506)}
.contact-panel{width:min(100%,760px);margin:25px auto 0;padding:0 clamp(18px,4vw,40px) 35px}
.contact-panel h2{margin:-26px auto 18px}
.contact-intro{text-align:center;margin:10px auto 25px;color:#eee}
.contact-panel .contact-form{background:transparent;border:0;box-shadow:none;padding:0;margin:0 auto;width:100%;max-width:650px}
.contact-panel .contact-form input:not([type=checkbox]),.contact-panel .contact-form textarea{width:100%;background:#fff;color:#111;min-height:52px;border-radius:10px}
.contact-panel .contact-form textarea{min-height:145px}
.contact-panel .contact-form .button{margin:22px auto 0;display:block;width:min(100%,270px)}
.contact-phone{text-align:center;margin:20px auto 0}.contact-section .form-status{text-align:center}
@media(max-width:600px){.contact-section{padding:75px 0}.contact-panel{margin-top:25px}}

.mission-panel{padding:28px 30px 24px;text-align:center}.mission-panel p{max-width:610px;margin:10px auto 0;font-size:1.08rem;line-height:1.8;color:#f5e6c9}.mission-panel h2{max-width:330px}

/* Restored original-style black logo homepage only. Other sections unchanged. */
.logo-home-hero{background:#000;padding:0;line-height:0;overflow:hidden}
.logo-home-hero img{width:100%;height:auto;display:block;object-fit:contain}
.home-mission{background:#000;padding:55px 0 75px;text-align:center}
.home-mission .wrap{max-width:800px}
.home-mission .mission-panel{padding:34px 28px 28px}
.home-mission .mission-panel h2{margin:-53px auto 20px}
@media(max-width:600px){.home-mission{padding:65px 0 60px}.home-mission .mission-panel p{font-size:1rem}}