/* Aaple Guhagar Website — Modern UI sync from app.
   Visual-only layer: no auth, Supabase, admin, data or navigation logic changes. */
:root{--wm-green:#087f49;--wm-green2:#12a060;--wm-ink:#17352a;--wm-muted:#6d8279;--wm-bg:#f4f8f6;--wm-line:#e2ece7;--wm-blue:#e9f3ff;--wm-purple:#f2ecff;--wm-orange:#fff1e7;--wm-yellow:#fff7d9;--wm-pink:#ffecef;--wm-teal:#e4f8f4}
body{background:linear-gradient(180deg,#f8fbf9 0,#f4f8f6 55%,#f8fbf9 100%);color:var(--wm-ink)}
.header{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,83,56,.07);box-shadow:0 4px 18px rgba(17,72,48,.045)}
.header .nav{min-height:70px}
.header .brand .logo{border-radius:14px;overflow:hidden}
.hero{position:relative;background:linear-gradient(180deg,rgba(242,250,246,.62),rgba(241,249,245,.88)),url("assets/tourist/Guhagar Beach.jpeg") center/cover no-repeat;padding-top:44px;padding-bottom:48px}
.hero-search{background:linear-gradient(135deg,#0b8b51 0%,#087f49 58%,#0b6f49 100%);border:0;border-radius:26px;padding:18px;box-shadow:0 18px 42px rgba(8,105,63,.18)}
.hero-search .field{background:#fff;border:1px solid rgba(255,255,255,.56);border-radius:15px;min-height:50px;box-shadow:0 3px 9px rgba(6,63,39,.08)}
.hero-search .field input,.hero-search .field select{background:transparent;color:#244339}
.hero-search .green-btn{min-height:50px;border-radius:15px;background:#fff;color:var(--wm-green);border:0;font-weight:900;box-shadow:0 7px 18px rgba(4,64,38,.14)}
.section{padding-top:34px;padding-bottom:34px}.section.alt{background:transparent}
.section-head .line,.support-hero .line{width:36px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--wm-green),#5ac68f)}
.section-head h2,.support-hero h1,.admin-main h1,.auth-card h1{color:var(--wm-ink);letter-spacing:-.025em}
.section-head p,.support-hero p,.admin-main p,.auth-card p{color:var(--wm-muted)}
.category-grid{gap:14px}.category-card{border:1px solid rgba(21,80,55,.08);border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(17,72,48,.07);transition:transform .18s ease,box-shadow .18s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(17,72,48,.10)}
.category-card .ico{border:0;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}
.category-card:nth-child(6n+1) .ico{background:var(--wm-orange);color:#e46b2c}.category-card:nth-child(6n+2) .ico{background:var(--wm-purple);color:#7958c7}.category-card:nth-child(6n+3) .ico{background:var(--wm-blue);color:#397cc3}.category-card:nth-child(6n+4) .ico{background:var(--wm-teal);color:#148d77}.category-card:nth-child(6n+5) .ico{background:var(--wm-yellow);color:#b68713}.category-card:nth-child(6n+6) .ico{background:var(--wm-pink);color:#c64f69}
.category-card h3{color:var(--wm-ink);font-weight:850}.category-card small{color:#80938a}
.business-grid,.place-grid,.news-grid,.offer-grid{gap:16px}.business-card,.place-card,.news-card,.offer-card,.panel,.admin-business-card,.admin-item{background:#fff;border:1px solid rgba(18,83,56,.08);border-radius:22px;box-shadow:0 10px 30px rgba(17,72,48,.075);overflow:hidden}.business-body,.place-body,.news-body,.offer-card{padding:17px}.business-body h3,.place-body h3,.news-body h3,.offer-card h3{color:var(--wm-ink);font-weight:900;letter-spacing:-.015em}
.tag,.place-tag,.status-pill{border-radius:999px;background:#e9f8f0;color:var(--wm-green);border:1px solid #d3efdf;font-size:11px;font-weight:850;padding:5px 9px}.green-btn{background:linear-gradient(135deg,#0b8b51,#087544);color:#fff;border:0;border-radius:14px;font-weight:850;box-shadow:0 8px 18px rgba(8,127,73,.16)}.outline,.save-business-btn{background:#fff;color:var(--wm-green);border:1px solid #cfe8da;border-radius:14px;font-weight:800}
.premium-hero{border-radius:0 0 28px 28px;background:linear-gradient(135deg,#0b8b51,#087544);box-shadow:0 14px 34px rgba(8,112,65,.15)}
.auth-card{background:#fff;border:1px solid rgba(17,79,54,.08);border-radius:24px;box-shadow:0 14px 36px rgba(17,72,48,.08)}
label{color:#365449;font-weight:800}input,select,textarea{background:#f9fcfa;border-color:#dce9e2;border-radius:14px}input:focus,select:focus,textarea:focus{border-color:#70c39a;box-shadow:0 0 0 3px rgba(10,139,81,.10);background:#fff}
.help-faq{background:#fff;border:1px solid rgba(17,79,54,.08);border-radius:18px;box-shadow:0 7px 22px rgba(17,72,48,.055)}.contact-chip{background:#f7fbf9;border:1px solid #e1ece6;border-radius:16px}.support-cta{border-radius:22px;background:linear-gradient(135deg,#e9f9f1,#f3f8ff);border:1px solid #d8ebe1}
.drawer-language-options a,.welcome-langs a{border-radius:12px}.drawer-language-options a.active{background:#e2f6eb;color:var(--wm-green);border-color:#bfe6d1}
.site-footer{background:#092f22}
@media(max-width:760px){.hero{padding-top:28px;padding-bottom:32px}.hero-search{border-radius:22px;padding:15px}.category-grid{gap:11px}.category-card{border-radius:17px}.business-card,.place-card,.news-card,.offer-card,.panel{border-radius:18px}.auth-card{border-radius:20px}.header .nav{min-height:64px}}

/* V19 readability fix — premium hero contrast */
.premium-hero,
.tourism-hero,
.news-hero{
  background:linear-gradient(135deg,#0b8b51 0%,#087544 100%)!important;
}
.premium-hero h1,
.premium-hero .eyebrow,
.tourism-hero h1,
.tourism-hero .eyebrow,
.news-hero h1,
.news-hero .eyebrow{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.12);
}
.premium-hero p,
.tourism-hero p,
.news-hero p{
  color:#eaf8f0!important;
  opacity:1!important;
  font-weight:500;
}
@media(min-width:761px){
  .premium-hero{padding:72px 0!important}
  .premium-hero h1{font-size:clamp(46px,5vw,64px)!important}
  .premium-hero p{font-size:18px!important}
}