/*
Theme Name: Alchemy of Experience
Theme URI: https://alchemyofexperience.com/
Author: Alchemy of Experience
Description: A warm, botanical WordPress theme for woman-centered coaching, workshops, paid coaching packages, scheduling, newsletter growth, and contact.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: alchemy-experience
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, featured-images, e-commerce, blog, accessibility-ready
*/

:root{
  --parchment:#eee5db;
  --parchment-light:#f8f4ee;
  --parchment-deep:#d9cdbd;
  --navy:#27394f;
  --navy-soft:#4e5967;
  --olive:#6f653d;
  --olive-deep:#414a31;
  --gold:#a88732;
  --ink:#273033;
  --white:#fffdfa;
  --line:rgba(111,101,61,.28);
  --shadow:0 18px 50px rgba(39,48,51,.12);
  --radius:20px;
  --serif: Georgia, "Times New Roman", Times, serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 4%, rgba(168,135,50,.08), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(111,101,61,.08), transparent 26%),
    var(--parchment-light);
  font-family:var(--serif);
  line-height:1.65;
  font-size:18px;
}
img{max-width:100%;height:auto}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--olive-deep)}
button,input,textarea,select{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;display:block;padding:12px;background:#fff;z-index:100000}

.site-wrap{overflow:hidden}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.narrow{width:min(800px,calc(100% - 40px));margin:0 auto}
.section{padding:88px 0;position:relative}
.section--tight{padding:58px 0}
.section--paper{background:rgba(255,253,250,.62)}
.section--navy{
  background:var(--navy);
  color:var(--white);
}
.section--navy a{color:#f1dc98}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(248,244,238,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:48px;height:48px;flex:0 0 48px}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-title{font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:var(--olive-deep)}
.brand-subtitle{margin-top:6px;font-family:var(--sans);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.primary-menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0;font-family:var(--sans);font-size:14px}
.primary-menu a{text-decoration:none;color:var(--ink)}
.primary-menu .menu-item:last-child a{display:inline-flex;padding:11px 17px;border:1px solid var(--gold);border-radius:999px;color:var(--navy)}
.menu-toggle{display:none;border:0;background:none;font-family:var(--sans);padding:10px}

.hero{min-height:720px;display:grid;align-items:center;position:relative}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(248,244,238,.99) 0%,rgba(248,244,238,.94) 48%,rgba(248,244,238,.35) 72%,rgba(248,244,238,0) 100%);
  z-index:1;
}
.hero-botanical{
  position:absolute;right:-30px;top:40px;width:min(44vw,580px);height:680px;
  background:url("assets/images/botanical-branch.svg") right center/contain no-repeat;
  opacity:.88;
}
.hero-inner{position:relative;z-index:2;width:min(760px,72%)}
.eyebrow{
  font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);font-weight:700;margin-bottom:18px
}
h1,h2,h3,h4{font-weight:400;line-height:1.12;margin:0 0 22px;color:var(--navy)}
h1{font-size:clamp(52px,7vw,92px);letter-spacing:-.035em}
h2{font-size:clamp(38px,5vw,62px);letter-spacing:-.025em}
h3{font-size:clamp(25px,3vw,34px)}
.lede{font-size:clamp(21px,2.4vw,28px);color:var(--navy-soft);max-width:700px}
.hero-copy{max-width:650px;font-size:19px}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.btn,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 22px;border-radius:999px;border:1px solid var(--navy);
  background:var(--navy);color:white;text-decoration:none;
  font-family:var(--sans);font-size:14px;font-weight:650;letter-spacing:.02em;
  transition:.2s ease
}
.btn:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{
  transform:translateY(-1px);background:var(--olive-deep);border-color:var(--olive-deep);color:white
}
.btn--ghost{background:transparent;color:var(--navy);border-color:var(--gold)}
.btn--light{background:var(--white);color:var(--navy);border-color:var(--white)}
.btn--light:hover{background:#f1dc98;color:var(--navy);border-color:#f1dc98}

.botanical-divider{display:flex;align-items:center;gap:18px;margin:32px 0}
.botanical-divider::before,.botanical-divider::after{content:"";height:1px;flex:1;background:var(--gold)}
.botanical-divider img{width:76px;opacity:.9}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{
  background:rgba(255,253,250,.78);border:1px solid var(--line);border-radius:var(--radius);
  padding:34px;box-shadow:0 10px 34px rgba(39,48,51,.06)
}
.card-kicker{font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700}
.card h3{margin-top:10px}
.card p:last-child{margin-bottom:0}
.icon-leaf{width:44px;height:44px;margin-bottom:20px}

.torn-band{
  position:relative;background:var(--navy);color:var(--white);padding:72px 0;
  clip-path:polygon(0 2.5%,4% 1.5%,8% 2.8%,12% 1.4%,17% 2.2%,22% 1%,28% 2.4%,34% 1.2%,40% 2.2%,46% 1%,52% 2%,58% 1.4%,65% 2.6%,71% 1.2%,77% 2.4%,84% 1%,90% 2.6%,95% 1.3%,100% 2.4%,100% 97%,95% 98.2%,89% 97.1%,83% 98.7%,76% 97.2%,70% 98.5%,63% 97%,57% 98.2%,50% 97.4%,44% 98.8%,37% 97%,30% 98.1%,23% 97.2%,16% 98.6%,9% 97%,4% 98.4%,0 97%);
}
.torn-band h2,.torn-band h3{color:var(--white)}
.torn-quote{font-size:clamp(30px,4vw,50px);max-width:920px;margin:0 auto;text-align:center;line-height:1.28}
.torn-quote em{color:#f1dc98}

.split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.botanical-panel{
  min-height:520px;border-radius:120px 20px 120px 20px;position:relative;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.5)),
    var(--parchment);
  border:1px solid var(--line);overflow:hidden
}
.botanical-panel::after{
  content:"";position:absolute;inset:20px;
  background:url("assets/images/botanical-branch.svg") center/contain no-repeat;opacity:.82
}
.checks{list-style:none;padding:0;margin:24px 0}
.checks li{padding:10px 0 10px 34px;position:relative}
.checks li::before{content:"✦";position:absolute;left:0;color:var(--gold)}

.entry-header{padding:94px 0 44px}
.entry-title{font-size:clamp(48px,7vw,78px)}
.entry-content{padding-bottom:84px}
.entry-content > *{max-width:840px}
.entry-content .alignwide{max-width:1160px}
.entry-content .alignfull{max-width:none}

.aoc-intro{font-size:23px;color:var(--navy-soft);max-width:780px}
.aoc-note{border-left:3px solid var(--gold);padding:18px 22px;background:rgba(255,253,250,.72);margin:28px 0}
.aoc-form{display:grid;gap:15px;max-width:720px}
.aoc-form label{font-family:var(--sans);font-size:13px;font-weight:650;color:var(--navy)}
.aoc-form input,.aoc-form textarea{
  width:100%;padding:13px 14px;border:1px solid rgba(39,57,79,.25);border-radius:10px;background:var(--white)
}
.aoc-form textarea{min-height:170px;resize:vertical}
.aoc-honeypot{position:absolute;left:-9999px}
.aoc-success,.aoc-error{padding:14px 18px;border-radius:10px;margin:0 0 20px}
.aoc-success{background:#eef4e9;border:1px solid #b8c8a6}
.aoc-error{background:#f8ece8;border:1px solid #d6aca0}
.aoc-scheduler{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.aoc-scheduler iframe{display:block;width:100%;height:760px;border:0}
.aoc-admin-hint{padding:18px;border:1px dashed var(--gold);background:#fff9e8;border-radius:12px}
.aoc-newsletter{display:flex;gap:10px;max-width:620px}
.aoc-newsletter input{flex:1;min-width:0;padding:14px 16px;border:1px solid rgba(39,57,79,.25);border-radius:999px;background:white}
.aoc-newsletter button{white-space:nowrap}

.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:rgba(255,253,250,.85);border:1px solid var(--line);border-radius:18px;padding:20px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);font-size:24px;color:var(--navy)}
.woocommerce ul.products li.product .price{color:var(--olive-deep);font-family:var(--sans);font-weight:700}
.woocommerce span.onsale{background:var(--gold);color:#fff}

.site-footer{background:#e4d9ca;border-top:1px solid var(--line);padding:64px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:40px}
.footer-title{font-size:15px;font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--olive-deep)}
.footer-nav{list-style:none;padding:0;margin:0}
.footer-nav li{margin:8px 0}
.footer-nav a{text-decoration:none}
.footer-bottom{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--sans);font-size:12px;color:#68635c}

@media (max-width:900px){
  body{font-size:17px}
  .primary-menu{display:none;position:absolute;left:0;right:0;top:82px;background:var(--parchment-light);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}
  .primary-menu.is-open{display:flex}
  .menu-toggle{display:block}
  .hero{min-height:650px}
  .hero::before{background:linear-gradient(90deg,rgba(248,244,238,.99),rgba(248,244,238,.87))}
  .hero-botanical{right:-180px;opacity:.34;width:620px}
  .hero-inner{width:100%}
  .grid-3,.split,.footer-grid{grid-template-columns:1fr}
  .split{gap:38px}
  .botanical-panel{min-height:360px}
}
@media (max-width:600px){
  .container,.narrow{width:min(100% - 28px,1160px)}
  .section{padding:64px 0}
  h1{font-size:48px}
  .brand-subtitle{display:none}
  .brand-title{font-size:14px}
  .aoc-newsletter{flex-direction:column}
  .aoc-newsletter button{width:100%}
  .actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
}