/* ===== Base images ===== */
img {
  max-width: 100%;
  height: auto;
}

/* Room grid thumbs: stabilan AR */
.room__img1 img {
  aspect-ratio: 557 / 400;
}

/* ===== Header logo ===== */
.header__logo {
  max-width: 180px;   /* da ne gura meni */
  flex-shrink: 0;
}
.header__logo img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .header__logo { max-width: 80px; }
}

/* ===== Footer logo (centriran) ===== */
.footer__logo {
  text-align: center;                 /* centriraj sadržaj */
}
.footer__logo img {
  display: inline-block;              /* da ga text-align centrira */
  max-width: 120px;                   /* tvoja postojeća širina */
  height: auto;
  image-rendering: auto;
}

/* ===== Map wrapper ===== */
.map-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  overflow: hidden;
}
.map-container iframe {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* ===== RS7 / Hero ===== */
sr7-bg {
  display: block;
  aspect-ratio: 3 / 2; /* 1920x1280 */
}

/* Izoluj RS7 modul: lokalizuj relayout/paint */
sr7-module,
#SR7_3_1 {
  contain: layout paint;
}

/* Below-the-fold virtualizacija uz feature-detect */
@supports (content-visibility: auto) {
  .footer-widgets,
  .footer-copyright,
  .widget--footer {
    content-visibility: auto;
    contain-intrinsic-size: 600px; /* rezerviši visinu, bez CLS-a */
  }
}

/* ===== Hamburger UX ===== */
#header-mobile__toggle {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.burger-menu-icon {
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 24px;
  padding: 0;
}

.burger-menu-icon__svg {
  width: 32px;
  height: 24px;
  display: block;
}

.burger-menu-icon__line {
  stroke: #fff;
  stroke-width: 3.4;
  stroke-linecap: round;
  fill: none;
  transition: opacity 0.25s ease;
  transform-box: fill-box;
  position: static;
  width: auto;
  height: auto;
  background: none;
}

.burger-menu-icon__bars .burger-menu-icon__line,
.burger-menu-icon__close .burger-menu-icon__line {
  transform: none !important;
  top: auto !important;
  left: auto !important;
}

.burger-menu-icon__bars,
.burger-menu-icon__close {
  transition: opacity 0.25s ease, transform 0.25s ease;
  transform-origin: 14px 12px;
}

.burger-menu-icon__bars {
  opacity: 1;
  transform: scale(1);
}

.burger-menu-icon__close {
  opacity: 0;
  transform: scale(0.85);
}

.burger-menu-icon--active .burger-menu-icon__bars {
  opacity: 0;
  transform: scale(0.75);
}

.burger-menu-icon--active .burger-menu-icon__close {
  opacity: 1;
  transform: scale(1);
}

.burger-menu-icon--active .burger-menu-icon__close .burger-menu-icon__line {
  opacity: 1 !important;
  left: auto !important;
}

@media (max-width: 991.98px) {
  .burger-menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* Header uvek iznad slidera */
.header, .site-header, .navbar, .nav-holder {
  position: relative;
  z-index: 10001;
}

/* RS7 background/adjuster ne hvataju tap */
sr7-bg.sr7-layer,
sr7-adjuster {
  pointer-events: none !important;
}

/* CTA u slajdu ostaju klikabilni */
sr7-content a.sr7-layer,
sr7-content button.sr7-layer {
  pointer-events: auto !important;
}

/* Manje animacija kada korisnik želi reduce motion */
@media (prefers-reduced-motion: reduce) {
  [data-aos],
  .aos-init,
  .aos-animate {
    transition: none !important;
    animation: none !important;
  }
}

/* Fina kontrola hero AR na vrlo uskim ekranima (opciono) */
@media (max-width: 480px) {
  sr7-bg { aspect-ratio: 16 / 10; }
}