/* ============================================================================
   KARIÉRA — micropage výpis + detail pozice
   Vzhled (velikosti/barvy/padding/zarovnání) = LOVABLE /kariera 1:1 (přesné hodnoty).
   Komponenty (buttony, slider mechanika) = HP design systém (hp-redesign.css).
   Načítá se PO hp-redesign.css. Obsah zatím statický.
   ============================================================================ */

.obsah_kariera{
  --kar-dark:#115A9E;      /* atrium-blue-dark (hero / galerie / banner) */
  --kar-blue:#1a73c4;      /* accent / eyebrow / ikony (Lovable rgb 26,115,196) */
  --kar-cta:#006CB0;       /* HP button modrá (sjednoceno s HP) */
  --kar-ink:#0b1a2b;
  --kar-muted:rgba(11,26,43,.7);   /* Lovable body text */
  --kar-soft:#f4f7fb;      /* světle modré sekce + badge */
  --kar-line:#E2EAF2;
  color:var(--kar-ink);
  font-family:'Nunito Sans',sans-serif;
}
.obsah_kariera *{box-sizing:border-box}
.kar-wrap{max-width:1280px;margin:0 auto;padding:0 40px}

/* ---- sdílené prvky (Lovable hodnoty) ---- */
.kar-eyebrow{margin:0 0 14px;font-size:14px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase;color:var(--kar-blue)}
.kar-eyebrow--light{color:rgba(255,255,255,.8)}
.kar-h2{margin:0;font-size:36px;line-height:40px;font-weight:800;color:var(--kar-ink);letter-spacing:-.9px}
.kar-h2--light{color:#fff}
/* fill buttony: HP .atr-btn outline nastavuje color:#006CB0!important a přebíjí --fill → vynutit bílou */
.obsah_kariera .atr-btn--fill{color:#fff!important}

/* ========================= 1. HERO ========================= */
.kar-hero{position:relative;background:var(--kar-dark);color:#fff;overflow:hidden;isolation:isolate}
.kar-hero-media{position:absolute;inset:0 0 0 auto;width:54%;z-index:-1}
.kar-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--kar-dark) 0%,rgba(17,90,158,.78) 30%,rgba(17,90,158,.12) 100%)}
.kar-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.kar-hero-in{position:relative;padding-top:92px;padding-bottom:92px}
.kar-hero-title{margin:0 0 20px;font-size:60px;line-height:1.25;font-weight:800;letter-spacing:-.5px;max-width:none}
.kar-hero-sub{margin:0 0 34px;font-size:24px;line-height:32px;color:rgba(255,255,255,.9);max-width:768px}
.kar-hero-sub p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.kar-hero-actions{display:flex;flex-wrap:wrap;gap:14px}
/* hero kotva-buttony: default = ghost (outline bílá 1px), PRVNÍ = aktivní (bílý vyplněný + modrý text) — dle Lovable */
.kar-hero-btn{padding:11px 20px;background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important;
  font-size:14px;font-weight:700;letter-spacing:normal;text-transform:none;box-shadow:none}
.kar-hero-btn:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:#fff!important}
.kar-hero-btn--active{padding:12px 22px;background:#fff!important;color:var(--kar-dark)!important;border-color:#fff!important;font-weight:800;letter-spacing:.7px;text-transform:uppercase;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}
.kar-hero-btn--active:hover{background:var(--kar-soft)!important;color:var(--kar-dark)!important;border-color:#fff!important}
.kar-hero-btn.atr-btn--chevron::after{background:currentColor}

/* ========================= 2. ATRIUM V ČÍSLECH ========================= */
.kar-stats{background:#fff;padding:72px 0}
.kar-stats-in{max-width:940px;margin:0 auto;text-align:center}
.kar-stats-title{margin:0 0 46px;font-size:30px;line-height:36px;font-weight:800;color:var(--kar-ink);letter-spacing:-.75px}
.kar-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.kar-stat{display:flex;flex-direction:column;align-items:center;gap:8px}
.kar-stat-num{font-size:60px;line-height:1;font-weight:800;color:rgba(26,115,196,.32)}
.kar-stat-lbl{font-size:14px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--kar-muted)}

/* ========================= 3. NABÍDKA PRÁCE ========================= */
.kar-jobs{background:#fff;padding:16px 0 88px}
.kar-jobs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px}
.kar-jobs-note{max-width:400px;margin:0;font-size:16px;line-height:24px;color:var(--kar-muted);text-align:right;text-wrap:balance}
.kar-jobs-note p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.kar-jobs-note a{color:var(--kar-blue);font-weight:700;text-decoration:none}
.kar-jobs-note a:hover{text-decoration:underline}
.kar-jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
/* „Zobrazit další pozice" — bez JS všechny viditelné; JS zkolabuje 7.+ a zobrazí button.
   Vyšší specificita (přebít .kar-job{display:flex} níže) */
.kar-jobs-grid .kar-job--collapsed{display:none}
.kar-jobs-more-wrap{display:none;justify-content:center;margin-top:36px}

/* karta pozice — accent NAHOŘE + hover modrý ring (dle Lovable) */
.kar-job{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;
  background:#fff;border-radius:18px;padding:28px;
  text-decoration:none;color:inherit;overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--kar-line),0 1px 3px rgba(0,0,0,.08);
  transition:box-shadow .28s var(--atr-ease),transform .28s var(--atr-ease)}
.kar-job:hover,.kar-job:focus{text-decoration:none}   /* přebít legacy a:hover underline (specificita 0,1,1) */
.kar-job::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--kar-blue);z-index:1}
.kar-job:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--kar-cta),0 18px 40px rgba(16,45,80,.16)}
.kar-job-tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:rgba(11,26,43,.55)}
.kar-job-tag-ic{width:14px;height:14px;flex:0 0 auto;color:var(--kar-blue)}
.kar-job-title{font-size:24px;line-height:30px;font-weight:800;color:var(--kar-ink)}
.kar-job:hover .kar-job-title{color:var(--kar-ink)}   /* karta je <a> — title zůstává tmavý (žádné modré/underline) */
.kar-job-loc{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;line-height:1;
  background:var(--kar-soft);color:var(--kar-dark);font-size:14px;font-weight:700}
.kar-job-loc-ic{width:14px;height:14px;flex:0 0 auto}
.kar-job-text{font-size:15px;line-height:22px;color:var(--kar-muted);flex:1 1 auto}
.kar-job-btn{margin-top:8px;padding:11px 22px;align-self:flex-start}

/* banner 50+ (Lovable: padding 32, radius 18) */
.kar-jobs-banner{margin-top:36px;background:var(--kar-dark);color:#fff;border-radius:18px;padding:32px}
.kar-banner-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.kar-banner-title{margin:0 0 8px;font-size:24px;line-height:30px;font-weight:800}
.kar-banner-text{margin:0;font-size:16px;line-height:24px;color:rgba(255,255,255,.85);max-width:none}
.kar-banner-text p{margin:0;font-size:inherit;line-height:inherit;color:inherit}

/* ========================= 4. ZÁZEMÍ A BENEFITY ========================= */
.kar-benefits{background:var(--kar-soft);padding:88px 0}
.kar-sec-head{max-width:768px;margin:0 0 40px}      /* LEFT-align (Lovable), intro na 2 řádky */
.kar-sec-intro{margin:16px 0 0;font-size:18px;line-height:1.62;color:var(--kar-muted)}
.kar-sec-intro p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.kar-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kar-benefit{display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:24px;
  box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .28s var(--atr-ease),transform .28s var(--atr-ease)}
.kar-benefit:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--kar-cta),0 18px 40px rgba(16,45,80,.16)}
.kar-benefit-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;
  border-radius:8px;background:rgba(26,115,196,.1);color:var(--kar-blue);margin-bottom:18px}
.kar-benefit-ic svg{width:24px;height:24px}
.kar-benefit-ic .lucide-ic{width:24px;height:24px}   /* lucide z editoru (pole ikona) — stejná velikost jako svg */
.kar-benefit-title{margin:0 0 8px;font-size:18px;line-height:28px;font-weight:800;color:var(--kar-ink)}
.kar-benefit-text{margin:0;font-size:15px;line-height:1.55;color:var(--kar-muted)}
.kar-benefit-text p{margin:0;font-size:inherit;line-height:inherit;color:inherit}

/* ========================= 5. NÁŠ ZÁVOD (fotogalerie slider) ========================= */
.kar-gallery{background:var(--kar-dark);color:#fff;padding:80px 0;overflow:hidden}
.kar-gallery-head{max-width:1280px;margin:0 auto 40px;padding:0 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.kar-gallery-note{max-width:460px;margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.82)}
.kar-gallery-note p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.kar-gallery-slider{position:relative;max-width:1280px;margin:0 auto;padding:0 40px;user-select:none}
/* gradient fade na okrajích — fotky u kraje se plynule ztratí (žádné ostré useknutí) */
.kar-gallery-viewport{overflow:hidden;cursor:grab;touch-action:pan-y;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%)}
.kar-gallery-viewport:active{cursor:grabbing}
.kar-gallery-track{display:flex;gap:20px;will-change:transform;transition:transform .55s var(--atr-ease)}
.kar-gallery-track.is-dragging{transition:none}
.kar-gallery-slide{flex:0 0 calc((100% - 60px) / 4);margin:0;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#0e4a85}
.kar-gallery-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
/* šipky — kruhové, těsně u fotek (sladěno s HP ref/steps slidery) */
.kar-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
  border:2px solid rgba(255,255,255,.55);background:rgba(17,90,158,.55);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:3;
  display:flex;align-items:center;justify-content:center;transition:background .2s var(--atr-ease),border-color .2s var(--atr-ease)}
.kar-gallery-arrow:hover{background:#fff;border-color:#fff;color:var(--kar-dark)}
.kar-gallery-arrow::before{content:"";width:19px;height:19px;background:currentColor}
.kar-gallery-prev{left:16px}
.kar-gallery-next{right:16px}
.kar-gallery-prev::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.kar-gallery-next::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
/* tečky s aktivní „fazolí" */
.kar-gallery-dots{display:flex;justify-content:center;gap:8px;margin-top:28px}
.kar-gallery-dots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:width .3s var(--atr-ease),background .3s var(--atr-ease)}
.kar-gallery-dots button.is-active{width:26px;background:#fff}

/* ========================= 6. STUDIJNÍ PRAXE ========================= */
.kar-internship{background:#fff;padding:88px 0}
.kar-intern-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.kar-intern-text{margin:16px 0 0;font-size:18px;line-height:29px;color:var(--kar-muted)}
.kar-intern-text p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
.kar-intern-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.kar-intern-actions .atr-btn{padding:12px 24px;font-size:15px}
.kar-intern-right{display:flex;flex-direction:column;gap:16px}
.kar-intern-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--kar-line);
  border-radius:12px;padding:22px 24px;transition:box-shadow .28s var(--atr-ease),border-color .28s var(--atr-ease),transform .28s var(--atr-ease)}
.kar-intern-card:hover{transform:translateY(-4px);border-color:var(--kar-cta);box-shadow:inset 0 0 0 1px var(--kar-cta),0 18px 40px rgba(16,45,80,.16)}
.kar-intern-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;
  border-radius:10px;background:rgba(26,115,196,.1);color:var(--kar-blue)}
.kar-intern-ic svg{width:22px;height:22px}
.kar-intern-ic .lucide-ic{width:22px;height:22px}   /* lucide z editoru (pole ikona) */
.kar-intern-card-title{margin:0 0 5px;font-size:16px;line-height:24px;font-weight:800;color:var(--kar-ink)}
.kar-intern-card-text{margin:0;font-size:14px;line-height:20px;color:var(--kar-muted)}
.kar-intern-card-text p{margin:0;font-size:inherit;line-height:inherit;color:inherit}

/* ---- kariéra: schovat globální patičku formulář „Katalogy" + Přehled prospektů (Martin: na kariéře pryč) ---- */
body.kar-page .blok_dokumenty_zdarma_nad_patou,
body.kar-page .blok_ostatni_soubory_paticka{display:none!important}

/* ============================================================================
   DETAIL POZICE (clanek_kariera.php)
   ============================================================================ */
.kar-detail{background:#fff}
.kar-detail .kar-wrap{max-width:896px}     /* detail = užší container než výpis (Lovable ~896) */
/* 1. hlavička (LEVĚ zarovnaná, dle Lovable) */
.kar-d-head{padding:40px 0 56px;text-align:left}
.kar-d-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:28px;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--kar-blue);text-decoration:none}
.kar-d-back-ic{width:16px;height:16px}
.kar-d-back:hover{color:var(--kar-dark)}
.kar-d-head .kar-eyebrow{margin-bottom:12px}
.kar-d-title{margin:0 0 16px;font-size:48px;line-height:60px;font-weight:800;letter-spacing:-1.2px;color:var(--kar-ink)}
.kar-d-tagline{margin:0 0 26px;font-size:20px;line-height:1.5;color:var(--kar-muted);max-width:none}
.kar-d-badges{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-bottom:28px}
.kar-d-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:var(--kar-soft);color:var(--kar-dark);font-size:12px;font-weight:700;line-height:16px}
.kar-d-badge-ic{width:14px;height:14px;flex:0 0 auto}
.kar-d-cta{padding:12px 26px;margin-bottom:38px}
.kar-d-intro{max-width:none;margin:0;text-align:left}
.kar-d-intro p{margin:0 0 16px;font-size:16px;line-height:1.65;color:var(--kar-muted)}
.kar-d-intro p:last-child{margin-bottom:0}
/* 2/3 split (text + foto) */
.kar-d-napln{background:var(--kar-soft);padding:64px 0}
.kar-d-req{background:#fff;padding:64px 0}
.kar-d-split{display:grid;gap:40px;align-items:stretch}
.kar-d-napln .kar-d-split{grid-template-columns:1fr 280px}          /* text široký | foto úzké vpravo */
.kar-d-req .kar-d-split{grid-template-columns:240px 1fr;align-items:flex-start}  /* foto úzké vlevo | text vpravo */
.kar-d-split--rev .kar-d-split-media{order:-1}
.kar-d-split-text .kar-h2{margin-bottom:16px}
.kar-d-lead{margin:0 0 24px;font-size:16px;line-height:1.6;color:var(--kar-muted)}
.kar-d-split-media{height:100%;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(16,45,80,.12)}   /* Lovable: rounded-2xl wrapper + overflow hidden */
.kar-d-split-media img{width:100%;height:100%;min-height:420px;border-radius:0;display:block;object-fit:cover}
/* náplň řádky */
.kar-d-list{display:flex;flex-direction:column;gap:12px}
.kar-d-row{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 16px;font-size:16px;color:var(--kar-ink);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.kar-d-row-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:rgba(26,115,196,.1);color:var(--kar-blue)}
.kar-d-row-ic svg{width:20px;height:20px}
/* požadavky checks */
.kar-d-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.kar-d-checks li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--kar-ink)}
.kar-d-checks li::before{content:none!important;display:none!important}   /* přebít legacy Mona li bullet (ic-odrazka.png) */
.kar-d-check-ic{width:22px;height:22px;flex:0 0 auto;color:var(--kar-blue)}

/* ===== Lucide ikony z editoru (plugin „ikony") ===== */
/* <span.lucide-ic> = maskovaný vektor: tvar z SVG, barvu řídí CSS (default modrá, přebarvitelné dle kontextu).
   <img.lucide-ic> = fallback bez frontend transformace (jiný modul) → vektor s barvou ze souboru. */
.lucide-ic{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:-.28em}
span.lucide-ic{background-color:var(--kar-blue);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
img.lucide-ic{object-fit:contain}

/* ===== Detail: Náplň / Koho hledáme — obsah z editoru (lead <p> + <ul><li> s lucide ikonou) ===== */
.kar-d-body p{margin:0 0 24px;font-size:16px;line-height:1.6;color:var(--kar-muted)}
.kar-d-napln-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.kar-d-napln-body li{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.4;color:var(--kar-ink);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.kar-d-napln-body li .lucide-ic{width:24px;height:24px}
.kar-d-koho-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.kar-d-koho-body li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;color:var(--kar-ink)}
.kar-d-koho-body li .lucide-ic{width:22px;height:22px}
.kar-d-napln-body li::before,.kar-d-koho-body li::before{content:none!important;display:none!important}   /* přebít legacy Mona li bullet (prázdný čtvereček) */

/* ===== Detail: hover efekty (foto zoom + karty náplně lift/ring + řádky koho).
   Obsah ul/li jde z editoru (admin) — chytáme ho přes wrappery, strukturu needitujeme. ===== */
/* legacy Mona .obsah ul{overflow:hidden} ořezával lift/ring/stín karet i scale ikon (nahoře/po stranách).
   Naše uly jsou flexbox (clearing floatů netřeba) → povolit přetečení, ať je hover celý vidět. */
.kar-detail .kar-d-napln-body ul,.kar-detail .kar-d-koho-body ul,.kar-detail .kar-d-list,.kar-detail .kar-d-checks{overflow:visible}
.kar-d-split-media{transition:box-shadow .35s var(--atr-ease)}
.kar-d-split-media img{transition:transform .5s var(--atr-ease)}
.kar-d-split-media:hover{box-shadow:0 26px 60px rgba(16,45,80,.2)}
.kar-d-split-media:hover img{transform:scale(1.05)}
.kar-d-napln-body li,.kar-d-row{transition:transform .28s var(--atr-ease),box-shadow .28s var(--atr-ease)}
.kar-d-napln-body li:hover,.kar-d-row:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--kar-cta),0 12px 28px rgba(16,45,80,.14)}
.kar-d-napln-body li .lucide-ic,.kar-d-row-ic,.kar-d-koho-body li .lucide-ic,.kar-d-check-ic{transition:transform .28s var(--atr-ease)}
.kar-d-napln-body li:hover .lucide-ic,.kar-d-row:hover .kar-d-row-ic{transform:scale(1.1)}
.kar-d-koho-body li,.kar-d-checks li{transition:color .28s var(--atr-ease)}
.kar-d-koho-body li:hover,.kar-d-checks li:hover{color:var(--kar-dark)}
.kar-d-koho-body li:hover .lucide-ic,.kar-d-checks li:hover .kar-d-check-ic{transform:scale(1.18)}

/* 4. proč (levě, detail container 896) */
.kar-d-why{background:var(--kar-soft);padding:56px 0}
.kar-d-why-text{margin:16px 0 28px;font-size:17px;line-height:1.6;color:var(--kar-muted);max-width:70ch}
.kar-d-why-text p{margin:0 0 16px;font-size:inherit;line-height:inherit;color:inherit}
.kar-d-why-text p:last-child{margin-bottom:0}
.kar-d-why-actions{display:flex;flex-wrap:wrap;gap:14px}
.kar-d-why-actions .atr-btn{padding:12px 24px}
/* 5. formulář */
.kar-d-form{background:#fff;padding:72px 0}
.kar-d-form-grid{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start}
.kar-form{margin-top:24px;display:flex;flex-direction:column;gap:16px}
.kar-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kar-form-field{display:flex;flex-direction:column;gap:7px}
.kar-form-lbl{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--kar-muted)}
.kar-form-lbl em{color:#d33;font-style:normal}
.kar-form input,.kar-form textarea{border:1px solid var(--kar-line);border-radius:12px;padding:12px 16px;font-size:15px;font-family:inherit;color:var(--kar-ink);background:#fff;transition:border-color .2s var(--atr-ease),box-shadow .2s var(--atr-ease)}
.kar-form input{height:46px}
.kar-form textarea{resize:vertical;min-height:110px}
.kar-form input:focus,.kar-form textarea:focus{outline:none;border-color:var(--kar-cta);box-shadow:0 0 0 3px rgba(0,108,176,.12)}
/* file upload = dashed drag&drop zóna (Lovable: 1px dashed, radius 14) + nativní input s ::file-selector-button („VYBRAT SOUBOR" světle modrý fill + status „Soubor nevybrán") */
.kar-form-file{display:block;border:1px dashed var(--kar-line);border-radius:14px;padding:12px 16px;background:#fff}
.kar-form input.kar-form-file-input{display:inline-flex;align-items:center;width:100%;max-width:100%;height:auto;padding:0;border:0;background:transparent;font-size:14px;color:var(--kar-muted);cursor:pointer}
.kar-form-file-input::file-selector-button{margin-right:14px;padding:8px 16px;border:0;border-radius:6px;background:var(--kar-soft);color:var(--kar-cta);font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background-color .2s var(--atr-ease),color .2s var(--atr-ease)}
.kar-form-file-input::file-selector-button:hover{background:var(--kar-cta);color:#fff}
.kar-form-submit{align-self:flex-start;padding:12px 26px;margin-top:4px}
/* honeypot — mimo obraz i čtečky, jen robot vyplní */
.kar-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
/* výsledek odeslání */
.kar-form-done{display:flex;flex-direction:column;gap:6px;margin-top:24px;padding:22px 24px;border-radius:14px;background:var(--kar-soft);border:1px solid rgba(0,108,176,.25)}
.kar-form-done strong{font-size:17px;color:var(--kar-dark)}
.kar-form-done span{font-size:15px;color:var(--kar-muted)}
.kar-form-err{margin:20px 0 4px;padding:12px 16px;border-radius:12px;background:#fdecec;border:1px solid #f3b4b4;color:#b3261e;font-size:14px}
.kar-form-gdpr{margin:0;font-size:13px;color:var(--kar-muted)}
/* kontakty vpravo */
.kar-d-form-right{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px;align-self:start}   /* sticky sidebar — scrolluje v rámci sekce (Lovable) */
.kar-d-contact{display:flex;align-items:center;gap:14px;background:var(--kar-soft);border-radius:18px;padding:20px;text-decoration:none;transition:box-shadow .2s var(--atr-ease)}
.kar-d-contact:hover{box-shadow:0 10px 26px rgba(16,45,80,.12)}
.kar-d-contact-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;background:var(--kar-blue);color:#fff}   /* Lovable: modrý box + bílá ikona */
.kar-d-contact-ic svg{width:22px;height:22px}
.kar-d-contact-txt{display:flex;flex-direction:column;line-height:1.3}
.kar-d-contact-lbl{font-size:11px;font-weight:700;letter-spacing:.55px;text-transform:uppercase;color:var(--kar-muted)}
.kar-d-contact-txt strong{font-size:16px;font-weight:800;color:var(--kar-dark)}   /* Lovable: modrá hodnota */
/* „Další volné pozice" = box s rámečkem (Lovable: 1px solid, radius 18, padding 20) — ne holý odkaz */
.kar-detail .kar-d-more{display:flex;align-items:center;gap:8px;border:1px solid var(--kar-line);border-radius:18px;padding:20px;font-size:14px;font-weight:700;color:var(--kar-dark);text-decoration:none;transition:box-shadow .2s var(--atr-ease),border-color .2s var(--atr-ease)}
.kar-d-more-ic{width:16px;height:16px}
.kar-d-more:hover{border-color:var(--kar-cta);box-shadow:0 10px 26px rgba(16,45,80,.12)}
.kar-detail .kar-d-contact,.kar-detail .kar-d-contact:hover,.kar-detail .kar-d-more,.kar-detail .kar-d-more:hover{text-decoration:none}   /* přebít legacy a:hover underline */

/* ========================= RESPONSIVE ========================= */
@media (max-width:1200px){
  .kar-hero-title{font-size:50px}
  .kar-h2{font-size:32px}
  .kar-jobs-grid{grid-template-columns:repeat(2,1fr)}
  .kar-benefits-grid{grid-template-columns:repeat(2,1fr)}
  .kar-gallery-slide{flex:0 0 calc((100% - 40px) / 3)}
}
@media (max-width:900px){
  .kar-hero-media{width:100%;opacity:.3}
  .kar-hero-media::after{background:linear-gradient(180deg,rgba(17,90,158,.72),var(--kar-dark))}
  .kar-intern-grid{grid-template-columns:1fr;gap:36px}
  .kar-gallery-head,.kar-jobs-head{flex-direction:column;align-items:flex-start;gap:16px}
  .kar-jobs-note{text-align:left}
  .kar-gallery-slide{flex:0 0 calc((100% - 20px) / 2)}
  /* detail — split kolaps (specificita musí přebít .kar-d-napln/.kar-d-req .kar-d-split z desktopu) */
  .kar-d-split,
  .kar-d-napln .kar-d-split,
  .kar-d-req .kar-d-split{grid-template-columns:1fr;gap:32px}
  .kar-d-split--rev .kar-d-split-media{order:0}
  .kar-d-split-media img{min-height:0;aspect-ratio:16/10;max-height:420px}
  .kar-d-form-grid{grid-template-columns:1fr;gap:36px}
  .kar-d-title{font-size:34px;line-height:1.18;letter-spacing:-.6px}
}
@media (max-width:640px){
  .kar-form-row{grid-template-columns:1fr}
}
@media (max-width:640px){
  .kar-wrap{padding:0 20px}
  .kar-hero-in{padding-top:60px;padding-bottom:60px}
  .kar-hero-title{font-size:38px;max-width:none}
  .kar-hero-sub{font-size:19px;line-height:26px}
  .kar-stats-grid{grid-template-columns:1fr;gap:22px}
  .kar-stats-title{font-size:23px;line-height:1.3;margin-bottom:34px}
  .kar-jobs-grid{grid-template-columns:1fr}
  .kar-benefits-grid{grid-template-columns:1fr}
  .kar-h2{font-size:28px}
  .kar-gallery-head,.kar-gallery-slider{padding:0 20px}
  .kar-gallery-slide{flex:0 0 calc((100% - 20px) / 2)}
  .kar-jobs-banner{padding:26px 22px}
}