/* ───────────────────────────────────────────────────────────────────────────
   White-label LIGHT skin — overrides the default dark "succsteps" public theme.
   Loaded only when the brand theme is "light" (e.g. essentialbeauty.gr).
   Palette: warm light + sage green (--wl-green) + terracotta (--wl-terra).
   ─────────────────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap&subset=greek,greek-ext,latin,latin-ext');
:root{ --wl-green:#45675b; --wl-terra:#c08267; --wl-bg:#f7f4ef; --wl-card:#ffffff;
       --wl-ink:#2b2f2c; --wl-muted:#7b837d; --wl-line:#e8e3da; --wl-soft:#eef2ef; }

body{ background:var(--wl-bg)!important; color:var(--wl-ink)!important; }
/* uniform sans-serif (full Greek + Latin) across all light-skinned pages */
body,.snav,.top,.nav,header,h1,h2,h3,h4,h5,.brand,.sectitle,.serif,button,.btn,input,select,textarea,a,p,div,span,li,small,label,td,th{
  font-family:'Inter',sans-serif!important;
}

/* headers / nav bars */
.snav,.top,.nav,header,.topbar{
  background:#fff!important; border-bottom:1px solid var(--wl-line)!important; backdrop-filter:none!important;
}
/* brand wordmark (kill dark gradient text) */
.brand{
  background:none!important; -webkit-text-fill-color:var(--wl-green)!important; color:var(--wl-green)!important;
  -webkit-background-clip:initial!important; background-clip:initial!important; font-weight:800!important;
}
/* nav links */
.snav .links a,.top a,.nav a,.snav a,.links a{ color:#43483f!important; }
.snav .links a:hover,.links a:hover{ background:var(--wl-soft)!important; color:var(--wl-green)!important; }
.snav .links a.cta,.cta{ background:var(--wl-terra)!important; border-color:var(--wl-terra)!important; color:#fff!important; }

/* hero / big headings that used gradient text */
h1,h2,.hero h1,.hero h2{ color:var(--wl-ink)!important; }
.hero h1,.sectitle{ -webkit-text-fill-color:var(--wl-green)!important; background:none!important; color:var(--wl-green)!important; }
.hero,.hero .grad,.section{ background:transparent!important; }
.hint,.sub,.meta,.muted,.empty,.addr,.desc,.foot,.note,.stock,.bz{ color:var(--wl-muted)!important; }

/* cards / panels / boxes */
.card,.box,.panel,.modal,.b,.cat,.offer,.ci,.tile,.pcard,.bcard,.grid>div{
  background:var(--wl-card)!important; border-color:var(--wl-line)!important; color:var(--wl-ink)!important;
  box-shadow:0 10px 30px rgba(60,70,60,.06)!important;
}
.card .city,.card .biz,.city,.salon{ color:var(--wl-green)!important; }
.badge,.tag,.label{ background:var(--wl-soft)!important; color:var(--wl-green)!important; border-color:var(--wl-green)!important; }

/* inputs */
input,select,textarea{ background:#fcfbf9!important; border:1px solid var(--wl-line)!important; color:var(--wl-ink)!important; }
input::placeholder,textarea::placeholder{ color:#a7ada6!important; }
select option{ background:#fff!important; color:var(--wl-ink)!important; }

/* primary buttons / gradient CTAs → solid green */
button,.btn,.add,.view,.pay,.submit,.search button,.top button,.cartbtn,.book button,.ok,input[type=submit]{
  background:var(--wl-green)!important; color:#fff!important; border:0!important;
}
button:hover,.btn:hover,.add:hover,.view:hover,.pay:hover{ filter:brightness(1.06); }
.cancel,.btn-ghost,.out{ background:#fff!important; color:var(--wl-green)!important; border:1px solid var(--wl-line)!important; }
a.out{ color:var(--wl-green)!important; background:none!important; }

/* social / pill chips */
.soc a{ background:var(--wl-soft)!important; color:var(--wl-green)!important; border-color:var(--wl-line)!important; }

/* badges used in consumer dashboard statuses keep their colors but on light cards */
.b-ok{ background:var(--wl-soft)!important; color:var(--wl-green)!important; border-color:var(--wl-green)!important; }