/* =====================================================================
   KONCEPT 1 - „Prestiż”  (elegancka ewolucja: granat + złoto, jasny motyw)
   ===================================================================== */
:root{
  --cia-bg:#fbf9f4;
  --cia-bg-alt:#f1ece0;
  --cia-surface:#ffffff;
  --cia-nav-link:#ffffff;
}
body.k1{ background:var(--cia-bg); }

/* ----- Tryb ciemny ----- */
body.k1[data-theme="dark"]{
  --cia-bg:#0c1424; --cia-bg-alt:#101c32; --cia-surface:#15213a;
  --cia-heading:#eef1f8; --cia-ink:#d0d7e7; --cia-ink-soft:#94a0bb;
  --cia-line:rgba(255,255,255,.10);
  --cia-map-land:rgba(255,255,255,.05); --cia-map-stroke:var(--cia-gold);
  --cia-dot-core:#ecc878; --cia-dot-label:#9aa6c0;
}
body.k1[data-theme="dark"] .k1-hero{ background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.05) 0%, var(--cia-bg) 55%), var(--cia-bg); }
body.k1[data-theme="dark"] .k1-hero__title,
body.k1[data-theme="dark"] .k1-closing{ color:var(--cia-heading); }
body.k1[data-theme="dark"] .cia-nav .cia-nav__menu a,
body.k1[data-theme="dark"] .cia-nav.is-scrolled .cia-nav__menu a{ color:var(--cia-heading); }
body.k1[data-theme="dark"] .cia-nav .cia-nav__toggle,
body.k1[data-theme="dark"] .cia-nav .cia-nav__name strong{ color:var(--cia-heading); }
body.k1[data-theme="dark"] .cia-nav.is-scrolled{ background:rgba(12,20,36,.9); }
body.k1[data-theme="dark"] .k1-hero__badge{ background:var(--cia-surface); border-color:var(--cia-line); }
body.k1[data-theme="dark"] .k1-hero__badge strong{ color:var(--cia-heading); }

/* Topbar */
.k1-topbar{ background:var(--cia-navy); color:rgba(255,255,255,.82); font-size:.82rem; }
.k1-topbar__inner{ display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.5rem 0; }
.k1-topbar a{ color:rgba(255,255,255,.82); }
.k1-topbar a:hover{ color:var(--cia-gold-2); }
.k1-topbar__claim{ letter-spacing:.18em; text-transform:uppercase; font-size:.72rem; color:var(--cia-gold-2); }
/* Mobile: topbar ZOSTAJE (jak na desktopie), ale pokazujemy tylko hasło - wyśrodkowane.
   „Warszawa | e-mail" chowamy (jest w sekcji kontakt i stopce) - nie zmieści się obok hasła.
   Nav zostaje pod topbarem (top:37px z reguły ogólnej - bez nadpisania na mobile). */
@media (max-width:900px){
  .k1-topbar__inner{ justify-content:center; gap:0; }
  .k1-topbar__inner > span:not(.k1-topbar__claim){ display:none; }
  .k1-topbar__claim{ letter-spacing:.12em; font-size:.68rem; white-space:nowrap; }
}

/* Nav położony pod topbarem */
.k1 .cia-nav{ top:0; }
.k1 .cia-nav.has-topbar{ top:37px; }
.k1 .cia-nav.is-scrolled{ top:0; box-shadow:0 10px 30px -18px rgba(16,28,52,.4); }
/* Blur „frosted" na pseudo-elemencie (NIE na samym .cia-nav), żeby nav nie był containing-blockiem
   dla position:fixed szuflady .cia-nav__menu - inaczej po przewinięciu otwarcie menu powoduje skok. */
.k1 .cia-nav::before{ content:""; position:absolute; inset:0; z-index:-1; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:0; transition:opacity .35s ease; pointer-events:none; }
.k1 .cia-nav.is-scrolled::before{ opacity:1; }
.k1 .cia-nav.is-scrolled .cia-nav__menu .cia-nav__cta{ color:#1a1406; }
/* kolory linków zależne od trybu (jawnie zakresowane, by uniknąć kolizji kaskady) */
body.k1[data-theme="light"] .cia-nav.is-scrolled{ background:rgba(251,249,244,.92); }
body.k1[data-theme="light"] .cia-nav .cia-nav__menu a,
body.k1[data-theme="light"] .cia-nav .cia-nav__toggle,
body.k1[data-theme="light"] .cia-nav .cia-nav__name strong{ color:var(--cia-navy); }

/* HERO */
.k1-hero{ position:relative; padding:clamp(7rem,12vw,9.5rem) 0 clamp(3rem,7vw,6rem); overflow:hidden; background:
   radial-gradient(120% 90% at 100% 0%, #fff 0%, var(--cia-bg) 55%) ,
   var(--cia-bg); }
.k1-hero__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.k1-hero__title{ font-family:var(--cia-font-display); color:var(--cia-navy); font-size:clamp(2.4rem,5.6vw,4.2rem); line-height:1.05; letter-spacing:.01em; }
.k1-hero__title em{ font-style:normal; color:var(--cia-gold); }
.k1-hero__sub{ margin:1.5rem 0 2.2rem; font-size:clamp(1.05rem,1.7vw,1.25rem); color:var(--cia-ink-soft); max-width:50ch; }
.k1-hero__cta{ display:flex; flex-wrap:wrap; gap:1rem; }
.k1-hero__art{ position:relative; }
.k1-hero__panel{ position:relative; border-radius:24px; overflow:hidden; box-shadow:0 40px 80px -40px rgba(16,28,52,.6); aspect-ratio:4/5; }
.k1-hero__panel img{ width:100%; height:100%; object-fit:cover; }
.k1-hero__panel::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,35,63,.05),rgba(20,35,63,.55)); }
.k1-hero__badge{ position:absolute; left:-26px; bottom:34px; background:#fff; border-radius:16px; padding:1rem 1.3rem; box-shadow:var(--cia-shadow); display:flex; align-items:center; gap:.8rem; border:1px solid var(--cia-line); }
.k1-hero__badge img{ height:54px; width:auto; }
.k1-hero__badge span{ font-size:.82rem; color:var(--cia-ink-soft); line-height:1.3; }
.k1-hero__badge strong{ display:block; color:var(--cia-navy); font-family:var(--cia-font-display); font-size:1rem; }
@media (max-width:900px){
  .k1-hero__grid{ grid-template-columns:1fr; }
  .k1-hero__art{ max-width:380px; }
  .k1-hero__badge{ left:0; }
}

/* Sekcje tła */
.k1-bg-alt{ background:var(--cia-bg-alt); }
.k1-split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
@media (max-width:880px){ .k1-split{ grid-template-columns:1fr; } }
.k1-figure{ position:relative; border-radius:20px; overflow:hidden; box-shadow:var(--cia-shadow); }
.k1-figure img{ width:100%; height:100%; object-fit:cover; aspect-ratio:5/4; }
.k1-figure--tall img{ aspect-ratio:4/5; }
.k1-frame{ position:relative; }
.k1-frame::before{ content:""; position:absolute; inset:-14px -14px 14px 14px; border:1.5px solid var(--cia-gold); border-radius:20px; z-index:-1; opacity:.6; }

.k1-about__text p{ color:var(--cia-ink-soft); }
.k1-about__text p:first-of-type{ font-size:1.12rem; color:var(--cia-ink); }

/* Wyróżnia nas - mapa */
.k1-map{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.k1-map__panel{ background:var(--cia-surface); border:1px solid var(--cia-line); border-radius:var(--cia-radius); box-shadow:var(--cia-shadow); padding:clamp(1.4rem,3vw,2.4rem); }
.k1-map__legend{ display:flex; flex-wrap:wrap; gap:1.2rem; margin-top:1rem; font-size:.86rem; color:var(--cia-ink-soft); }
.k1-map__legend span{ display:inline-flex; align-items:center; gap:.5rem; }
.k1-map__legend i{ width:12px; height:12px; border-radius:50%; display:inline-block; }
.i-hq{ background:var(--cia-gold); }
.i-resort{ background:#2f8f6b; }
.i-base{ background:var(--cia-navy); }
@media (max-width:880px){ .k1-map{ grid-template-columns:1fr; } }

/* Kontakt */
.k1-contact{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,5vw,4rem); align-items:start; }
.k1-contact__card{ background:var(--cia-navy); color:#fff; border-radius:var(--cia-radius); padding:clamp(1.6rem,3vw,2.4rem); box-shadow:var(--cia-shadow); }
.k1-contact__card .cia-contact__v{ color:#fff; }
.k1-contact__card .cia-contact__v a{ color:var(--cia-gold-2); }
.k1-contact__card .cia-contact__row{ border-color:rgba(255,255,255,.16); }
.k1-closing{ text-align:center; max-width:60ch; margin:0 auto clamp(2.5rem,5vw,3.5rem); font-family:var(--cia-font-display); font-size:clamp(1.2rem,2.4vw,1.7rem); color:var(--cia-navy); line-height:1.4; }
@media (max-width:880px){ .k1-contact{ grid-template-columns:1fr; } }

/* 404 - kod w trybie ciemnym */
body.k1[data-theme="dark"] .cia-404__code{ color:var(--cia-heading); }

/* Podstrony: nav nad CIEMNYM hero. Dopóki nie przewinięto, elementy nav muszą być jasne
   (w obu motywach), bo inaczej granat na ciemnym zdjęciu jest niewidoczny. Po przewinięciu
   (.is-scrolled) wraca normalny kolor zależny od motywu. */
body.k1 .cia-nav--hero:not(.is-scrolled) .cia-nav__toggle,
body.k1 .cia-nav--hero:not(.is-scrolled) .cia-nav__menu a,
body.k1 .cia-nav--hero:not(.is-scrolled) .cia-nav__name strong{ color:#fff; }
body.k1 .cia-nav--hero:not(.is-scrolled) .cia-nav__toggle{ border-color:rgba(255,255,255,.55); }

/* Ikony usług to czarne PNG-i (line-art) - w trybie ciemnym odwracamy na jasne, by były widoczne */
body.k1[data-theme="dark"] .cia-acc__icon{ filter:invert(1) brightness(1.15); }