/* custom.css — Persuara overrides (Webflow → Cloudflare migrace) */

/* 1) Bílý pruh nad footerem */
.footer3_component { margin-top: 0 !important; }

/* 2) Utažení "free pilot / shield" CTA sekce */
.section-footer-shield { height: auto !important; }
.section-footer-shield .spacer-huge { display: none !important; }
.section-footer-shield .padding-section-large { padding-top: 4rem !important; padding-bottom: 4rem !important; }

/* 3) Fantomový horizontální scroll — na body */
html, body { overflow-x: clip; }

/* 4) Kontakt — headline se ZALOMÍ a je VYCENTROVANÝ (platí na všech šířkách) */
.section_contact_header .contact_header_component { justify-content: center !important; }
.section_contact_header .max-width-large { min-width: 0 !important; max-width: 48rem !important; margin-left: auto !important; margin-right: auto !important; }
.section_contact_header .heading-style-home-h2 { max-width: 100% !important; white-space: normal !important; overflow-wrap: break-word !important; text-align: center !important; }

/* 5) Kontakt mobil: form nad mapou */
@media (max-width: 991px) {
  .contact_contact-1_form-block { order: -1 !important; }
}

/* 6) Kontakt mapa — body ZAMČENÉ na stejných místech napříč velikostmi.
   Body jsou v % kontejneru; aby seděly, musí mít mapa všude STEJNÝ ořez.
   Proto: mobilní kontejner mapy dostane stejný poměr stran jako desktop (40/44),
   a body mají jednu sadu pozic (desktop hodnoty) platnou všude. */
.hotpoint-item._2 { top: 30% !important; left: 45% !important; }
.hotpoint-item._3 { top: 47% !important; left: 71% !important; }
@media (max-width: 991px) {
  .contact_contact-1_heading-wrapper { height: auto !important; aspect-ratio: 40 / 44 !important; }
}


/* 7) Navigace: s pátou položkou (Živá ukázka) se menu na užším desktopu
   láme na dva řádky, v EN a RU do 1100 px. Utáhnout vodorovný padding linků. */
@media (min-width: 992px) {
  .navbar2_link { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
}

/* 8) Language switcher: one consistent style everywhere (2026-08-31).
   The Webflow bundle ships two conflicting .locale-switch rules
   (padding .5rem 1rem vs .75rem 0), so spacing differed per page and the
   click target collapsed to the width of the text. */
.locales-wrapper .w-locales-items{display:flex!important;flex-direction:row!important;align-items:center;gap:.15rem}
.locales-wrapper .locale.w-locales-item{display:inline-flex!important}
.locales-wrapper .locale-switch{padding:.5rem .65rem!important;font-size:.8rem;line-height:1.2;text-align:center;white-space:nowrap;border-radius:6px}
.locales-wrapper .locale-switch:hover{background:rgba(25,43,194,.06)}


/* 9) Blok "Kdo je Integrity" na homepage (2026-09-16, tools/patch_home.py).
   Dvě dlaždice v nativní mřížce Webflow; druhá je proklik na Správu Cloudflare. */
/* Sekce navazuje na pruh s logy nad sebou (světle modrá) a sekce pod ní začíná
   přechodem ze stejné barvy, takže mezi nimi nevznikne žádná hrana. */
.ig-who { background-color: var(--brand--ligh-blue-bg, #eff4f6); }
.ig-who .ig-who-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ig-who .ig-who-item { display: block; height: 100%; }
.ig-who .ig-who-item--link { color: inherit; text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.ig-who .ig-who-item--link:hover { border-color: var(--brand--blue-main, #192bc2); transform: translateY(-2px); }
.ig-who .ig-who-item--link:focus-visible { outline: 2px solid var(--brand--blue-main, #192bc2); outline-offset: 3px; }
.ig-who .ig-who-link { display: inline-flex; align-items: center; gap: .5rem; font-weight: 600; }
.ig-who .ig-who-link img { width: 20px; height: 20px; }
@media (max-width: 767px) {
  .ig-who .ig-who-list { grid-template-columns: minmax(0, 1fr); }
}


/* 10) O nás: pruh s logy seděl na světle modrém obdélníku, který je schovaný na spodku
   grafiky circle-glow.svg. Při pozici 110 % se ten obdélník vysunul do sekce a udělal
   na stránce cizí barevný pruh s ostrými hranami. Posunutím záře zůstane mimo výřez. */
.section_about-us_features-list {
  background-image:
    linear-gradient(0deg, var(--background-color--background-primary, #f8f8f8), #fff0 15%),
    linear-gradient(180deg, var(--background-color--background-primary, #f8f8f8), #fff0 20%),
    url("/cdn.prod.website-files.com/672378ba82b4ab2f45d8226e/67334811a0c5944531d4abe6_circle-glow.svg");
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto, 100% 100%, auto;
  background-position: 0 0, 0 0, 50% 84%;
}


/* 11) Homepage: pozvánka na živou ukázku (tools/patch_home.py).
   Nadpis na střed, pod ním tři dlaždice v řadě, na mobilu pod sebou. */
.ig-try .ig-try-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  align-items: stretch;
}
.ig-try .ig-try-item { display: block; height: 100%; }
.ig-try h2, .ig-who h2 { text-wrap: balance; }
.ig-try .ig-try-actions { justify-content: center; }
@media (max-width: 991px) {
  .ig-try .ig-try-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .ig-try .ig-try-list { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}

/* Pozadí v hero landing pages (budoucnost-hardware, neplatte-za-rust): Webflow CSS mu dává
   overflow:visible, na které Chrome u <img> hlásí deprecation. Obrázek má object-fit:cover
   a celý se vejde do prvku, takže clip vzhled nemění. */
.circle-image { overflow: clip; }