/*
Theme Name: Albi HR
Text Domain: Albi HR
Version: 1.0
Description: Albi HR web
Tags: albi, hr, reasponsove, radost
Author: c
Author URI: https://kreatika.cz/



*/ :root {
  --darkblue: #01294d;
  --primary-desat: #6C8AEC;
  --black: #161C2D;
  --white: #FFFFFF;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-Light.otf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-LightItalic.otf");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-Regular.otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-Italic.otf");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-Medium.otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-MediumItalic.otf");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-SemiBold.otf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-SemiBoldItalic.otf");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-Bold.otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-BoldItalic.otf");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-ExtraBold.otf");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'HKGrotesk';
  src: url("assets/fonts/HKGrotesk-Black.otf");
  font-weight: 900;
  font-style: normal;
}

*, *::before, *::after {
  box-sizing: border-box;
}

p {
      font-family:'HKGrotesk',sans-serif;
}
html {
  font-family: 'HKGrotesk', sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(22, 28, 45, 0);
}
html, body { overflow-x: hidden; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

h2 {
  font-family:'HKGrotesk',sans-serif;
  font-weight:700;
  position: relative;
  display: inline-block;
  font-size: 52px;
  color: var(--darkblue);
  margin-bottom: 20px;
}


.p-xl {
padding-top: 100px;
padding-bottom: 100px;
}

.text-white {
color: #fff;
}


.pr-70 {
  padding-right: 70px;
}

.fw-700{
  font-weight: 700;
}

@media (max-width: 992px) {
  .pr-70 {
  padding-right: 0px;
}

}

/* === NAVBAR: základ === */
.navbar{background:#fff;transition:box-shadow .2s ease;--bs-navbar-toggler-focus-width:0}
.navbar.scrolled{box-shadow:0 2px 12px rgba(0,0,0,.08)}
.navbar .navbar-brand img.logo-albi{height:40px;display:block}
.navbar-toggler{border:0}
.navbar-toggler:focus{box-shadow:none}

/* === Font & barvy === */
.navbar .nav-link,
.dropdown-menu .dropdown-item{
  font-family:'HKGrotesk',sans-serif;
  font-weight:700;
  font-size:16px;
}
.navbar .nav-link{color:#002651;padding:.5rem 0;transition:color .2s ease}
.navbar .nav-link:hover{color:#ff0066}
.navbar .current-menu-item>.nav-link,
.navbar .current_page_item>.nav-link,
.navbar .current-menu-ancestor>.nav-link{color:#ff0066}

/* === Rozestupy hlavního menu (1. úroveň) === */
.navbar-nav>li{margin:0 15px}

/* === Dropdown === */
.dropdown-menu{
  position:absolute;border:none;border-radius:0px;
  padding:.75rem 0;margin-top:.9rem;
  box-shadow:0 12px 28px rgba(0,0,0,.18)
}
.dropdown-menu::before{
  content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;
  filter:drop-shadow(0 -1px 1px rgba(0,0,0,.08))
}
.dropdown-menu .dropdown-item{
  color:#002651;padding:.75rem 1.5rem;transition:color .2s ease,background .2s ease
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .current-menu-item>a{color:#ff0066;background:#f9f9f9}


@media (max-width: 992px) {
  .dropdown-menu {
    box-shadow: none !important;
    padding-left: 20px;
  }
  .dropdown-menu::before {
    display: none !important;
    content: none !important;
  }
}

/* === Sidenav (mobil) === */
.sidenav{
  position:fixed;top:0;right:-320px;width:320px;height:100%;background:#fff;z-index:1050;
  padding:24px 20px;overflow:auto;box-shadow:-8px 0 24px rgba(0,0,0,.15);transition:right .3s ease
}
.sidenav.open{right:0}
.sidenav .closebtn{position:absolute;top:12px;right:12px;font-size:0;width:32px;height:32px}
.sidenav .closebtn::before{content:"✕";font-size:20px;line-height:32px;color:#000;display:block;text-align:center}
.sidenav ul{list-style:none;margin:16px 0 0 0;padding:0}
.sidenav li{margin:0}
.sidenav a{display:block;padding:.75rem 0;color:#111;text-decoration:none}
.sidenav a:hover{color:#ff0066}

/* === Overlay pro sidenav === */
#overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;z-index:1040;transition:opacity .2s ease}
#overlay.show{display:block}

/* === Responzivní jemný tweak (menší mezery na užších šířkách) === */
@media (max-width: 1200px){
  .navbar-nav>li{margin:0 .9rem}
}


.section-title-wrapper {
  text-align: center;
  padding: 60px 20px; /* mezery nahoře a dole */
}

.section-title {
  font-family:'HKGrotesk',sans-serif;
  font-weight:700;
  font-size:45px;
  position: relative;
  display: inline-block;
  font-weight: 700;
  color: var(--darkblue);
  margin: 0;
}

.section-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 6px;
  margin: 12px auto 0;
  background-color: #ff0066;
}

.section-title.blue::after{
  background-color: #00B7CE;
}
.fb-content .section-title-left {
  font-size: 2rem;
  line-height: 1.35;
  margin-bottom: 24px;
}

.section-title-left::after {
  content: "";
  display: block;
  width: 70px;
  height: 6px;
  margin: 12px 0 0;   /* defaultně vlevo */
  background-color: #ff0066;
}

.section-title-left.blue::after{
  background-color: #00B7CE;
}

.section-title.blue::after{
  background-color: #00B7CE;
}


.gray-bg { 
    background-color: #f1f1f2;

}

.blue-bg {
  background-color: #00B7CE;
}

.pink-bg {
  background-color: #ff0066;
}



.t-pink {
  color: #ff0066 !important;
}


.btn-outline-invert{
  background:transparent;border:2px solid currentColor;padding:.6rem 1.1rem;
  text-transform:uppercase;letter-spacing:.02em;font-weight:600;border-radius:0
}


.btn-outline-invert{color:#fff;border-color:#fff}
.btn-outline-invert:hover{background:#fff;color:#062e54}

.benefits {
  padding-bottom:  80px; 
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 sloupců */
  gap: 24px;
  justify-items: center; /* zarovná čtverce na střed */
}

.benefit-item {
  width: 160px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: 'HKGrotesk', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
  color: #062e54;
  padding: 12px;
}

.benefit-item img {
  max-width: 56px;
  margin-bottom: 12px;
}

.benefit-item p {
  margin: 0;
}

/* Barvy */
.color-yellow { background: #ffd400; }
.color-pink   { background: #ff0066; color: #fff; }
.color-cyan   { background: #00b7ce; }
.color-navy   { background: #062e54; color: #fff; }


/* Responzivita */
@media (max-width: 1200px) {
  .benefits-grid {
    grid-template-columns: repeat(4, 1fr); /* 4 na řádek */
  }
}

@media (max-width: 992px) {
  .benefits-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 na řádek */
  }
}

@media (max-width: 768px) {
  .benefits-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 na řádek */
    gap: 16px;
  }
  .benefit-item {
    width: 140px;
    height: 140px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .benefits-grid {
    grid-template-columns: 1fr; /* 1 na řádek */
  }
  .benefit-item {
    width: 100%;
    max-width: 240px;
    height: auto;
    aspect-ratio: 1/1; /* mobilní fallback */
  }
}



.fb-section {
  position: relative;
  background: #fff;
  overflow: hidden;
}

/* Obrázek panel vpravo */
.fb-section .fb-image {
  position: absolute;
  inset: 0 0 0 50vw; /* pravá polovina viewportu */
  background-image: url('/wp-content/themes/albihr/assets/images/AD_01.jpg');
  background-size: cover;
  background-position: center center;
  min-height: 420px;
}

/* Text vlevo */
.fb-content {
  padding: 200px 0;
  font-family: 'HKGrotesk', sans-serif;
  color: var(--darkblue);
}


/* Buttons */
.fb-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.btn-outline-pink {
  border: 2px solid #ff0066;
  color: #ff0066;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 28px;
  border-radius: 0;
  letter-spacing: .02em;
  transition: all .25s ease;
}
.btn-outline-pink:hover {
  background: #ff0066;
  color: #fff;
}

.fb-link {
  color: var(--darkblue);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: color .2s ease;
}
.fb-link:hover {
  color: #ff0066;
}

/* Responzivita */
@media (max-width: 992px) {
  /* obrázek až pod textem */
  .fb-section .fb-image {
    position: relative;
    inset: auto;
    width: 100%;
    height: 46vw;
    min-height: 220px;
    order: 2;
  }

  .fb-content {
    padding: 40px 0;
    text-align: center;
  }

  .fb-buttons {
    justify-content: center;
  }

  /* underline na střed */
.fb-content .section-title-left::after {
    margin: 12px auto 0;
  }
}




/* ===== Footer ===== */
.site-footer {
  background: #071E2F;              /* tmavě modré pozadí */
  color: #fff;
}

.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

.site-footer .footer-inner {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 22px 0;                  /* výška jako na screenu */
}

.site-footer .footer-logo img {
  display: block;
  height: 36px;                     /* uprav dle skutečného loga */
  width: auto;
}

.site-footer .footer-legal {
  margin: 0;
  font-family: 'HKGrotesk', sans-serif;
  font-weight: 400;
  font-size: 0.98rem;               /* cca 15–16 px */
  line-height: 1.6;
  text-align: left;                /* dle screenu vpravo */
  flex: 1;                          /* zabere zbytek šířky oproti logu */
}

/* Lepší zalamování dlouhých bloků textu */
.site-footer .footer-legal {
  hyphens: auto;
  overflow-wrap: anywhere;
}

/* Responzivita */
@media (max-width: 992px) {
  .site-footer .footer-inner {
    gap: 20px;
    padding: 18px 0;
  }
  .site-footer .footer-logo img {
    height: 32px;
  }
}

@media (max-width: 768px) {
  .site-footer .footer-inner {
    flex-direction: column;
    text-align: center;
  }
  .site-footer .footer-legal {
    text-align: center;
  }
}


/*
ÚVODNÍ STRANA - HERO
*/


/* === HERO === */
.section--teal{
  background:#00B7CE;
  color:#fff;
  padding:80px 0;
}
.section--teal h1{
  font-family:'HK Grotesk',sans-serif;
  font-weight:700;
  font-size:56px;
  line-height:1.15;
  margin:0 0 24px;
  color:#fff;
}
.section--teal p{
  font-size:20px;
  line-height:1.6;
  margin:0 0 32px;
  color:#fff;
  max-width:560px;
}
.section--teal .btn.btn-primary{
  background:#ff0066;
  border-color:#ff0066;
  color:#fff;
  font-family:'HK Grotesk',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  padding:14px 28px;
  border-radius:0;
}
.section--teal .btn.btn-primary:hover{
  background:#cc0052;
  border-color:#cc0052;
}

/* === Responzivita === */
@media (max-width:992px){
  .section--teal{ padding:56px 0 }
  .section--teal h1{ font-size:44px }
}
@media (max-width:576px){
  .section--teal h1{ font-size:36px }
  .section--teal p{ font-size:18px }
}




/* ===== Careers scoped styles ===== */
.careers .jobs-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:40px;overflow:visible}
.careers .block{position:relative;overflow:hidden;min-height:260px;border-radius:0}
.careers .block img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}

.careers .color-pink{background:#ff0a66}
.careers .color-cyan{background:#1ed0df}
.careers .color-yellow{background:#ffd400}
.careers .color-navy{background:#062e54}

.careers .span-4{grid-column:span 4}
.careers .span-6{grid-column:span 6}
.careers .span-7{grid-column:span 7}
.careers .span-10{grid-column:span 10}

.careers .over-down-40{margin-bottom:-40px; z-index:2}
.careers .over-up-40{margin-top:-40px; z-index:2}
.careers .over-left-40{margin-left:-40px; z-index:2}

.careers .panel{padding:2.5rem}
.careers .panel h2{font-size:2.25rem; line-height:1.1; margin:0 0 .5rem}
.careers .panel small{font-weight:400; font-size:1.25rem}

/* invert outline button, jen v kariéře */
.careers .btn-outline-invert{
  background:transparent;border:2px solid currentColor;padding:.6rem 1.1rem;
  text-transform:uppercase;letter-spacing:.02em;font-weight:600;border-radius:0
}
.careers .panel.text-white .btn-outline-invert{color:#fff;border-color:#fff}
.careers .panel.text-dark  .btn-outline-invert{color:#062e54;border-color:#062e54}
.careers .panel.text-white .btn-outline-invert:hover{background:#fff;color:#062e54}
.careers .panel.text-dark  .btn-outline-invert:hover{background:#062e54;color:#fff}

/* vyplněné bílé tlačítko jen pro AP/Kinoko – přepiš název, ať nekoliduje */
.careers .btn-white-career{background:#fff;border:2px solid #fff;color:#062e54;border-radius:0}
.careers .btn-white-career:hover{background:transparent;color:#fff;border-color:#fff}

.careers .tile{display:grid;grid-template-rows:auto auto;height:100%}
.careers .tile .tile-row{min-height:0}
.careers .ap-block .panel,
.careers .kinoko-block .panel{margin:0;margin-top:auto;margin-bottom:auto}

/* Mobile (≤ 992px) jen v kariéře */
@media (max-width:991.98px){
  .careers .container{padding-left:24px;padding-right:24px}
  .careers .jobs-grid{grid-template-columns:1fr;gap:0}
  .careers .span-4,.careers .span-6,.careers .span-7,.careers .span-10{grid-column:1 / -1}
  .careers .over-down-40,.careers .over-up-40,.careers .over-left-40{margin:0}
  .careers .block img.block-img{height:320px !important;object-fit:cover;width:100%}
  .careers .block{min-height:auto;margin:0}
  .careers .tile{margin:0}
  .careers .panel{padding:1.5rem}
  .careers .panel h2{font-size:1.8rem}
  .careers .panel small{font-size:1.05rem}
  .careers .panel a.btn{display:none}
  .careers .prodejny{grid-row:1; margin-bottom:24px;}
  .careers .sklad-image{grid-row:10; margin-bottom:0;}
  .careers .sklad-text {grid-row:11; margin-bottom:24px;}
  .careers .centrala-image{grid-row:20; margin-bottom:0;}
  .careers .centrala-text {grid-row:21; margin-bottom:24px;}
  .careers .obchodni-image{grid-row:30; margin-bottom:0;}
  .careers .obchodni-text {grid-row:31; margin-bottom:24px;}
  .careers .ap-block{grid-row:40; margin-bottom:24px;}
  .careers .kinoko-block{grid-row:50; margin-bottom:24px;}
  .careers .kinoko-block .tile .tile-row:first-child{order:2}
  .careers .kinoko-block .tile .tile-row:last-child {order:1}
}


/*
ÚVOD 
*/
/* ====== Lightbox ====== */
.lb2 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lb2[hidden] {
  display: none;
}
.lb2__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 600px at 50% 30%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(10,14,18,.85), rgba(10,14,18,.9));
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}
.lb2__media {
  position: relative;
  width: min(1280px, 92vw);
  aspect-ratio: 16/9;              /* výchozí landscape */
  border-radius: 0;
  overflow: hidden;
  z-index: 1;
}
.lb2__media iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: #000;
}
.lb2__close {
  position: absolute;
  top: 20px;
  right: 28px;
  z-index: 2;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .15s ease, background .15s ease;
}
.lb2__close:hover {
  transform: scale(1.1);
  background: rgba(255,255,255,.25);
}

/* Vertikální varianta (Shorts) */
.lb2__media--9x16 {
  aspect-ratio: 9/16;
  width: min(560px, 92vw);
  max-height: 92vh;
}
@media (max-width:480px){
  .lb2__media--9x16 { width: 94vw; }
}

/* ====== Náhled videa (kliknutelný wrapper) ====== */
.video-wrapper {
  position: relative;
  cursor: pointer;
  width: 100%;
}

/* Vnitřní rám drží rozměr média; vůči němu centrovat tlačítko */
.video-frame {
  position: relative;
  display: inline-block;   /* zmenší se na šířku náhledu */
  max-width: 100%;         /* respektuje rodiče */
}

/* Video/poster vyplní rám */
.custom-video,
#videoPoster {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ====== Vizuální PLAY tlačítko + hover pulse ====== */
.play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ff007a;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  outline: 0;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
  pointer-events: none;              /* kliky jdou na wrapper */
}
.play-button svg {
  width: 32px;
  height: 32px;
  fill: #fff;
  transform: translateX(2px); /* optické centrování */
}

/* hover/focus animace */
.video-wrapper:hover .play-button,
.video-wrapper:focus-visible .play-button {
  transform: translate(-50%, -50%) scale(1.06);
  box-shadow: 0 8px 30px rgba(255,0,122,.45);
}
.play-button::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255,0,122,.35);
  animation: none;
}
.video-wrapper:hover .play-button::after,
.video-wrapper:focus-visible .play-button::after {
  animation: pulse 1.4s ease-out infinite;
}
@keyframes pulse {
  0%   { box-shadow:0 0 0 0   rgba(255,0,122,.35) }
  70%  { box-shadow:0 0 0 22px rgba(255,0,122,0) }
  100% { box-shadow:0 0 0 0   rgba(255,0,122,0) }
}
/* ====== Lightbox ====== */

.vid-hrajemesi {
  max-width: 450px;
}

.media-cta{
  display:flex; align-items:stretch; gap:0; /* žádná mezera mezi bloky */
}
.media-cta__left  { flex: 0 1 66.666%; }
.media-cta__right { flex: 0 1 33.333%; }

/* Zarovnání na střed */
.hrajemesi .media-cta {
  margin: 0 auto;       /* vycentruje blok */
}

/* Obrázek/videobox na plnou výšku */
.hrajemesi .video-wrapper,
.hrajemesi .video-frame {
  width: 100%;
  height: 100%;
}

.hrajemesi .video-wrapper img,
.hrajemesi .video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* vyplní celý blok */
}

.blue-box{
  background:#00bcd4; height:100%;
  display:flex; flex-direction:column; justify-content:center;
  padding:32px; text-align:left;
}

.blue-box__title{ 
   font-family:'HKGrotesk',sans-serif;
  font-weight:700; margin:0 0 30px; }
.blue-box__text{ margin:0 0 20px; }

@media (max-width: 991.98px){
  .media-cta{ flex-direction:column; }
  .media-cta__left, .media-cta__right{ flex-basis:auto; }
  .blue-box{ height:auto; }
}
.hrajemesi-hero {
  padding-bottom: 250px;
}

.gray-bg-wrap{
  margin-top: -150px;
    padding-bottom: 50px;
}

.hrajemesi .blue-box .btn-outline-invert {
  display: inline-block;   /* jen podle textu */
  width: auto;             /* vypne natahování */
  max-width: fit-content;  /* drží se obsahu */
}




.fullwidth-image {
  width: 100%;
  height: auto;
  display: block;
}

.fullwidth-image-cover {
  width: 100%;
  height: 60vh;              /* výška podle viewportu (můžeš změnit) */
  background: url('/wp-content/themes/albihr/assets/images/AD_01.jpg') no-repeat center center;
  background-size: cover;    /* vyplní celou šířku a výšku */
}



/* ===== ALBI DOVOLENA ===== */
.albidovolena { position: relative; }

.albidovolena__wrap {
  display: flex;
  gap: 0;
  max-width: 940px;
  margin: 0 auto;
  margin-top: -150px;
  align-items: flex-start;   /* každý podle své výšky */

}

.albidovolena__text,
.albidovolena__media {
  flex: 1;
}

/* Růžový panel */
.albidovolena__panel {
  background: #ff0066;
  color: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 48px;
  text-align: left;
}
.albidovolena__title {
  color: #fff;
  font-weight: 700;
  font-size: 45px !important;
  line-height: 1.1;
  font-size: clamp(28px, 4.2vw, 56px);
  margin: 20px 0 0px;
}
.albidovolena__desc { margin:50px 0 50px 0; max-width: 34ch; }

/* Tlačítko jen podle obsahu */
.albidovolena .btn-outline-invert {
  display: inline-block;
  width: auto;
  max-width: fit-content;
}

.albidovolena .video-wrapper {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.albidovolena .video-frame {
  width: 100%;
  height: 100%;
  position: relative;
}
.albidovolena .video-wrapper img,
.albidovolena .video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Responsivita */
@media (max-width: 992px) {

  .albidovolena__panel {
  }
  .albidovolena__title {
  font-size: 40px !important;
    margin: 10px 0 0px;
}

  .albidovolena__desc {
  font-size: 15px !important;
    margin: 15px 0;
}
}



@media (max-width: 768px) { 
  .albidovolena__wrap {
  margin: 0px;
   flex-direction: column; 
   display: block;
}

  .albidovolena__title {
  font-size: 30px !important;
    margin: 10px 0 0px;
}

  .albidovolena__desc {
  font-size: 15px !important;
    margin: 15px 0;
}
}



.gallery-sq{
  --cols:4; --gap:24px; --maxw:1700px;
  position:relative; background:#fff;
  /* full-bleed, necháš-li: */
  left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw;
}
.gallery-sq[data-cols="3"]{ --cols:3; }
.gallery-sq[data-cols="4"]{ --cols:4; }

/* Jediný track: desktop = GRID */
.gallery-sq__track{
  display:grid; grid-template-columns:repeat(var(--cols),1fr);
  gap:var(--gap); max-width:var(--maxw); margin:0 auto; padding:0;
  outline:none;
}

/* Položky */
.gallery-sq__item{ position:relative; width:100%; aspect-ratio:1/1; overflow:hidden; }
.gallery-sq__img{ width:100%; height:100%; object-fit:cover; display:block; }

@media (max-width: 575.98px){
  .gallery-sq{ --gap:12px; --slide:84vw; overflow:hidden; }

  /* 1) Grid->slider + centrování */
  .gallery-sq__track{
    display:flex;
    gap: var(--gap);
    /* POZOR: 100% – respektuje padding rodičů; 100vw by dělalo posun */
    padding-inline: max(calc((100% - var(--slide))/2), 0px);
    margin:0;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;      /* schovat indikátor */
    -ms-overflow-style:none;
  }
  .gallery-sq__track::-webkit-scrollbar{ display:none; }

  /* 2) Figure má defaultní margin – zrušit! */
  .gallery-sq__item{ 
    margin:0;                 /* <— DŮLEŽITÉ */
    flex:0 0 var(--slide);
    aspect-ratio:1/1;
    scroll-snap-align:center; /* vždy na střed */
  }

  .gallery-sq .container { padding-left:0; padding-right:0; }
  
    .container {
    padding-left: 12px;  /* nebo 15px podle Bootstrapu */
    padding-right: 12px;
  }
}









/* ===== POMÁHÁME ===== */
.pomahame { padding: 70px 0; }
.pomahame .container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }

.help-grid { display: grid; gap: 48px; }

/* jeden řádek */
.help-row {
  display: flex;
  align-items: center;
  gap: 36px;
}

/* střídání fotky L/R na desktopu */
.help-row:nth-child(even) { flex-direction: row-reverse; }

/* sloupce */
.help-media,
.help-text { flex: 1 1 0; }

/* obrazek */
.help-media .help-img {
  width: 100%;
  height: clamp(260px, 28vw, 420px);
  object-fit: cover;
  display: block;
  background: #0b2a44;
}

/* text */
.help-title {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: clamp(26px, 3.6vw, 44px);
  line-height: 1.1;
  color: #00b7ce;
  font-size: 40px;
}
.help-subtitle {
  margin: 0 0 18px;
  font-weight: 700;
  font-size: 24px;
}
.help-underline {
  width: 70px; height: 6px; background: #00B7CE; margin: 6px 0 22px;
}
.help-body { font-size: 18px; line-height: 1.7; margin: 0; }

/* mobil: text vždy první */
@media (max-width: 991.98px) {
  .help-row { flex-direction: column; align-items: stretch; }
  .help-row:nth-child(even) { flex-direction: column; }
  .help-text { order: 1; }
  .help-media { order: 2; }
  .help-media .help-img { height: clamp(220px, 55vw, 360px); }
}


.t-yellow {
  color: #ffd400;
}



/* ===== Sekce: Plníme sny ===== */
.plnime-sny { padding: 70px 0; }

.plnime-sny .container {
  max-width: 850px;   /* zúžený container */
  margin: 0 auto;
}

/* modrý textový box */
.plnime-sny .sny-panel {
  background: #00B7CE;     /* tyrkysová */
  color: #fff;
  padding: 32px;
  align-self: end;         /* posune panel dolů v rámci col */
  text-align: left;
}
.plnime-sny .sny-panel h2 {
  margin: 0 0 16px;
  font-size: clamp(26px, 3.6vw, 44px);
  font-weight: 700;
   color: #fff;
}
.plnime-sny .sny-panel p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

/* obrázky drží výšku a vyplňují prostor */
.plnime-sny .img-fluid {
  object-fit: cover;
  height: 100%;
  display: block;
}



/* ===== CTA PRUH ===== */
.cta-pruh {
  background: #FFD400;   /* žlutá Albi */
  padding: 32px 0;
  text-align: center;
}

.cta-pruh .cta-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  max-width: 1140px;
  margin: 0 auto;
  flex-wrap: wrap; /* pro mobilní zalomení */
}

.cta-pruh h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  color: #062e54; /* tmavě modrá */
}

/* tlačítko */
.cta-pruh .btn-cta {
  background: #00B7CE;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 24px;
  border: none;
  border-radius: 0;
  text-decoration: none;
  transition: background .2s ease;
}
.cta-pruh .btn-cta:hover {
  background: #009bb2;
  color: #fff;
}



* Full-bleed hero i když je uvnitř .containeru */
.hero-bleed{
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.hero-bleed__img{
  display: block;
  width: 100%;
  height: clamp(260px, 42vw, 520px);
  object-fit: cover;
    object-position: top; /* vždy ukazuje horní část fotky */

}

/* Překrytí containeru do hero */
.overlap-section{
  position: relative;
  margin-top: -115px;   /* kolik "zajede" do hero */
  z-index: 2;
}
@media (max-width: 767.98px){
  .overlap-section{ margin-top: -60px; }
}

/* Bílá karta se 5px horním borderem */
.overlap-box{
  background: #fff;
}

.overlap-container {
  border-top: 5px solid #00B7CE; /* border na kontejneru */
}

.section-perex{
   font-family:'HKGrotesk',sans-serif;
   font-size:20px ;
   font-weight: 400;
   

}
/* Titulek + linka pod ním */
.section-title-wrapper{ max-width: 760px; margin-inline: auto; }


/* Mírné srovnání fotek v kartách */
.object-fit-cover{ object-fit: cover; }
.staff-photo{ aspect-ratio: 16/9; } /* stejné výšky náhledů */

.sklad-kristyna {
  margin-top: 100px;
}

@media (max-width: 768px){
.sklad-kristyna {
  margin-top: 20px;
}
}

.h5 {
     font-size:25px;
   font-weight: 600;
   color: #002651;
}
.pozice {
   font-size:20px;
   font-weight: 500;
   color: #002651;
}

.perex-pozice {
   font-size:15 ;
   font-weight: 400;
    color: #002651;
}




.quote-bar{
  position: relative;
  color: #fff;
  padding: clamp(16px,2.5vw,28px) clamp(18px,3vw,32px);
  /* aby se „přilepil“ k šířce sloupce */
  width: 100%;
  margin-top: 40px;
    margin-bottom: 30px;
}

/* text */
.quote-bar__text{
  font-weight: 600;
  line-height: 1.35;
  font-size: clamp(20px, 2vw, 24px);
  margin: 0;
}

/* uvozovky – absolutně nad plochou, s mírným přesahem */
.quote-bar__marks{
  position: absolute;
  top: -12px;
  display: block;
  width: 100px;

}
.quote-bar__marks svg{
  display: block;
  width: 100%;

  fill: #002651;
}

/* volitelné – pokud chceš přesný zarovnaný “okraj” jako v referenci */
@media (min-width: 992px){
  .quote-bar{ padding-block: 28px 32px; }
}






/* GRID pro benefity */
.sklad__benefits-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;                 /* menší mezery */
  justify-content:center;
}
@media (min-width:992px){
  .sklad__benefits-grid{
    grid-template-columns:repeat(2, auto);
    gap:24px 32px;          /* menší horizontální i vertikální mezera */
    justify-content:center;
    align-items:start;
  }
  .sklad__benefit--offset{ 
    position: relative;
    top:124px; } /* žlutá lehce posunutá */
}

.centrala__benefit--offset {
      margin-top: 24px !important} /* žlutá lehce posunutá */



/* BOX každého benefitu */
.sklad__benefit{
  max-width:425px;
  width:100%;
margin: 0 auto;
  padding:50px;

  text-align:left;
}

/* HLAVIČKA = ikona + nadpis vedle sebe */
.sklad__benefit-header{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}

/* Ikona vlevo */
.sklad__benefit-icon{
  flex:0 0  80px;
  height:80px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.sklad__benefit-icon img,
.sklad__benefit-icon svg{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* Texty */
.sklad__benefit h3{
  font-weight:600;
  margin:0;
  font-size:17px;
  line-height:1.2;
}
.sklad__benefit p{
  margin:0;
  line-height:1.55;
  font-size:0.95rem;
}

/* Barevné varianty */
.sklad__benefit--pink{ background:#ff0066; color:#fff; }
.sklad__benefit--pink h3{ color:#fff; }

.sklad__benefit--yellow{ background:#ffd400; color:#01294d; }
.sklad__benefit--yellow h3{ color:#01294d; }

.sklad__benefit--cyan{ background:#12bfd1; color:#01294d; }
.sklad__benefit--cyan h3{ color:#01294d; }

/* Mobil: boxy na plnou šířku containeru */
@media (max-width:575.98px){
  .sklad__benefit{ max-width:none; }
  .sklad__benefit-header{ justify-content:center; text-align:center; }
  .sklad__benefit p{ text-align:center; }
}



/* ===== WORKJOY ===== */
.workjoy { position: relative; }
.workjoy__wrap{
  display:flex;
  align-items:flex-start;        /* klíč: panel se drží nahoře */
  gap:0;
}

/* poměr: video 65% / panel 35% */
.workjoy__media{ flex: 0 1 65%; }
.workjoy__panel{
  flex: 0 1 35%;
  background:#ff0066;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;    /* obsah odshora */
  align-items:flex-start;
  align-self:flex-start;         /* držet horní hranu vůči videu */
  padding:40px 48px;             /* rozumný padding */
}

/* typografie (požadované velikosti) */
.workjoy__title{
  color: #fff;
  font-weight:700;
  font-size:41px;
  line-height:1.2;
  margin:0 0 20px 0;
}
.workjoy__desc{
  font-size:20px;
  line-height:1.5;
  margin:0 0 24px 0;
  max-width:32ch;
}
.workjoy__btn{ width:auto; max-width:fit-content; }

/* video vzhled – jen uvnitř sekce workjoy, zachovává tvoje třídy */
.workjoy .video-wrapper{ position:relative; width:100%; cursor:pointer; }
.workjoy .video-frame{ position:relative; width:100%; height:100%; }
.workjoy .video-wrapper img,
.workjoy .video-wrapper video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position: top;          /* řeže zespoda, vrch vždy vidět */
}
.workjoy .video-wrapper,
.workjoy .video-frame{
  display:block;
  line-height:0;        /* klíčové */
}

.workjoy .video-wrapper img,
.workjoy .video-wrapper video{
  display:block;        /* jistota */
}


/* Responsivita */
@media (max-width: 992px){
  .workjoy__wrap{ flex-direction:column; }
  .workjoy__media, .workjoy__panel{ flex-basis:auto; }
    .workjoy__panel{ align-self:flex-start; }

}



/* ===== STORY SEKCE ===== */
.story__name{
  font-size: 32px;
  font-weight: 700;
  color: #00b7ce;       /* tyrkys jako na screenu */
  margin-bottom: .2rem;
}
.story__role{
  font-size: 20px;
  font-weight: 600;
  color: #ff0066;       /* růžová jako v tvých panelech */
  margin-bottom: 2rem;
}
.story p{
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}


/* ===== BENEFITY – BRIGÁDA ===== */
.benefits--brigada { text-align: center; padding-bottom: 80px; }

/* GRID */
.benefits-grid-3{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  justify-content: center;
  justify-items: center;
  align-items: start;
}

/* KARTA */
.benefit-card{
  color:#002651;
  max-width: 360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

/* ČTVEREC – VŽDY ČTVEREC */
.benefit-card__square{
  --square-max: 300px;      /* velikost čtverce (můžeš libovolně změnit) */
  --icon-size: 72px;        /* výška ikony (stejná pro všechny) */
  --title-gap: 16px;        /* fixní mezera mezi ikonou a titulkem */

  width: 100%;
  max-width: var(--square-max);
  aspect-ratio: 1 / 1;      /* drží čtverec v každém rozlišení */
  margin: 0 auto 20px;
  padding: 28px 22px;
  box-sizing: border-box;

  display: grid;            /* umožní přesné vystředění obsahu */
  place-items: center;      /* horizontálně i vertikálně center */
}

/* STACK uvnitř čtverce: ikona + titulek jako jeden blok */
.benefit-card__stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: var(--title-gap);     /* KONSTANTNÍ MEZERA mezi ikonou a nápisem */
}

/* IKONA – VŽDY STEJNÁ VÝŠKA */
.benefit-card__stack img{
  height: var(--icon-size);
  width: auto;
  display:block;
}

/* NADPIS – žádné extra mezery */
.benefit-card__stack h3{
  margin:0;
  font-weight:700;
  font-size:22px;
  line-height:1.25;
  color:inherit;
}

/* POPISEK + TEXT POD ČTVERCEM */
.benefit-card__caption{
  margin:0 0 10px;
  font-weight:700;
  font-size:18px;
  line-height:1.25;
  color:#002651;
}

.benefit-card p:last-child{
  margin:0;
  font-size:16px;
  line-height:1.55;
}

/* RESPONSIVE LADĚNÍ VELIKOSTÍ – čtverec stále zůstává čtvercem */
@media (min-width:1200px){
  .benefit-card__square{
    --square-max: 280px;
    --icon-size: 64px;
  }
}

@media (max-width:991.98px){
  .benefits-grid-3{ gap:28px; }
  .benefit-card__square{ --square-max: 280px; }
}

@media (max-width:575.98px){
  .benefits-grid-3{ grid-template-columns:1fr; }
  .benefit-card__square{
    --square-max: 360px;     /* větší čtverec na mobilu, pořád 1:1 */
  }
}

.menu-shadow{
  box-shadow: 0 12px 20px rgba(0,0,0,.08);


}

.btn-primary{
  background:#ff0066;
  border-color:#ff0066;
  color:#fff;
  font-family:'HK Grotesk',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size: 22px;
  padding:14px 28px;
  border-radius:0;
  margin-top: 20px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #cc0052 !important;
  border-color: #cc0052 !important;
}


.volnamista {
  max-width: 750px;
  margin: 0 auto;
}

/* =========================
   TEAMIO / CAPYBARA – ALBI HR (KOMPAKT + PAD TOP 0)
   ========================= */

/* Základ + barvy + globální top padding 0 */
#capybara {
  --tile-bg: #00B7CE;
  --tile-hover: #ff0066;
  padding-top: 0 !important;
  font-family: 'HKGrotesk', sans-serif;
  color: #002651;
}

/* ======================================
   1) LISTING (výpis pozic)
   ====================================== */
#capybara[data-page-rendered="listing"] .cp-jobs__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}

#capybara .cp-job__link{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:100px;
  padding:18px 64px 18px 32px;
  border-radius:0;
  text-decoration:none;
  color:#fff;
  font-weight:500;
  line-height:1.3;
  font-size:18px;
  background-image:linear-gradient(90deg,
    var(--tile-bg) 0%,
    var(--tile-bg) 50%,
    var(--tile-hover) 50%,
    var(--tile-hover) 100%);
  background-size:200% 100%;
  background-position:0 0;
  transition:background-position .45s ease, box-shadow .2s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.03), 0 4px 10px rgba(0,0,0,.08);
}
#capybara .cp-job__name{ font-size:22px; text-decoration:none !important; }

#capybara .cp-job__link::after{
  content:"";
  position:absolute;
  right:28px; top:50%;
  width:22px; height:22px; margin-top:-11px;
  border-right:3px solid #fff; border-top:3px solid #fff;
  transform:rotate(45deg);
  transition:transform .25s ease;
}
#capybara .cp-job__link:hover,
#capybara .cp-job__link:focus-visible{
  background-position:-100% 0;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
#capybara .cp-job__link:hover::after{ transform:rotate(45deg) translateX(3px); }
#capybara .cp-job__link:focus-visible{ outline:none; }

#capybara .cp-job__icons{ display:none; }
#capybara .cp-brand{ margin-top:10px; display:flex; justify-content:flex-end; }
#capybara .cp-brand__link{ opacity:.5; text-decoration:none; transition:opacity .2s ease; }
#capybara .cp-brand__link:hover{ opacity:.9; }

/* ======================================
   2) DETAIL POZICE
   ====================================== */
#capybara[data-page-rendered="detail"]{
  max-width:900px;
  margin:0 auto;
  padding:0 20px 100px;        /* TOP = 0 */
}
#capybara .cp-detail__header-title h1{
  font-weight:700;
  font-size:clamp(28px,4vw,46px);
  color:#00B7CE;
  margin:0 0 40px;
  padding-bottom:10px;
  border-bottom:5px solid #ff0066;
}

/* obsah */
#capybara .cp-detail__content{ font-size:18px; line-height:1.7; }
#capybara .cp-detail__content p{ margin:0 0 18px; }
#capybara .cp-detail__content strong{ color:#002651; font-weight:700; }
#capybara .cp-detail__content ul{ margin:0 0 20px 20px; padding:0; }
#capybara .cp-detail__content li{ margin-bottom:4px; list-style:disc; }

/* kontakt */
#capybara .cp-detail__contact h2{
  font-size:28px; font-weight:700; color:#00B7CE;
  margin:50px 0 16px;
}
#capybara .cp-address__item{ font-size:17px; line-height:1.5; }

/* odkazy od Teamia – přepsání */
#capybara[data-page-rendered="detail"] article a{
  color:inherit !important;
  text-decoration:none !important;
  margin-left:0 !important;
}

/* tlačítka (detail) */
#capybara .cp-button__wrapper,
#capybara .cp-button__wrapper--offset{
  display:flex; flex-wrap:wrap; align-items:stretch;
  gap:16px; margin-top:36px !important;
}
#capybara .cp-button.cp-button--offset{ margin-top:0 !important; }
#capybara .cp-button{
  display:inline-flex; align-items:center; justify-content:center;
  height:64px !important; min-width:220px;
  font-family:'HKGrotesk',sans-serif; text-transform:uppercase;
  font-weight:700; font-size:16px;
  border-radius:0; border:2px solid transparent;
  text-decoration:none; padding:0 34px; cursor:pointer;
  transition:all .25s ease; box-sizing:border-box;
}
#capybara .cp-button--submit{ background:#ff0066; color:#fff; border-color:#ff0066; }
#capybara .cp-button--submit:hover{ background:#cc0052; border-color:#cc0052; color:#fff; }

/* Zpět – pevný border + hover bílý text */
#capybara .cp-button--back{
  background:transparent;
  border:2px solid #00B7CE;
  color:#00B7CE;
}
#capybara .cp-button--back:hover{
  background:#00B7CE;
  color:#fff !important;
  border-color:#00B7CE;
}

/* ======================================
   3) FORMULÁŘ (replyForm)
   ====================================== */
#capybara[data-page-rendered="replyForm"]{
  max-width:900px;
  margin:0 auto;
  padding:0 20px 100px;        /* TOP = 0 */
}
#capybara[data-page-rendered="replyForm"] .cp-form__header h1{
  font-weight:700;
  font-size:clamp(28px,4vw,46px);
  color:#00B7CE;
  margin:0 0 40px;
  padding-bottom:10px;
  border-bottom:5px solid #ff0066;
}
#capybara .cp-form__title{
  font-weight:700;
  font-size:clamp(20px,2.5vw,28px);
  color:#00B7CE;
  margin:0 0 18px;
}

/* přebití article a */
#capybara[data-page-rendered="replyForm"] article a{
  color:inherit !important;
  text-decoration:none !important;
  margin-left:0 !important;
}
#capybara[data-page-rendered="replyForm"] article a:hover{
  color:#00B7CE !important;
}

/* layout formuláře */
#capybara .cp-form__content{
  font-size:18px; line-height:1.6;
  display:grid; gap:18px;
}
#capybara .cp-form__group{ margin:0; }
#capybara .cp-form__label{
  display:block; font-weight:700; font-size:16px;
  margin:0 0 6px; color:#002651;
}
#capybara .cp-form__asterisk{ color:#ff0066; }

/* pole */
#capybara .cp-form__input,
#capybara .cp-form__textarea{
  width:100%;
  border:2px solid #e6eef2; background:#fff; color:#002651;
  border-radius:0; padding:12px 14px; font-size:16px;
  outline:none; transition:border-color .2s ease, box-shadow .2s ease;
  box-sizing:border-box;
}
#capybara .cp-form__textarea{ min-height:180px; resize:vertical; }
#capybara .cp-form__input:hover,
#capybara .cp-form__textarea:hover{ border-color:#d9e7ee; }
#capybara .cp-form__input:focus,
#capybara .cp-form__textarea:focus{
  border-color:#00B7CE; box-shadow:0 0 0 3px rgba(0,183,206,.15);
}
#capybara .cp-form__input::placeholder,
#capybara .cp-form__textarea::placeholder{ color:#8da0b3; }

/* počítadlo */
#capybara .cp-form__chars-counter{ margin-top:6px; font-size:13px; color:#647892; }
#capybara .cp-form__chars-counter-status{ font-weight:700; }

/* uploady */
#capybara .cp-form__file{
  width:100%;
  border:2px dashed #cfe3eb; background:#f9fcfd; color:#002651;
  border-radius:0; padding:12px 14px; font-size:16px;
  outline:none; transition:border-color .2s ease, background .2s ease;
  box-sizing:border-box;
}
#capybara .cp-form__file:hover{ border-color:#00B7CE; background:#f3fbfd; }
#capybara .cp-form__file:focus{
  border-color:#00B7CE; box-shadow:0 0 0 3px rgba(0,183,206,.15);
}
#capybara .cp-form__file::file-selector-button{
  background:#00B7CE; color:#fff; border:2px solid #00B7CE;
  border-radius:0; padding:10px 16px; margin-right:12px;
  font-weight:700; text-transform:uppercase; cursor:pointer;
  transition:all .2s ease;
}
#capybara .cp-form__file:hover::file-selector-button{
  background:#009bb2; border-color:#009bb2;
}

/* GDPR + checkbox */
#capybara .cp-form-consent{ font-size:14px; line-height:1.6; color:#3a4a60; }
#capybara .cp-form-consent__show-more{ color:#00B7CE !important; text-decoration:none !important; }
#capybara .cp-form-consent__show-more:hover{ color:#009bb2 !important; }
#capybara .cp-form__checkbox-group label{ display:flex; align-items:flex-start; gap:10px; }
#capybara .cp-form__checkbox{ width:20px; height:20px; margin-top:2px; accent-color:#00B7CE; }

/* info text */
#capybara .cp-form__info{ margin-top:16px; }
#capybara .cp-form__info-text{ font-size:14px; color:#647892; }

/* tlačítko odeslat */
#capybara[data-page-rendered="replyForm"] .cp-button__wrapper{ 
  display:flex; flex-wrap:wrap; align-items:stretch; gap:16px; margin-top:24px;
}
#capybara[data-page-rendered="replyForm"] .cp-button{
  display:inline-flex; align-items:center; justify-content:center;
  height:64px !important; min-width:220px;
  font-family:'HKGrotesk',sans-serif; text-transform:uppercase;
  font-weight:700; font-size:16px;
  border-radius:0; border:2px solid transparent;
  text-decoration:none; padding:0 34px; cursor:pointer;
  transition:all .25s ease; box-sizing:border-box;
}
#capybara[data-page-rendered="replyForm"] .cp-button--submit{
  background:#ff0066; color:#fff; border-color:#ff0066;
}
#capybara[data-page-rendered="replyForm"] .cp-button--submit:hover{
  background:#cc0052; border-color:#cc0052; color:#fff;
}

/* reset offsetů tlačítek */
#capybara .cp-button__wrapper--offset,
#capybara .cp-button.cp-button--offset{ margin-top:0 !important; }

/* Rozvržení polí: ≥768px = 2 sloupce, speciální rozložení uploadů */
@media (min-width:768px){
  #capybara .cp-form__content{
    grid-template-columns:1fr 1fr;
    column-gap:20px; row-gap:18px;
  }
  #capybara .cp-form__group--Jmeno{ grid-column:1; }
  #capybara .cp-form__group--Prijmeni{ grid-column:2; }
  #capybara .cp-form__group--Email{ grid-column:1; }
  #capybara .cp-form__group--Telefon{ grid-column:2; }
  #capybara .cp-form__group--text{ grid-column:1 / -1; }
  /* Uploady: Životopis na celou, přílohy půl na půl */
  #capybara .cp-form__group--file1{ grid-column:1 / -1 !important; }
  #capybara .cp-form__group--file2{ grid-column:1 / 2 !important; }
  #capybara .cp-form__group--file3{ grid-column:2 / 3 !important; }
  #capybara .cp-form__group--gdpr,
  #capybara .cp-form__agreement{ grid-column:1 / -1; }
}

/* Responsivní jemnosti */
@media (max-width:1200px){
  #capybara .cp-button__wrapper{ flex-direction:column; align-items:flex-start; gap:10px; }
  #capybara .cp-button{ width:100%; max-width:340px; height:60px !important; text-align:center; }
}
@media (max-width:767.98px){
  /* uploady pod sebe na mobilu */
  #capybara .cp-form__group--file1,
  #capybara .cp-form__group--file2,
  #capybara .cp-form__group--file3{ grid-column:1 / -1 !important; }
}


.cta-social {
  margin-right: 0;
}

@media (min-width: 1400px) {
  .cta-social {
    margin-right: 80px;
  }
}