/* SEO audit 24.09.2026 - popravci uz go-live. Ucitava se nakon Global Scripts (main.twig).
   Sve mobilno je unutar max-width media queryja, desktop se ne mijenja. */

/* Donji page-header sad ispisuje H2 umjesto drugog H1 - isti izgled kao prije */
.page-header h2[data-title-border]{font-size:30px;line-height:1;margin-bottom:0;position:relative}
.page-header-bottom h2[data-title-border]{font-size:28px}

/* ---------- Header na mobitelu: hamburger desno, ne preko loga ---------- */
@media (max-width:991px){
  /* flex djeca headera ne smiju biti sira od ekrana (bila su 402px na 375) */
  #header .header-container .header-row,
  #header .header-container .header-column{min-width:0;max-width:100%}
  #header .header-nav.down-menu{justify-content:flex-end!important;gap:8px}
  #header .header-nav.down-menu>.desktopAndMobileClass:first-child{order:3}
  #header .header-nav.down-menu>.d-flex.d-lg-none:not(:has(*:not(script):not(style))){display:none!important}
  #header .header-btn-collapse-nav{margin-left:0!important}
}
/* "Dogovorite izmjeru" je u heroju odmah ispod - u headeru ostaje telefon + hamburger */
@media (max-width:575px){
  /* app.css ima #header .header-row .header-row.container-xl .header-nav-top .nav.nav-pills .nav-item {display:flex!important} */
  #header .header-row .header-row.container-xl .header-nav-top .nav.nav-pills .nav-item.nav-item-anim-icon{display:none!important}
}
/* na najuzim ekranima ikona telefona dodiruje logo */
@media (max-width:399px){#header .header-phone-link i,#header .header-phone-link svg{display:none!important}}

/* ---------- Hero slider na mobitelu: slide raste sa sadrzajem, video je pozadina ---------- */
@media (max-width:767px){
  .hero-section .swiper .swiper-slide .swpr-slide-bg-wrap{position:absolute!important;inset:0!important;height:100%!important}
  .hero-section .swiper .swiper-slide .swpr-slide-bg-wrap video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .hero-section .swiper .swiper-slide .swpr-ar-spacer{display:none!important}
  .hero-section .swiper .swiper-slide .swiper-slide-content{position:relative!important;inset:auto!important;transform:none!important;height:auto!important;padding:28px 15px 32px!important}
  .hero-section .swiper .swiper-slide .tp-headerbottom{position:static!important;transform:none!important;width:auto!important;margin:18px 0 0!important;text-align:left!important}
  .hero-section .swiper .tp-headertop h1{font-size:34px!important;line-height:1.05!important}
  .hero-section .swiper .tp-header h2{font-size:32px!important;line-height:1.08!important}
}

/* ---------- Sadrzaj na mobitelu: bez horizontalnog scrolla ---------- */
@media (max-width:767px){
  /* .row bez containera - negativne margine izlazile 15px van ekrana */
  .main .row.no-sidebar{margin-left:0;margin-right:0}
  /* naslov sekcije + uvod jedan ispod drugog (na desktopu ostaju u redu) */
  .heading-title-block .heading-text-below{flex-direction:column;align-items:flex-start!important;gap:12px}
  .heading-title-block .heading-text-below .button-tag{text-align:left!important}
  /* dvostupcani blokovi (Izmjerimo..., kontakt) slazu se jedan ispod drugog */
  .col-block-flex{flex-direction:column}
  .col-block-flex>.col-left,.col-block-flex>.col-right{width:100%!important;max-width:100%!important;flex:0 0 auto!important}
  .col-block-flex .heading-wrapper{display:block;min-width:0}
  .col-block-flex .heading-wrapper h2{white-space:normal!important;width:auto!important;max-width:100%}
  .cascading-images-wrapper{width:100%!important;max-width:100%;overflow:hidden}
  .cascading-images-wrapper img{max-width:100%!important;height:auto!important}
  /* kontakt: e-mail se ne smije rezati */
  address.addr a,address.addr span{overflow-wrap:anywhere}
}