/**
 * Webook — šviesi tema.
 * Įsijungia tik kai <html data-theme="light">, tad tamsios nekeičia.
 */

html[data-theme="light"]{
  --bg:#ffffff;
  --bg-2:#f6f6f9;
  --surface:#ffffff;
  --surface-2:#f4f4f8;
  --line:rgba(18,18,24,.11);
  --text:#101015;
  --muted:#6a6a76;

  /* Prigesintas oranžinis — grynas #ff4d00 ant balto rėžia akį */
  --accent:#dc4200;
  --accent-2:#ff6a26;
  --glow:rgba(220,66,0,.14);

  --ink-rgb:18,18,24;
  --shadow-rgb:24,26,40;

  --surface-card:#ffffff;
  --surface-deep:#f1f1f5;
  --surface-modal:#ffffff;
  --skeleton-1:#ececef;
  --skeleton-2:#f7f7f9;

  /* Pakelti paviršiai — ant balto fono kortelė turi būti balta, o ne pilka */
  --panel-1:#ffffff;
  --panel-2:#fbfbfd;
  --card-1:#ffffff;
  --card-2:#f9f9fc;
  --scrim:rgba(255,255,255,.62);
  --muted-rgb:106,106,118;

  --logo-filter:none;
  --header-bg:rgba(255,255,255,.78);
  --header-bg-solid:rgba(255,255,255,.94);

  --radius:16px;
  --radius-sm:10px;
}

html[data-theme="light"] body{
  background:
    radial-gradient(1100px 560px at 82% -12%, rgba(220,66,0,.07), transparent 55%),
    radial-gradient(900px 500px at -10% 18%, rgba(18,18,24,.035), transparent 50%),
    var(--bg);
}

/* Triukšmo tekstūra ant balto atrodo purvinai — vos matoma ir daugybos režimu */
html[data-theme="light"] body::before{
  opacity:.1;
  mix-blend-mode:multiply;
}

/* Šešėliai buvo derinti juodam fonui — ant balto per sunkūs */
html[data-theme="light"] .fwp-card{box-shadow:0 24px 60px rgba(var(--shadow-rgb),.13)}
html[data-theme="light"] .feature-wheel--hero .fwp-card{box-shadow:0 16px 38px rgba(var(--shadow-rgb),.12)}
html[data-theme="light"] .shop-offer{box-shadow:0 22px 60px rgba(var(--shadow-rgb),.1)}
html[data-theme="light"] .contact-person-photo{box-shadow:0 0 0 1px var(--line), 0 12px 30px rgba(var(--shadow-rgb),.12)}
html[data-theme="light"] .toast{box-shadow:0 12px 30px rgba(var(--shadow-rgb),.16)}

/* Kortelės ant balto turi turėti rėmelį, kitaip nesimato kraštų */
html[data-theme="light"] .wb-show-card{
  border-color:var(--line);
  box-shadow:0 6px 20px rgba(var(--shadow-rgb),.07);
}
html[data-theme="light"] .wb-show-card:hover{
  box-shadow:0 14px 34px rgba(var(--shadow-rgb),.12);
}

/* Balta kortelė ant balto fono be ryškesnio rėmelio tiesiog dingsta */
html[data-theme="light"] .fwp-card{border-color:rgba(var(--ink-rgb),.14)}
html[data-theme="light"] .fwp-card.is-front{border-color:rgba(220,66,0,.4)}
html[data-theme="light"] .fwp-row{border-bottom-color:rgba(var(--ink-rgb),.09)}
html[data-theme="light"] .fwp-head{border-bottom-color:rgba(var(--ink-rgb),.12)}
html[data-theme="light"] .fwp-cta{border-color:rgba(var(--ink-rgb),.2)}

/* ---- Pavyzdžių kortelė ----
   Anksčiau kiekviena kortelė turėjo tris oranžinius elementus: „DEMO PERŽIŪRA“
   juostą, įstrižą „PAVYZDYS“ ruožą per visą nuotrauką ir platų mygtuką apačioje.
   Keturios kortelės iš eilės virsdavo oranžine siena, o ruožas dar ir uždengdavo
   būtent tą darbą, kurį turi parodyti. Paliekame vieną akcentą kortelei. */

/* Viršutinė „DEMO PERŽIŪRA“ juosta dubliuoja ženklą ant nuotraukos */
html[data-theme="light"] .wb-demo-tag{display:none}

/* Įstrižas ruožas → kuklus ženklelis kampe */
html[data-theme="light"] .wb-pavyzdys{
  left:10px;
  top:10px;
  width:auto;
  transform:none;
  padding:4px 9px;
  border:0;
  border-radius:6px;
  background:rgba(12,12,18,.62);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  font:700 9px/1 system-ui,-apple-system,sans-serif;
  letter-spacing:.16em;
  text-indent:.16em;
  text-shadow:none;
  box-shadow:none;
}

/* Nuotrauka lieka vienintelis spalvotas kortelės elementas */
html[data-theme="light"] .wb-show-foot{
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:11px 13px 12px;
  background:transparent;
  border-top:1px solid rgba(var(--ink-rgb),.09);
}
html[data-theme="light"] .wb-show-cta{
  width:auto;
  flex:0 0 auto;
  padding:0;
  border-radius:0;
  background:transparent;
  color:var(--muted);
  text-transform:none;
  letter-spacing:.01em;
  font-weight:600;
  font-size:.8rem;
  transition:color .2s ease;
}
html[data-theme="light"] .wb-show-cta::after{content:" →"}
html[data-theme="light"] .wb-show-card:hover .wb-show-cta{color:var(--accent)}

/* Peržiūros uždangalas guli ant nuotraukos — lieka tamsus abiejose temose */
html[data-theme="light"] .wb-show-veil{
  top:0;
  background:linear-gradient(180deg, rgba(10,10,14,.42), rgba(10,10,14,.66));
}
html[data-theme="light"] .wb-show-preview-btn{
  border-color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.16);
  color:#fff;
}

/* Ryklys pieštas tamsiam fonui */
html[data-theme="light"] #ocean-hunt{display:none}