/*
Theme Name: Love Astrologers
Theme URI: https://loveastrologers.com
Description: Presentation shell for loveastrologers.com. Classic PHP theme (not a block theme), matching the pattern used for panjangam.com and sinhalacalendar.com.
Version: 1.0.0
Requires PHP: 8.1
Text Domain: la
*/
:root{
  --burgundy:#6F1837;
  --rose:#B84D6F;
  --gold:#C79A3B;
  --ivory:#FFF8F0;
  --charcoal:#282326;
  --white:#FFFFFF;
  color-scheme: light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--charcoal);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--burgundy)}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--burgundy);outline-offset:2px;border-radius:2px}
.la-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:100;background:var(--white);color:var(--burgundy);padding:10px 16px;border-radius:0 0 8px 0}
.la-skip:focus{left:0;width:auto;height:auto}
.la-wrap{max-width:1040px;margin:0 auto;padding:0 20px}

/* header */
.la-head{background:var(--burgundy);color:var(--white);padding:14px 0}
.la-head .la-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.la-nav{display:flex;gap:20px;flex-wrap:wrap}
.la-nav a{color:var(--white);text-decoration:none;font-size:.92rem;opacity:.9}
.la-nav a:hover{opacity:1;text-decoration:underline}
.la-logo{color:var(--white);text-decoration:none;font-size:1.3rem;font-weight:700;letter-spacing:.2px}
.la-head-cta{background:var(--gold);color:var(--charcoal);padding:9px 18px;border-radius:30px;text-decoration:none;font-weight:700;font-size:.95rem;white-space:nowrap}
.la-head-cta:hover{background:#d8ac4c}

/* hero */
/* breadcrumb */
.la-crumb{background:var(--white);border-bottom:1px solid #ecdfc8}
.la-crumb ol{list-style:none;margin:0;padding:10px 0;display:flex;flex-wrap:wrap;gap:0;font-size:.85rem;color:var(--charcoal);opacity:.75}
.la-crumb li:not(:last-child)::after{content:"›";margin:0 8px;opacity:.6}
.la-crumb a{color:var(--burgundy);text-decoration:underline}
.la-crumb span[aria-current]{opacity:.85}

.la-hero{background:linear-gradient(135deg,var(--burgundy),var(--rose));color:var(--white);padding:64px 0 56px;text-align:center}
.la-hero h1{margin:0 0 18px;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.25}
.la-hero p.sub{margin:0 auto 28px;max-width:640px;font-size:1.1rem;opacity:.95}
.la-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.la-btn{display:inline-block;padding:14px 28px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.02rem}
.la-btn-primary{background:var(--gold);color:var(--charcoal)}
.la-btn-primary:hover{background:#d8ac4c}
.la-btn-secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.7)}
.la-btn-secondary:hover{background:rgba(255,255,255,.12)}
.la-trust{font-size:.92rem;opacity:.9;margin:0}

/* sections */
.la-section{padding:52px 0}
.la-section h2{font-size:1.6rem;margin:0 0 28px;text-align:center;color:var(--burgundy)}
.la-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.la-card{background:var(--white);border:1px solid #ecdfc8;border-radius:12px;padding:20px}
.la-card h3{margin:0 0 8px;font-size:1.05rem;color:var(--burgundy)}
.la-card p{margin:0;color:var(--charcoal);opacity:.85;font-size:.95rem}

.la-steps{display:flex;flex-direction:column;gap:14px;max-width:560px;margin:0 auto}
.la-step{display:flex;gap:14px;align-items:flex-start}
.la-step-num{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--burgundy);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700}
.la-step p{margin:4px 0 0}

.la-about{background:var(--white);border-radius:12px;padding:28px;max-width:720px;margin:0 auto}
.la-about h2{text-align:left;margin-bottom:12px}

.la-final-cta{background:var(--charcoal);color:var(--white);text-align:center;padding:48px 0}
.la-final-cta h2{color:var(--white)}

/* mobile sticky consultation bar */
.la-sticky{position:fixed;left:0;right:0;bottom:0;background:var(--burgundy);padding:10px 16px;display:none;z-index:50;box-shadow:0 -2px 10px rgba(0,0,0,.15)}
.la-sticky a{display:block;text-align:center;background:var(--gold);color:var(--charcoal);padding:12px;border-radius:30px;text-decoration:none;font-weight:700}
@media (max-width:680px){
  .la-sticky{display:block}
  body{padding-bottom:70px}
}

/* footer */
.la-foot{padding:28px 0;text-align:center;font-size:.85rem;color:var(--charcoal);opacity:.75}
.la-foot p{margin:4px 0}

@media (prefers-reduced-motion: reduce){*{transition:none!important}}