/*
Theme Name: Dr. Bill - Science of Mind
Theme URI: https://scienceofminddrbill.com
Author: Shahzad Raza
Author URI: mailto:imraza70@gmail.com
Description: Custom one-page WordPress theme for Dr. William M. Taliaferro's Science of Mind website - biography, teaching philosophy, and an audio library section. Built by Raza Tech Solutions (imraza70@gmail.com).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: drbill-theme
*/


:root{
  --cream:#f6f1e7; --cream2:#efe6d4; --ink:#2b2620; --ink-soft:#5c554a;
  --accent:#8a6a3b; --accent2:#2f4d47; --card:#ffffff; --line:#e3d8c2;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--cream:#211d18;--cream2:#2a251e;--ink:#f2ebdd;--ink-soft:#cabfa9;--card:#2d2820;--line:#42392b;}
}
:root[data-theme="dark"]{--cream:#211d18;--cream2:#2a251e;--ink:#f2ebdd;--ink-soft:#cabfa9;--card:#2d2820;--line:#42392b;}
html{scroll-behavior:smooth; scroll-padding-top:env(safe-area-inset-top,70px);}
*{box-sizing:border-box;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.6;}
h1,h2,h3{font-family:Georgia,serif;font-weight:400;margin:0 0 .4em;}
p{margin:0 0 1em;color:var(--ink-soft);}
.sans{font-family:-apple-system,Segoe UI,Roboto,sans-serif;}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px;}
img{max-width:100%;display:block;}
a{color:inherit;}
button{font-family:inherit;cursor:pointer;}

header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(246,241,231,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
:root[data-theme="dark"] header, @media (prefers-color-scheme:dark){header{background:rgba(33,29,24,.92);}}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1100px;margin:0 auto;}
.brand{font-size:1.15rem;letter-spacing:.03em;}
.navlinks{display:flex;gap:28px;list-style:none;margin:0;padding:0;}
.navlinks a{text-decoration:none;font-size:.92rem;letter-spacing:.03em;font-family:-apple-system,Segoe UI,Roboto,sans-serif;}
.navlinks a:hover{color:var(--accent);}
.burger{display:none;background:none;border:0;font-size:1.4rem;}
@media (max-width:760px){.navlinks{display:none;}.burger{display:block;}
  .navlinks.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:16px 24px;gap:16px;border-bottom:1px solid var(--line);}}

.hero{padding:80px 24px 60px;text-align:center;}
.hero .sketch{width:180px;height:180px;border-radius:50%;margin:0 auto 24px;object-fit:cover;border:3px solid var(--card);box-shadow:0 8px 30px rgba(0,0,0,.12);}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);}
.hero .tag{color:var(--accent);font-family:-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;margin-bottom:16px;}
.hero p.lead{max-width:560px;margin:0 auto 28px;font-size:1.05rem;}
.cta{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.btn{padding:13px 26px;border-radius:30px;font-size:.9rem;letter-spacing:.02em;border:1px solid var(--ink);text-decoration:none;font-family:-apple-system,Segoe UI,Roboto,sans-serif;transition:.2s;}
.btn.primary{background:var(--ink);color:var(--cream);}
.btn.primary:hover{background:var(--accent);border-color:var(--accent);}
.btn.ghost:hover{background:var(--ink);color:var(--cream);}

section{padding:70px 0;}
.section-title{text-align:center;margin-bottom:48px;}
.section-title .eyebrow{font-family:-apple-system,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--accent);display:block;margin-bottom:8px;}

.bio{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start;}
@media (max-width:760px){.bio{grid-template-columns:1fr;}}
.bio-portrait{background:var(--card);border-radius:16px;padding:30px;text-align:center;border:1px solid var(--line);}
.bio-facts{list-style:none;margin:20px 0 0;padding:0;text-align:left;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:.88rem;}
.bio-facts li{padding:8px 0;border-top:1px solid var(--line);color:var(--ink-soft);}
.bio-body .more{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.bio-body .more.open{max-height:900px;}
.readmore{background:none;border:none;color:var(--accent);font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:.9rem;padding:0;text-decoration:underline;}

.quote-section{background:var(--accent2);color:#f4efe2;text-align:center;}
.quote-section p{color:#dcd4bf;}
.quote-section blockquote{font-size:clamp(1.3rem,3vw,2rem);max-width:750px;margin:0 auto 20px;font-style:italic;}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;}
@media (max-width:760px){.stats{grid-template-columns:1fr;}}
.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px 20px;}
.stat .num{font-size:2.4rem;color:var(--accent);display:block;}
.stat p{font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:.88rem;margin:0;}

.audio-filters{display:flex;align-items:center;gap:12px;font-family:-apple-system,Segoe UI,Roboto,sans-serif;}
.audio-filters .chipgroup{flex:1;}
@media (min-width:640px){.audio-filters{justify-content:center;}.audio-filters .chipgroup{flex:none;}}
@media (max-width:639px){.audio-filters{flex-direction:column;}.audio-filters .icon-cluster{align-self:flex-end;}}
.chip{padding:8px 18px;border-radius:20px;border:1px solid var(--line);background:var(--card);font-size:.85rem;}
.chip.active{background:var(--ink);color:var(--cream);border-color:var(--ink);}

.featured-audio{display:grid;grid-template-columns:220px 1fr;gap:30px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:44px;align-items:center;}
@media (max-width:700px){.featured-audio{grid-template-columns:1fr;}}
.cover{aspect-ratio:1;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));}
.badge{display:inline-block;font-size:.72rem;padding:3px 10px;border-radius:12px;background:var(--cream2);font-family:-apple-system,Segoe UI,Roboto,sans-serif;margin-bottom:8px;}

.player{background:var(--cream2);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px;font-family:-apple-system,Segoe UI,Roboto,sans-serif;}
.playbtn{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--cream);border:none;font-size:1rem;flex:none;}
.bar{flex:1;height:6px;background:var(--line);border-radius:3px;overflow:hidden;cursor:pointer;}
.bar-fill{height:100%;width:0%;background:var(--accent);transition:width .2s;}
.time{font-size:.78rem;color:var(--ink-soft);flex:none;}

.grid-audio{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;}
.audio-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s;}
.audio-card:hover{transform:translateY(-4px);}
.audio-card .cover{aspect-ratio:16/10;border-radius:0;}
.audio-card .body{padding:16px 18px;}
.audio-card h3{font-size:1rem;margin-bottom:4px;}
.audio-card .meta{font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:.78rem;color:var(--ink-soft);display:flex;justify-content:space-between;margin-top:10px;}

.newsletter{background:var(--cream2);text-align:center;}
.nl-form{display:flex;gap:10px;max-width:420px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.nl-form input{flex:1;min-width:200px;padding:13px 16px;border-radius:30px;border:1px solid var(--line);font-family:inherit;background:var(--card);color:var(--ink);}
.nl-form button{border-radius:30px;padding:13px 24px;border:none;background:var(--ink);color:var(--cream);}

.contact-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;text-align:center;font-family:-apple-system,Segoe UI,Roboto,sans-serif;}
.contact-grid div{color:var(--ink-soft);}
.contact-grid strong{display:block;color:var(--ink);margin-bottom:4px;}

footer{border-top:1px solid var(--line);padding:34px 24px;text-align:center;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:.82rem;color:var(--ink-soft);}
footer ul.footer-links,
footer ul.footer-links li{
  list-style:none!important;
  list-style-type:none!important;
}
footer ul.footer-links{
  display:flex!important;
  flex-direction:row!important;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px 18px;
  margin:16px 0 0!important;
  padding:0!important;
}
footer ul.footer-links li{
  margin:0!important;
  padding:0!important;
  display:inline-flex;
}
footer ul.footer-links a{color:var(--ink-soft);text-decoration:none;}
footer ul.footer-links a:hover{color:var(--accent);text-decoration:underline;}

.legal-page{max-width:720px;}
.legal-page h1{text-align:left;}
.legal-updated{color:var(--ink-soft);font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:.85rem;margin-bottom:34px;}
.legal-content h2,.legal-content h3{margin-top:1.6em;}
.legal-content p,.legal-content li{line-height:1.7;}
.legal-content ul{padding-left:1.3em;}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.reveal.show{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}
@keyframes bump{0%{transform:scale(1);}40%{transform:scale(1.35);}100%{transform:scale(1);}}
.bump{animation:bump .4s ease;}
.addcart.added{background:var(--accent2);border-color:var(--accent2);}
.addcart.loading{opacity:.6;pointer-events:none;}