/* Enigmia v4 — Skuty lodem */
/* LODOWY */
body.ice-theme{background:#edf6ff;color:#103246}body.ice-theme .topbar{background:rgba(241,248,255,.92);border-color:rgba(69,121,160,.18)}body.ice-theme .brand,body.ice-theme .nav{color:#0d3854}body.ice-theme .mode-switch,body.ice-theme .settings-panel{background:#e7f3ff;border-color:#c7ddf4}body.ice-theme .mode-switch a.active{background:#2a7cb0;color:#fff;box-shadow:0 6px 18px rgba(42,124,176,.26)}body.ice-theme .settings-panel p{color:#507086}body.ice-theme .settings-panel label{border-top-color:rgba(10,60,90,.1)}
body.ice-theme .hero{background:#dbeeff}body.ice-theme .hero-bg:after{background:linear-gradient(90deg,rgba(225,242,255,.18),rgba(238,247,255,.72) 37%,rgba(238,247,255,.76) 63%,rgba(225,242,255,.18)),linear-gradient(180deg,rgba(255,255,255,.22),rgba(65,119,159,.10))}
body.ice-theme .hero-copy{background:rgba(245,251,255,.74);border:1px solid rgba(103,158,201,.34)}body.ice-theme .hero p{color:#3f6276}body.ice-theme .eyebrow{background:#dff1ff;color:#26658b}
body.ice-theme .paper-section{background:#edf7ff}body.ice-theme .paper-section:before{opacity:.16}body.ice-theme .section-lead{color:#67829a}body.ice-theme .step{background:#fafdff;border-color:#c5e0f1;box-shadow:0 12px 26px rgba(65,119,159,.08)}body.ice-theme .step p{color:#517389}
body.ice-theme .deep{background:linear-gradient(180deg,#134764,#0d3449)}body.ice-theme .places{background:#eef7ff}.ice-theme .places-head{color:#12344a}.ice-theme .app-band{background:#123d59}.ice-theme .footer{background:#dbeeff;color:#3d6076}.ice-theme .place:after{background:linear-gradient(180deg,transparent 35%,rgba(14,59,89,.82))}.ice-theme .audience-card:after{background:linear-gradient(90deg,rgba(10,48,74,.70),rgba(10,48,74,.20))}
.ice-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 16%,rgba(255,255,255,.10) 100%),repeating-linear-gradient(120deg,rgba(255,255,255,.08) 0 2px,transparent 2px 26px)}


/* ENIGMIA — SKUTY LODEM / LANDING FINAL
   2026-09-10 / bez instalatora
   - pionowy wybór skórki
   - dynamiczny śnieg: lekki / normalny / mocny / zamieć
   - lokalne odsuwanie śniegu nad tekstem
   - zimowa grafika hero oparta o zaakceptowany koncept */

body.ice-theme{
  --ice-ink:#082f4d;
  --ice-muted:#436b83;
  --ice-line:rgba(177,225,246,.82);
  --ice-blue:#0d7fb9;
  --ice-blue-dark:#063b60;
  --ice-glass:rgba(237,250,255,.82);
  --ice-glass-strong:rgba(248,253,255,.94);
  --ice-shadow:0 24px 58px rgba(5,63,103,.20);
  --clear-x:50vw;
  --clear-y:40vh;
  --clear-radius:120px;
  background:linear-gradient(180deg,#d9f2ff 0%,#f7fcff 45%,#dff4ff 100%)!important;
  color:var(--ice-ink)!important;
  overflow-x:hidden;
}

/* Stare górne/popupowe przełączniki ukrywamy — zostaje pionowy pasek po prawej. */
body.ice-theme .mode-switch,
body.ice-theme .settings-toggle,
body.ice-theme .settings-panel,
body.ice-theme .enigmia-layout-fab,
body.ice-theme .enigmia-layout-panel{display:none!important}

/* ========== PIONOWY WYBÓR SKÓRKI ========== */
body.ice-theme #enigmia-layout-rail{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:2147483000;
  width:62px;
  padding:9px 7px;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex-direction:column;
  align-items:center;
  gap:8px;
  border-radius:31px;
  background:linear-gradient(180deg,rgba(4,43,70,.88),rgba(5,70,107,.80));
  border:1px solid rgba(210,244,255,.50);
  box-shadow:0 18px 46px rgba(1,31,51,.34),inset 0 1px rgba(255,255,255,.14);
  backdrop-filter:blur(15px) saturate(125%);
  -webkit-backdrop-filter:blur(15px) saturate(125%);
  pointer-events:none;
}
body.ice-theme #enigmia-layout-rail .rail-head{
  width:46px;height:29px;border-radius:17px;display:grid;place-items:center;
  color:#eefbff;font-size:17px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.17);
  transition:.4s ease;
}
body.ice-theme #enigmia-layout-rail .rail-sep{width:32px;height:1px;background:rgba(255,255,255,.22)}
body.ice-theme #enigmia-layout-rail .skin-dot{
  position:relative;width:46px;height:46px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;
  color:#fff!important;text-decoration:none!important;font:900 19px/1 system-ui,sans-serif;pointer-events:auto;
  box-shadow:0 6px 15px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.30);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.ice-theme #enigmia-layout-rail .skin-dot:hover,
body.ice-theme #enigmia-layout-rail .skin-dot:focus-visible{transform:scale(1.12);outline:none;filter:saturate(1.12) brightness(1.10);box-shadow:0 0 0 3px rgba(255,255,255,.24),0 9px 22px rgba(0,0,0,.34)}
body.ice-theme #enigmia-layout-rail .skin-dot.is-current{box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(86,206,255,.62),0 8px 22px rgba(0,0,0,.35)}
body.ice-theme #enigmia-layout-rail .skin-dot.is-fixed::before{content:'•';position:absolute;right:-2px;top:-3px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#ffd45f;color:#26333b;border:2px solid #06324e;font-size:12px}
body.ice-theme #enigmia-layout-rail .tip{position:absolute;right:57px;top:50%;transform:translateY(-50%) translateX(5px);opacity:0;pointer-events:none;white-space:nowrap;padding:8px 11px;border-radius:10px;background:rgba(3,25,41,.96);color:#fff;font:800 12px/1.2 system-ui,sans-serif;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px rgba(0,0,0,.30);transition:.16s ease}
body.ice-theme #enigmia-layout-rail .skin-dot:hover .tip,
body.ice-theme #enigmia-layout-rail .skin-dot:focus-visible .tip{opacity:1;transform:translateY(-50%) translateX(0)}
body.ice-theme #enigmia-layout-rail .skin-current{background:linear-gradient(145deg,#0e8155,#1f9d6e 58%,#e0c78c)}
body.ice-theme #enigmia-layout-rail .skin-classic{background:linear-gradient(145deg,#f5e5ad,#5e9a70 55%,#173e2f)}
body.ice-theme #enigmia-layout-rail .skin-shadow{background:radial-gradient(circle at 43% 40%,#efbc59 0 12%,#172f3a 30%,#040a10 72%)}
body.ice-theme #enigmia-layout-rail .skin-relic{background:linear-gradient(145deg,#e8bd72,#8c5726 58%,#3c2414)}
body.ice-theme #enigmia-layout-rail .skin-ice{background:radial-gradient(circle at 32% 25%,#fff 0 10%,transparent 11%),linear-gradient(145deg,#eafaff,#7ed0f2 55%,#15527e);color:#073858!important}
body.ice-theme #enigmia-layout-rail .skin-random{background:linear-gradient(145deg,#7558dd,#2d7fc5 54%,#084a58)}

/* ========== POGODA ========== */
body.ice-theme .ice-weather{
  position:fixed;inset:0;z-index:75;overflow:hidden;pointer-events:none;
  --back-o:.34;--mid-o:.25;--front-o:.16;--gust-o:0;
  transition:opacity 1.2s ease;
}
body.ice-theme .snow-layer{position:absolute;inset:0;overflow:hidden;transition:opacity 1.8s ease,filter 1.8s ease;will-change:opacity,filter}
body.ice-theme .snow-back{opacity:var(--back-o)}
body.ice-theme .snow-mid{opacity:var(--mid-o)}
body.ice-theme .snow-front{opacity:var(--front-o)}
body.ice-theme .ice-flake{
  position:absolute;left:var(--x);top:-8vh;width:var(--size);height:var(--size);border-radius:50%;
  background:rgba(255,255,255,var(--opacity));box-shadow:0 0 calc(var(--size)*.9) rgba(255,255,255,.35);
  filter:blur(var(--blur));animation:iceSnowFall var(--duration) linear var(--delay) infinite;will-change:transform;
}
@keyframes iceSnowFall{
  0%{transform:translate3d(0,-12vh,0) rotate(0deg)}
  100%{transform:translate3d(var(--drift),112vh,0) rotate(320deg)}
}
body.ice-theme .ice-gust{position:absolute;inset:-20%;opacity:var(--gust-o);transition:opacity 1.4s ease;background:repeating-linear-gradient(168deg,transparent 0 18px,rgba(255,255,255,.26) 19px 21px,transparent 22px 52px);filter:blur(1.6px);animation:iceGust 1.25s linear infinite;will-change:transform}
@keyframes iceGust{from{transform:translate3d(7%,-4%,0)}to{transform:translate3d(-7%,4%,0)}}

body.ice-theme.weather-light .ice-weather{--back-o:.20;--mid-o:.07;--front-o:.025;--gust-o:0}
body.ice-theme.weather-snow .ice-weather{--back-o:.34;--mid-o:.24;--front-o:.13;--gust-o:0}
body.ice-theme.weather-heavy .ice-weather{--back-o:.46;--mid-o:.43;--front-o:.31;--gust-o:.05}
body.ice-theme.weather-blizzard .ice-weather{--back-o:.56;--mid-o:.58;--front-o:.52;--gust-o:.45}
body.ice-theme.weather-blizzard .snow-layer{filter:blur(.15px) brightness(1.08)}
body.ice-theme.weather-blizzard .ice-flake{animation-name:iceSnowBlizzard}
@keyframes iceSnowBlizzard{
  0%{transform:translate3d(28vw,-12vh,0) rotate(0deg)}
  100%{transform:translate3d(-38vw,112vh,0) rotate(520deg)}
}

/* Po najechaniu na tekst powstaje miękka, poruszająca się strefa wolna od śniegu. */
body.ice-theme.snow-clear-active .ice-weather{
  -webkit-mask-image:radial-gradient(circle at var(--clear-x) var(--clear-y),transparent 0 105px,rgba(0,0,0,.15) 145px,#000 215px);
  mask-image:radial-gradient(circle at var(--clear-x) var(--clear-y),transparent 0 105px,rgba(0,0,0,.15) 145px,#000 215px);
}
body.ice-theme .snow-clear-zone{position:relative;z-index:80}
body.ice-theme .snow-clear-zone:hover{text-shadow:0 0 18px rgba(255,255,255,.34)}

/* ========== NAVBAR ========== */
body.ice-theme .topbar{position:sticky!important;top:0!important;z-index:120!important;background:linear-gradient(180deg,rgba(3,45,74,.94),rgba(5,72,108,.90))!important;border-bottom:1px solid rgba(203,240,255,.62)!important;box-shadow:0 10px 34px rgba(2,38,63,.28),inset 0 -1px rgba(255,255,255,.13)!important;backdrop-filter:blur(18px) saturate(128%)!important}
body.ice-theme .topbar .container{width:100%!important;max-width:none!important;padding-left:34px!important;padding-right:94px!important}
body.ice-theme .topbar .inner{min-height:78px!important}
body.ice-theme .brand,body.ice-theme .nav,body.ice-theme .nav a{color:#f4fbff!important}
body.ice-theme .brand-mark{border-color:#d9f5ff!important;color:#fff!important;box-shadow:0 0 22px rgba(140,225,255,.42),inset 0 0 14px rgba(255,255,255,.14)!important}
body.ice-theme .nav a:hover{color:#9ce6ff!important;text-shadow:0 0 14px rgba(136,224,255,.55)}

/* ========== HERO — bliżej zaakceptowanego konceptu ========== */
body.ice-theme .hero{min-height:690px!important;border-bottom:1px solid #9ed9f2!important;background:#cdeeff!important;overflow:hidden}
body.ice-theme .hero-content{min-height:690px!important;padding:82px 0 74px!important;display:grid!important;place-items:center!important;position:relative;z-index:5}
body.ice-theme .ice-hero-art{position:absolute!important;inset:0!important;background-image:url('/layouts/landing-graphic-v3/assets/ice-hero-wide.webp')!important;background-size:cover!important;background-position:center!important;filter:saturate(.92) contrast(1.04) brightness(.93)!important;transform:scale(1.015)}
body.ice-theme .ice-hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,45,73,.06),rgba(227,248,255,.24) 25%,rgba(236,250,255,.66) 43%,rgba(236,250,255,.70) 57%,rgba(219,245,255,.22) 76%,rgba(4,45,73,.08)),linear-gradient(180deg,rgba(255,255,255,.03),rgba(1,42,68,.12))}
body.ice-theme .hero-copy{max-width:760px!important;margin:0 auto!important;padding:34px 44px 40px!important;border-radius:28px!important;background:linear-gradient(155deg,rgba(248,254,255,.90),rgba(218,244,255,.76))!important;border:1px solid rgba(255,255,255,.96)!important;outline:1px solid rgba(135,207,237,.62)!important;box-shadow:0 28px 72px rgba(3,51,84,.27),inset 0 1px rgba(255,255,255,.99)!important;backdrop-filter:blur(15px) saturate(125%)!important;text-align:center}
body.ice-theme .eyebrow{background:rgba(230,248,255,.96)!important;border:1px solid #9fdcf3!important;color:#0877ad!important}
body.ice-theme .hero h1{color:#072e4b!important;text-shadow:0 1px #fff!important;font-size:clamp(54px,5.2vw,82px)!important;line-height:.91!important;letter-spacing:-2.4px!important}
body.ice-theme .hero h1 em{color:#0b76a8!important}
body.ice-theme .hero p{color:#315d76!important;font-size:17px!important;line-height:1.6!important;max-width:690px!important;margin-left:auto!important;margin-right:auto!important}
body.ice-theme .hero-actions{justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}

/* Lodowe przyciski i sople */
body.ice-theme .btn{position:relative;overflow:visible!important}
body.ice-theme .hero-actions .btn,body.ice-theme .app-band .btn{border:1px solid rgba(190,234,251,.92)!important;background:linear-gradient(180deg,#105d8f,#073b62)!important;color:#fff!important;box-shadow:0 12px 26px rgba(5,62,98,.28),inset 0 1px rgba(255,255,255,.32)!important}
body.ice-theme .hero-actions .btn::after,body.ice-theme .app-band .btn::after{content:"";position:absolute;left:10%;right:9%;bottom:-8px;height:11px;pointer-events:none;background:linear-gradient(135deg,transparent 0 9%,#c9f3ff 10% 17%,transparent 18% 35%,#effcff 36% 44%,transparent 45% 62%,#a8e8fb 63% 70%,transparent 71%);filter:drop-shadow(0 2px 1px rgba(5,70,105,.16))}
body.ice-theme .hero-actions .btn.light{background:linear-gradient(180deg,#fbfeff,#dff5ff)!important;color:#0b456d!important;border-color:#96d6ef!important}
body.ice-theme .hero-actions .btn.gold{background:linear-gradient(180deg,#17567f,#082f4d)!important;color:#fff!important;border-color:#77d1ee!important}

/* ========== SEKCJE ========== */
body.ice-theme .paper-section{background:linear-gradient(180deg,rgba(242,251,255,.99),rgba(218,243,254,.97)),repeating-linear-gradient(125deg,rgba(255,255,255,.46) 0 1px,transparent 1px 28px)!important;border-top:1px solid #b9e3f5;border-bottom:1px solid #a7d9ef}
body.ice-theme .paper-section:before{opacity:.36!important;background:repeating-linear-gradient(62deg,transparent 0 31px,rgba(73,164,207,.07) 32px,transparent 33px)!important}
body.ice-theme .section-title,body.ice-theme .places-head h2,body.ice-theme .deep-copy h2,body.ice-theme .app-band h2{color:#092f4b!important}
body.ice-theme .step{background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(227,247,255,.88))!important;border:1px solid rgba(165,218,242,.98)!important;box-shadow:0 14px 34px rgba(15,99,143,.12),inset 0 1px rgba(255,255,255,.98)!important;min-height:195px}
body.ice-theme .step h3{color:#0a3d5d!important}body.ice-theme .step p{color:#4b7188!important}
body.ice-theme .deep{background:radial-gradient(circle at 50% 0%,rgba(90,178,223,.23),transparent 34%),linear-gradient(180deg,#0b4a72,#062f4c)!important;border-top:1px solid rgba(187,230,249,.38)!important;border-bottom:1px solid #9ed7ef!important}
body.ice-theme .deep-copy h2{color:#f5fcff!important}body.ice-theme .deep-copy p{color:#c9e9f7!important}
body.ice-theme .audience-card{border:1px solid rgba(211,242,255,.60)!important;box-shadow:0 18px 44px rgba(0,24,43,.28)!important}body.ice-theme .audience-card:after{background:linear-gradient(90deg,rgba(4,45,72,.88),rgba(4,45,72,.18))!important}
body.ice-theme .places{background:linear-gradient(180deg,#eaf8ff,#dff3fd)!important}
body.ice-theme .place{border:1px solid rgba(167,216,239,.92)!important;box-shadow:0 16px 34px rgba(17,95,138,.14)!important}body.ice-theme .place:after{background:linear-gradient(180deg,transparent 32%,rgba(4,45,72,.91))!important}
body.ice-theme .app-band{background:linear-gradient(100deg,#094a71,#062f4e)!important;border-top:1px solid rgba(191,232,249,.45)!important;border-bottom:1px solid rgba(191,232,249,.45)!important}body.ice-theme .app-band h2{color:#fff!important}body.ice-theme .app-band p{color:#c9e9f7!important}
body.ice-theme .footer{background:linear-gradient(180deg,#e9f8ff,#d8effa)!important;color:#345f76!important;border-top:1px solid #aad9ec!important}

@media(max-width:1100px){body.ice-theme .topbar .container{padding-left:18px!important;padding-right:84px!important}body.ice-theme .nav{gap:13px!important}}
@media(max-width:900px){body.ice-theme .hero-copy{max-width:700px!important;padding:30px!important}body.ice-theme #enigmia-layout-rail{right:8px;width:56px;padding:7px 5px}body.ice-theme #enigmia-layout-rail .skin-dot{width:41px;height:41px;font-size:17px}body.ice-theme #enigmia-layout-rail .tip{display:none}}
@media(max-width:620px){body.ice-theme .topbar .container{padding-left:10px!important;padding-right:68px!important}body.ice-theme .hero{min-height:650px!important}body.ice-theme .hero-content{min-height:650px!important;padding-top:105px!important}body.ice-theme .hero-copy{padding:24px 18px!important;margin:0 54px 0 10px!important}body.ice-theme .hero h1{font-size:48px!important}body.ice-theme #enigmia-layout-rail{right:5px;width:49px;gap:6px}body.ice-theme #enigmia-layout-rail .skin-dot{width:36px;height:36px;font-size:15px}body.ice-theme #enigmia-layout-rail .rail-head{width:37px;height:25px;font-size:14px}}
@media(prefers-reduced-motion:reduce){body.ice-theme .ice-flake,body.ice-theme .ice-gust{animation:none!important}.ice-weather{opacity:.24!important}}
