/* ESSA SKI TRANS: delikatna warstwa zimowa (zlecenie 432). Działa tylko, gdy <body> ma klasę essa-sezon-zima
   (od 1 listopada do 31 marca albo podgląd ?sezon=zima; ?sezon=poza wyłącza). Usunięcie tego pliku albo wyłączenie wtyczki cofa wszystko.
   Zasady: żadnej animacji, żadnej zmiany wymiarów (same tła, cienie wewnętrzne, obwódki i pseudoelementy bez miejsca w układzie),
   kolor firmowy przycisków telefonu i logo bez zmian. Kolory: lód #CFE8F7 (na grafitowym tle 13:1), noc #12283C (tylko jako przyciemnienie). */
body.essa-sezon-zima {
  --zima-lod: #CFE8F7;
  --zima-platki: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' opacity='.5'%3E%3Cpath d='M30 22v12M24.8 25l10.4 6M24.8 31l10.4-6'/%3E%3Cpath d='M118 96v10M113.7 98.5l8.6 5M113.7 103.5l8.6-5'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.45'%3E%3Ccircle cx='82' cy='40' r='1.6'/%3E%3Ccircle cx='140' cy='20' r='1.2'/%3E%3Ccircle cx='52' cy='112' r='1.8'/%3E%3Ccircle cx='14' cy='78' r='1.2'/%3E%3Ccircle cx='96' cy='140' r='1.3'/%3E%3C/g%3E%3C/svg%3E");
}

/* 1. Sekcja bohatera stron miejscowości, kierunków i strony zimowej: chłodniejszy, odrobinę ciemniejszy ton zdjęcia (kontrast białych
      napisów rośnie) i nieruchome płatki. Płatki nie przechwytują kliknięć. */
body.essa-sezon-zima #sw-hero .ov { box-shadow: inset 0 0 0 200vmax rgba(18, 40, 60, 0.28); }
body.essa-sezon-zima #sw-hero::after {
  content: ""; position: absolute; inset: 0; background: var(--zima-platki) 0 0 / 160px 160px; opacity: 0.55; pointer-events: none; z-index: 1;
}

/* 2. Sekcja bohatera stron głównych (film w tle): ten sam ton i płatki nad nakładką filmu. */
body.essa-sezon-zima .elementor-element-22077878 > .elementor-background-overlay { box-shadow: inset 0 0 0 200vmax rgba(18, 40, 60, 0.22); }
body.essa-sezon-zima .elementor-element-22077878::after {
  content: ""; position: absolute; inset: 0; background: var(--zima-platki) 0 0 / 160px 160px; opacity: 0.5; pointer-events: none;
}

/* 3. Nagłówek: cienka lodowa linia pod spodem (pseudoelement, wysokość nagłówka bez zmian). */
body.essa-sezon-zima header#masthead::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; pointer-events: none;
  background: linear-gradient(90deg, rgba(207, 232, 247, 0) 0%, #CFE8F7 22%, #FFFFFF 50%, #CFE8F7 78%, rgba(207, 232, 247, 0) 100%); opacity: 0.9;
}

/* 4. Przyciski telefonu: żółty kolor firmowy zostaje, dochodzi lodowa obwódka na zewnątrz (obwódka nie zajmuje miejsca w układzie
      i nie koliduje z pulsującym pierścieniem, który używa cienia). Fokus klawiatury odróżnia linia przerywana. */
body.essa-sezon-zima #sw-hero .btn,
body.essa-sezon-zima #sw-cta .btn,
body.essa-sezon-zima .hero-cta,
body.essa-sezon-zima .essa-zima__b--1,
body.essa-sezon-zima header#masthead .call-cta { outline: 3px solid rgba(207, 232, 247, 0.95); outline-offset: 3px; }
body.essa-sezon-zima #sw-hero .btn:focus-visible,
body.essa-sezon-zima #sw-cta .btn:focus-visible,
body.essa-sezon-zima .hero-cta:focus-visible,
body.essa-sezon-zima .essa-zima__b--1:focus-visible { outline-style: dashed; outline-width: 4px; }
/* dolny pasek na telefonie: lodowa linia nad paskiem, przyciski Zadzwoń i WhatsApp bez zmian */
body.essa-sezon-zima .essa-pasek::before { content: ""; position: absolute; left: 0; right: 0; top: -3px; height: 3px; background: #CFE8F7; pointer-events: none; }

/* 5. Ciemne sekcje z wezwaniem do telefonu i rekordem: nieruchome płatki na grafitowym tle (kolor tła bez zmian, więc fale między
      sekcjami nadal pasują). */
body.essa-sezon-zima #sw-cta,
body.essa-sezon-zima #sw-rekord { background-image: var(--zima-platki); background-size: 160px 160px; }

/* 6. Etykiety nad nagłówkami w ciemnych sekcjach: lodowy błękit zamiast żółtego (żółty zostaje dla przycisków). */
body.essa-sezon-zima #sw-cta .eyebrow { color: #CFE8F7 !important; }

/* 7. Blok sezonowy na stronie głównej: płatki, a od 900 px zimowe zdjęcie lawety po prawej pod ciemną nakładką (najjaśniejsze miejsce
      zdjęcia pod nakładką 78% daje białym napisom co najmniej 8:1). Blok leży pod pierwszym ekranem, więc nie wpływa na największy element. */
body.essa-sezon-zima .essa-zima { background-image: var(--zima-platki); background-size: 160px 160px; }
@media (min-width: 900px) {
  body.essa-sezon-zima .essa-zima {
    background-image: linear-gradient(90deg, #1A1A1A 0%, rgba(26, 26, 26, 0.94) 42%, rgba(26, 26, 26, 0.78) 100%), url("/wp-content/uploads/2025/07/IMG_6991-1024x768.jpeg");
    background-size: auto, cover; background-position: 0 0, center 60%; background-repeat: no-repeat;
  }
}