/* Configurator-specific global overrides loaded after shared tokens. */

/* Retains the precedence of the former inline !important declaration. */
#section-hero .abs-centered.hero-content-offset-60 {
  top: 60% !important;
}

/* =========================================================
   Responzívne opravy pre Konfigurátor (rovnaké ako hlavný web)
   ========================================================= */

/* Hlavička na úzkych telefónoch: menšie logo a skryté tlačidlo "Kontaktujte
   nás", aby sa vždy zmestil hamburger (menu). */
@media (max-width: 575px) {
  header .logo-main,
  header .logo-scroll,
  header .logo-mobile { max-width: 130px !important; }
  header .lang-switcher { font-size: 11px !important; gap: 2px !important; }
  header .lang-switcher a { padding: 3px 7px !important; }  /* 29 px široké, nad 24x24 z WCAG 2.2 */
  header .de-flex-col .btn-main.fx-slide { display: none !important; }
}
@media (max-width: 360px) {
  header .logo-main,
  header .logo-scroll,
  header .logo-mobile { max-width: 115px !important; }
}

/* Hero nadpis (KONFIGURÁTOR) na úzkych telefónoch — škáluje podľa šírky a
   nedelí slovo, aby sa zmestil celý na jeden riadok. */
@media (max-width: 575px) {
  #section-hero h1 {
    font-size: 7.5vw !important;
    line-height: 1.05 !important;
    letter-spacing: -0.5px !important;
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* "Kontakt" v hamburger menu tam, kde je tlačidlo "Kontaktujte nás" v hlavičke
   skryté, teda do 767px vrátane. Rovnaký dôvod ako pri .menu-konfig-mobile na
   hlavnom webe: detect-konfigurator/css/style.css skrýva `header a.btn-main`
   v @media (max-width: 767px). */
@media (min-width: 768px) {
  .menu-kontakt-mobile,
  .menu-konfig-mobile { display: none !important; }
}

/* =========================================================
   Pätička — rovnaké úpravy ako na hlavnom webe
   ========================================================= */
@media (max-width: 991px) {
  .footer-cta-banner { text-align: center; }
}
@media (max-width: 767px) {
  .footer-main { text-align: center; }
  .footer-main .footer-social { justify-content: center; }
  .footer-main .footer-heading { padding-left: 0; }
  .footer-main .footer-heading::before { display: none; }
  .footer-main .footer-contact-card { display: inline-block; text-align: left; }
  .footer-main .footer-contact-item { justify-content: flex-start; }
}
/* Odznak "Dobrý anjel" pod sociálnymi sieťami */
.footer-angel-img {
  display: block;
  width: 110px !important;
  max-width: 110px !important;
  height: auto;
  margin: 22px auto 0;
}
/* Desktop: prvý stĺpec (logo, siete, Dobrý anjel) vľavo; logo posunuté kvôli
   priehľadnému okraju PNG. */
@media (min-width: 768px) {
  .footer-main > .container > .row > div:first-child { text-align: left; }
  .footer-main .footer-social { justify-content: flex-start; }
  .footer-angel-img { margin-left: 0; margin-right: auto; }
  .footer-main > .container > .row > div:first-child > img:first-of-type {
    margin-top: -20px;
    margin-left: -24px;
  }
}

/* Vlastné rozmery obrázkov (zistenie 9). Do každej značky <img> pribudli
   width/height podľa skutočného súboru, aby si prehliadač vedel vyhradiť miesto
   ešte pred stiahnutím obrázka a stránka pri načítaní neposkakovala.
   Bez `height: auto` je to ale regresia: tam, kde štýly určujú len šírku, začne
   výškový atribút výšku vynucovať a obrázok sa roztiahne. Namerané na 2100
   obrázkoch: 657 z nich zmenilo výšku, logo v pätičke zo 104 px na 300 px.
   Toto pravidlo má špecificitu 0-0-1, teda najnižšiu možnú — čokoľvek, čo výšku
   nastavuje zámerne, ho prebije. */
img { height: auto; }

/* Zrkadlo pravidla z css/site.css. Konfigurátor načítava túto vetvu namiesto
   nej, takže oprava zistenia 18 sem pri prvom prechode nedorazila a pruh
   "Späť hore" tu ležal na obsahu medzi 768 a 1199 px ďalej — vrátane
   klikateľnej položky menu. Vlastná téma konfigurátora ho skrýva až pod 768 px
   (detect-konfigurator/css/style.css:8815), voľný okraj naň vzniká až od 1200 px. */
@media only screen and (max-width: 1199px) {
  .scrollbar-v,
  .float-text {
    display: none;
  }
}