/* Way to Enlightenment – custom styles (works with Tailwind CDN config in index.html) */
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
img{max-width:100%}
.nav-link{font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#E8C766;padding:.35rem 0;border-bottom:2px solid transparent;transition:.2s}
.nav-link:hover,.nav-link.active{color:#fff;border-bottom-color:#D4A53A}
#drawer.open{display:flex}
.btn-gold{background:linear-gradient(180deg,#E8C766,#D4A53A 55%,#A9801F);color:#0B1B33;font-family:'Cinzel',serif;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:.7rem 1.6rem;border-radius:999px;border:1px solid #A9801F;box-shadow:0 3px 10px rgba(0,0,0,.25);transition:.2s;cursor:pointer}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.08)}
.gold-text{background:linear-gradient(180deg,#FFF1B8,#E8C766 45%,#B8861F);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0;color:#E8C766}
.divider::before,.divider::after{content:"";height:1px;width:90px;background:linear-gradient(90deg,transparent,#E8C766)}
.divider::after{transform:scaleX(-1)}
.hero{isolation:isolate}
.hero h1{text-shadow:none}
.ring{width:64px;height:64px;border-radius:50%;border:2px solid #D4A53A;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#A9801F;background:#fff8e8;transition:.2s}
a:hover>.ring{background:#D4A53A;color:#fff;transform:translateY(-3px)}
.sec-title{font-family:'Cinzel',serif;font-weight:600;font-size:1.6rem;letter-spacing:.06em;text-transform:uppercase}
.uline{display:block;width:70px;height:3px;margin-top:.6rem;background:linear-gradient(90deg,#D4A53A,#E8C766);border-radius:3px}
.card{background:#fff;border:1px solid rgba(212,165,58,.35);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(43,33,24,.08);transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(43,33,24,.16)}
.ph{background-color:#e9dcc0;min-height:150px;aspect-ratio:16/10}
.card .ph{width:100%}
.rm{font-size:.75rem;font-weight:700;color:#A9801F;letter-spacing:.04em}
.rm:hover{color:#D4A53A}
.forest{background-color:#1C3324;color:#F3E9D2}
.leaf-pat{background-image:radial-gradient(circle at 20% 20%,rgba(212,165,58,.08) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(212,165,58,.06) 0 2px,transparent 3px);background-size:60px 60px,90px 90px}
.quote-box{border:1px solid rgba(212,165,58,.6);border-radius:14px;padding:2.2rem 1.6rem;background:rgba(11,27,51,.35)}
.dcard{display:flex;background:rgba(11,27,51,.55);border:1px solid rgba(212,165,58,.35);border-radius:10px;overflow:hidden;transition:.2s}
.dcard:hover{border-color:#D4A53A;transform:translateX(4px)}
.dcard .ph{min-height:96px;aspect-ratio:auto}
.lotus-bg{background-color:#0B1B33}
.tile{display:block;padding:1.2rem .6rem;background:rgba(11,27,51,.7);border:1px solid rgba(212,165,58,.5);border-radius:12px;color:#F3E9D2;font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(3px);transition:.2s}
.tile:hover{background:rgba(212,165,58,.25);transform:translateY(-4px);color:#fff}
.soc{width:38px;height:38px;border-radius:50%;border:1px solid #D4A53A;color:#E8C766;display:flex;align-items:center;justify-content:center;font-weight:700;transition:.2s}
.soc:hover{background:#D4A53A;color:#0B1B33}
.field{width:100%;padding:.7rem 1rem;border-radius:8px;border:1px solid #D4A53A;background:#fff;color:#2B2118}
#modal.show{display:flex}
@media(max-width:640px){.sec-title{font-size:1.3rem}}

/* ===== Toolkit behaviour styles (class-driven, attach via Elementor > Advanced > CSS Classes) ===== */
.wte-hide{display:none!important}
.wte-filter.is-active .elementor-button,.wte-filter.is-active .elementor-icon-box-title{background:#D4A53A;color:#0B1B33}
@keyframes wtePulse{0%,100%{transform:scale(.8);opacity:.75}40%{transform:scale(1.15);opacity:1}}
.wte-pulse{transition:transform .6s}
.wte-timer.is-running .wte-pulse{animation:wtePulse 10s ease-in-out infinite}
.wte-timer-display{font-family:'Cinzel',serif;letter-spacing:2px}
.wte-preset.is-active .elementor-button{background:#D4A53A;color:#0B1B33}
@media (prefers-reduced-motion:reduce){.wte-timer.is-running .wte-pulse{animation:none}}
