/* ============F================================================================
   bolaccommodation.com — APARTMANI MARIJANA
   ADDITIONAL CSS — DIO 1 (poglavlja 1–9)

   STRUKTURA POGLAVLJA:
   1.  Globalni setup (font + root varijable)
   2.  Navigacija i header
   3.  Footer
   4.  Homepage — apartment section
   5.  Amenities banner
   6.  Live contact form
   7.  Apartman stranica — baza (zajednička struktura)
   8.  Apartman stranica — pojedinačne (Sea / Mountain / Garden)
   9.  Specifične stranice (Page 252, Legal pages, Spectra hero)

   DIO 2 (slijedi):
   10. Explore Bol
   11. Explore Brač
   12. Fixes i overrides (header dropdown width, contact form mobile)
   ====================== */


/* ═════════════════════
   1. GLOBALNI SETUP
   ═════════════════ */

/* ── 1.1 Font import ── */

/* 1.1.1 Primarni font Sora — DEAKTIVIRANO 2026-05-05
   WordPress.com već automatski servira Sora kroz fonts.wp.com,
   eliminacija duplikata daje ~190ms LCP gain
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600&display=swap');
*/

/* ── 1.2 Root varijable (globalni design tokens) ── */

/* 1.2.1 Brand paleta i pomoćne varijable */
:root {
  --primary:    #0D2D6B;
  --primary-2:  #123b88;
  --accent:     #E8C070;
  --soft:       #F0FAFE;
  --bg:         #f5f7fa;
  --text:       #17202a;
  --muted:      #5f6b76;
  --border:     #d8e6f0;
  --white:      #ffffff;
}


/* ══════════════
   2. NAVIGACIJA I HEADER
   ════════ */

/* ── 2.1 Desktop submenu (dropdown) ── */

/* 2.1.1 Submenu kontejner — pozadina, radius, fiksna širina */
.sub-menu {
  background-color: #2b78c5 !important;
  border-radius: 6px !important;
  padding: 0 !important;
  margin-top: 2px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important;
  border: none !important;
  width: 220px !important;
  min-width: 220px !important;
}

/* 2.1.2 Submenu linkovi — tipografija i razmak */
.sub-menu li a {
  color: #ffffff !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  padding: 10px 20px !important;
  display: block;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: 0.3px;
}

/* 2.1.3 Submenu link hover */
.sub-menu li a:hover {
  background-color: rgba(255,255,255,0.07) !important;
}

/* 2.1.4 Astra default arrow indikatori — sakriveni */
.sub-menu::before,
.sub-menu::after {
  display: none !important;
  content: none !important;
}


/* ── 2.2 Glavna navigacija — boja linkova ── */

/* 2.2.1 Forsiranje bijele boje na svim stanjima (current-menu/page) */
nav a,
header a,
.main-navigation a,
.main-navigation li a,
.main-navigation .current-menu-parent > a,
.main-navigation .current_page_parent > a,
.main-navigation .current-menu-ancestor > a {
  color: #ffffff !important;
}


/* ── 2.3 Mobile header ── */

/* 2.3.1 Pozadina — primarni navy */
html body #ast-mobile-header .ast-mobile-header-content {
  background-color: #0d2d6b !important;
}

/* 2.3.2 Tekst i hamburger — bijeli */
html body #ast-mobile-header .ast-mobile-header-content .menu-link,
html body #ast-mobile-header .ast-mobile-header-content .ast-menu-toggle {
  color: #ffffff !important;
}

/* 2.3.3 Mobile expanded menu — tamni tekst na bijeloj pozadini */
@media (max-width: 921px) {
  #ast-mobile-header .main-header-menu .menu-link {
    color: #0d2d6b !important;
  }
}


  /* 2.3.4.6 Sakriti chevron strelicu na parent itemovima */
  #ast-mobile-header .main-header-menu .menu-item-has-children > a .ast-arrow-wrap,
  #ast-mobile-header .main-header-menu .menu-item-has-children > a .ast-mobile-menu-buttons-toggle,
  .ast-mobile-popup-content .menu-item-has-children .ast-mobile-menu-buttons-toggle,
  .main-navigation .menu-item-has-children > a .ast-arrow-wrap {
    display: none !important;
  }

}
  /* 2.3.4.6 Sakriti chevron strelicu na parent itemovima */
  #ast-mobile-header .main-header-menu .menu-item-has-children > a .ast-arrow-wrap,
  #ast-mobile-header .main-header-menu .menu-item-has-children > a .ast-mobile-menu-buttons-toggle,
  .ast-mobile-popup-content .menu-item-has-children .ast-mobile-menu-buttons-toggle,
  .main-navigation .menu-item-has-children > a .ast-arrow-wrap {
    display: none !important;
  }

}
/* ════════════════════════════════════════════════════════════════════════════
   3. FOOTER
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 3.1 Astra footer reset ── */

/* 3.1.1 Site footer wrapper — primarna boja, bez paddinga */
.site-footer {
  background: #0d2d6b !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 3.1.2 Astra footer komponente — transparentne */
.ast-small-footer,
.ast-footer-bar-wrap,
.footer-widget-area,
.ast-footer-overlay {
  background: transparent !important;
  padding: 0 !important;
}

/* 3.1.3 Widget area unutar footera — bez vlastitih margina */
.footer-widget-area .widget {
  padding: 0 !important;
  margin: 0 !important;
}


/* ── 3.2 Custom footer (.am-footer) — wrapper i layout ── */

/* 3.2.1 Footer wrapper — Sora font, navy pozadina */
.am-footer {
  font-family: 'Sora', sans-serif;
  background: #0d2d6b;
  color: #fff;
  overflow: hidden;
}

/* 3.2.2 Glavna footer mreža — 3 stupca (logo / link / link) */
.am-footer-main {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 2.5rem;
  padding: 3rem 2.5rem 2rem;
}

/* 3.2.3 Map row — embed iframe za Google Maps */
.am-footer-map-row {
  padding: 0 2.5rem 2rem;
}
.am-footer-map-row iframe {
  width: 100%;
  height: 160px;
  border: none;
  border-radius: 8px;
  opacity: 0.9;
  display: block;
}

/* 3.2.4 Legal traka pri dnu */
.am-footer-legal {
  border-top: 1px solid rgba(255,255,255,0.15);
  padding: 1.2rem 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}


/* ── 3.3 Custom footer — logo blok ── */

/* 3.3.1 Logo — naziv objekta */
.am-footer-logo {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.3px;
  margin-bottom: 0.4rem;
  line-height: 1.2;
  text-align: left;
}

/* 3.3.2 Tagline ispod logoa */
.am-footer-tagline {
  font-size: 12px;
  font-weight: 300;
  color: rgba(255,255,255,0.6);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  text-align: left;
}


/* ── 3.4 Custom footer — kontakt redak i host badge ── */

/* 3.4.1 Kontakt redak — ikona + tekst */
.am-contact-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 0.75rem;
  font-size: 13px;
  font-weight: 300;
  color: rgba(255,255,255,0.85);
  line-height: 1.5;
  padding-left: 0;
}
.am-contact-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 1px;
  opacity: 0.7;
}

/* 3.4.2 Host badge — Irena avatar i ime */
.am-host-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 20px;
  padding: 6px 12px;
  margin-top: 1rem;
  font-size: 12px;
  font-weight: 300;
}
.am-host-avatar {
  width: 24px;
  height: 24px;
  background: rgba(255,255,255,0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
}


/* ── 3.5 Custom footer — naslovi i linkovi stupaca ── */

/* 3.5.1 Naslovi stupaca */
.am-col-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: 1.2rem;
  text-align: left;
}

/* 3.5.2 Navigacijski linkovi */
.am-nav-link {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: rgba(255,255,255,0.8) !important;
  text-decoration: none !important;
  margin-bottom: 0.3rem !important;
  padding: 1px 0;
  transition: color 0.2s ease;
  text-align: left;
}
.am-nav-link:hover {
  color: #fff !important;
}
.am-nav-arrow {
  font-size: 10px;
  opacity: 0.4;
  margin-left: 4px;
}

/* 3.5.3 Legal linkovi (Privacy, Cookies, Imprint) */
.am-legal-links {
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.am-legal-link {
  font-size: 11px;
  font-weight: 300;
  color: rgba(255,255,255,0.45) !important;
  text-decoration: none !important;
}
.am-legal-link:hover {
  color: rgba(255,255,255,0.75) !important;
}


/* ── 3.6 Custom footer — divider, copyright, mini tagline ── */

/* 3.6.1 Divider crta i copyright tekst */
.am-divider {
  width: 40px;
  height: 2px;
  background: rgba(255,255,255,0.2);
  border-radius: 2px;
  margin-bottom: 1.5rem;
}
.am-copyright {
  font-size: 11px;
  font-weight: 300;
  color: rgba(255,255,255,0.35);
}

/* 3.6.2 Mini tagline blok i opis */
.am-tagline-mini {
  margin-top: 1.5rem;
}
.am-tagline-mini .am-col-title {
  margin-bottom: 0.4rem;
}
.am-tagline-desc {
  font-size: 12px;
  font-weight: 300;
  color: rgba(255,255,255,0.55);
  line-height: 1.6;
  text-align: left;
}

/* 3.6.3 Poravnanje stupaca lijevo */
.am-footer-main > div:nth-child(2),
.am-footer-main > div:nth-child(3),
.am-footer-main > div:first-child {
  text-align: left;
}


/* ── 3.7 Custom footer — responsive ── */

/* 3.7.1 Mobile do 768px — jedan stupac, manji padding */
@media (max-width: 768px) {
  .am-footer-main {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2rem 1.5rem 1.5rem;
  }
  .am-footer-map-row {
    padding: 0 1.5rem 1.5rem;
  }
  .am-footer-legal {
    padding: 1rem 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .am-legal-links {
    gap: 0.8rem;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   4. HOMEPAGE — APARTMENT SECTION
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 4.1 Reset i wrapper ── */

/* 4.1.1 Box sizing reset za sav unutarnji sadržaj */
.apt-section *,
.apt-section *::before,
.apt-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 4.1.2 Wrapper sekcije — primarna navy pozadina */
.apt-section {
  background: #0D2D6B;
  padding: 24px 24px 28px;
  font-family: inherit;
}

/* 4.1.3 Glavni naslov sekcije — bijela boja, centrirano */
.apt-section__title {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  margin-bottom: 18px;
  line-height: 1.1;
}


/* ── 4.2 Grid i osnovna kartica ── */

/* 4.2.1 Grid kontejner — 3 stupca na desktopu */
.apt-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto;
}

/* 4.2.2 Pojedinačna kartica — radius i flex layout */
.apt-card {
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
}
.apt-card:hover {
  transform: translateY(-2px);
}

/* 4.2.3 Card varijante po apartmanu — pastelne pozadine */
.apt-card--sea      { background: #BBCFF7; }
.apt-card--garden   { background: #B8D9C0; }
.apt-card--mountain { background: #D4C9B8; }


/* ── 4.3 Kartica — slika ── */

/* 4.3.1 Wrapper slike — fiksni 16:9 format */
.apt-card__img-wrap {
  margin: 10px 10px 0 10px;
  border-radius: 7px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #ffffff;
  flex-shrink: 0;
}

/* 4.3.2 Slika — cover crop sa zoom efektom na hover */
.apt-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.apt-card:hover .apt-card__img {
  transform: scale(1.06);
}


/* ── 4.4 Kartica — info blok (tekst) ── */

/* 4.4.1 Bijeli info blok — ispod slike, fleksibilan */
.apt-card__info {
  background: #ffffff;
  margin: 8px 10px 10px 10px;
  border-radius: 7px;
  padding: 14px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* 4.4.2 Naslov apartmana */
.apt-card__name {
  font-size: 20px;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 10px;
  text-align: center;
}

/* 4.4.3 Opis apartmana — kratki tekst, fiksna minimalna visina */
.apt-card__desc {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  margin-bottom: 14px;
  text-align: center;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* ── 4.5 Kartica — icons blok ── */

/* 4.5.1 Grid 4 ikone — kvadratići */
.apt-card__icons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
  margin-bottom: 14px;
}

/* 4.5.2 Pojedinačna ikona — flex column */
.apt-card__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

/* 4.5.3 Wrapper ikone — fiksni 50x50 */
.apt-card__icon-wrap {
  width: 50px;
  height: 50px;
  background: #FfFfFf;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 4.5.4 Slika ikone — cijela popunjava wrapper */
.apt-card__icon-img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

/* 4.5.5 Vrijednost (npr. „75 m²") */
.apt-card__icon-val {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
}

/* 4.5.6 Label ispod ikone (npr. „size") */
.apt-card__icon-lbl {
  font-size: 12px;
  color: #888888;
  text-align: center;
}


/* ── 4.6 Kartica — CTA gumb ── */

/* 4.6.1 CTA gumb — primarni navy, bijeli tekst */
.apt-card__btn {
  display: block;
  text-align: center;
  background: #0D2D6B;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 12px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s ease;
  margin-top: auto;
}
.apt-card__btn:hover {
  background: #1A4A9E;
}


/* ── 4.7 Apartment section — responsive ── */

/* 4.7.1 Tablet 769–1024px — 2 stupca */
@media (min-width: 769px) and (max-width: 1024px) {
  .apt-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* 4.7.2 Mobile do 768px — jedan stupac, manji padding */
@media (max-width: 768px) {
  .apt-section {
    padding: 20px 16px 24px;
  }
  .apt-section__title {
    font-size: 24px;
    margin-bottom: 14px;
  }
  .apt-grid {
    grid-template-columns: 1fr;
  }
  .apt-card__desc {
    min-height: unset;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   5. AMENITIES BANNER
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 5.1 Wrapper i naslovi ── */

/* 5.1.1 Vanjski wrapper — primarna navy pozadina */
.am-section.am-v3 {
  width: 100%;
  background: #0D2D6B;
  padding: 18px 24px 16px;
  font-family: 'Sora', sans-serif;
}

/* 5.1.2 Inner wrapper — max širina */
.am-v3 .am-wrapper {
  max-width: 1100px;
  margin: 0 auto;
}

/* 5.1.3 Glavni naslov — bijela, centriran */
.am-v3 .am-title {
  margin: 0 0 4px;
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.08;
}

/* 5.1.4 Subtitle — siva polutransparentna */
.am-v3 .am-subtitle {
  margin: 0 0 10px;
  text-align: center;
  color: rgba(255,255,255,0.80);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
}


/* ── 5.2 Bijeli pas s ikonama ── */

/* 5.2.1 Kontejner — 6 ikona u nizu */
.am-v3 .am-band {
  background: #FFFFFF;
  border-radius: 18px;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: repeat(6, auto);
  justify-content: center;
  gap: 6px;
}

/* 5.2.2 Pojedinačna ikona */
.am-v3 .am-item {
  width: 90px;
  text-align: center;
  padding: 2px 2px;
}
.am-v3 .am-item img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
  margin: 0 auto 4px;
}
.am-v3 .am-item span {
  display: block;
  color: #0D2D6B;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
}


/* ── 5.3 Amenities banner — responsive ── */

/* 5.3.1 Tablet do 1024px — 3 stupca */
@media (max-width: 1024px) {
  .am-v3 .am-band {
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    gap: 8px;
  }
  .am-v3 .am-item {
    width: 92px;
  }
}

/* 5.3.2 Mobile do 768px — 2 stupca, manje ikone */
@media (max-width: 768px) {
  .am-section.am-v3 {
    padding: 16px 16px 14px;
  }
  .am-v3 .am-title {
    font-size: 24px;
  }
  .am-v3 .am-subtitle {
    margin: 0 0 8px;
    font-size: 11px;
  }
  .am-v3 .am-band {
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    padding: 8px 10px;
    gap: 8px;
  }
  .am-v3 .am-item {
    width: 88px;
  }
  .am-v3 .am-item img {
    width: 44px;
    height: 44px;
    margin-bottom: 4px;
  }
  .am-v3 .am-item span {
    font-size: 10px;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   6. LIVE CONTACT FORM
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 6.1 Vanjski wrapper i naslovi ── */

/* 6.1.1 Vanjski wrapper — okvir oko cijele forme */
.am-live-contact-wrap {
  max-width: 980px !important;
  margin: 0 auto !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(13, 45, 107, 0.22) !important;
  border-radius: 16px !important;
  padding: 28px 28px 24px !important;
  box-sizing: border-box !important;
  font-family: 'Sora', sans-serif !important;
}

/* 6.1.2 Naslov forme */
.am-live-contact-title {
  margin: 0 0 6px !important;
  font-size: 30px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  letter-spacing: -0.2px !important;
  text-align: center !important;
}

/* 6.1.3 Subtitle ispod naslova */
.am-live-contact-subtitle {
  margin: 0 0 18px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #666666 !important;
  text-align: center !important;
}


/* ── 6.2 Unutarnji panel i WPForms reset ── */

/* 6.2.1 Unutarnji panel s WPForms formom */
.am-live-contact-panel {
  background: #FFFFFF !important;
  border: 1px solid rgba(13, 45, 107, 0.16) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

/* 6.2.2 WPForms container reset */
.am-live-contact-panel .wpforms-container-full {
  margin: 0 !important;
}

/* 6.2.3 WPForms forma reset */
.am-live-contact-panel form.wpforms-form {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: 'Sora', sans-serif !important;
}

/* 6.2.4 Sakrivanje WPForms internog naslova i opisa */
.am-live-contact-panel form.wpforms-form .wpforms-title,
.am-live-contact-panel form.wpforms-form .wpforms-description {
  display: none !important;
}


/* ── 6.3 Layout polja ── */

/* 6.3.1 Grid — 2 stupca (Name | Email), Message preko cijele širine */
.am-live-contact-panel form.wpforms-form .wpforms-field-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}
.am-live-contact-panel form.wpforms-form .wpforms-field {
  margin: 0 !important;
  padding: 0 !important;
}

/* 6.3.2 Pojedinačni grid raspored po polju */
.am-live-contact-panel form.wpforms-form .wpforms-field-name     { grid-column: 1 / 2 !important; }
.am-live-contact-panel form.wpforms-form .wpforms-field-email    { grid-column: 2 / 3 !important; }
.am-live-contact-panel form.wpforms-form .wpforms-field-textarea { grid-column: 1 / -1 !important; }


/* ── 6.4 Labele i polja unosa ── */

/* 6.4.1 Labele iznad polja */
.am-live-contact-panel form.wpforms-form .wpforms-field-label {
  display: block !important;
  text-align: left !important;
  margin: 0 0 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  font-family: 'Sora', sans-serif !important;
}

/* 6.4.2 Required asterisk */
.am-live-contact-panel form.wpforms-form .wpforms-required-label {
  color: #0D2D6B !important;
}

/* 6.4.3 Input i textarea — osnovni stil */
.am-live-contact-panel form.wpforms-form input[type="text"],
.am-live-contact-panel form.wpforms-form input[type="email"],
.am-live-contact-panel form.wpforms-form input[type="tel"],
.am-live-contact-panel form.wpforms-form textarea {
  width: 100% !important;
  border: 1px solid #D0EAF5 !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #1A1A1A !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* 6.4.4 Inputi — minimalna visina 46px */
.am-live-contact-panel form.wpforms-form input[type="text"],
.am-live-contact-panel form.wpforms-form input[type="email"],
.am-live-contact-panel form.wpforms-form input[type="tel"] {
  min-height: 46px !important;
}

/* 6.4.5 Textarea — minimalna visina 120px, vertikalni resize */
.am-live-contact-panel form.wpforms-form textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

/* 6.4.6 WPForms field size klase — nullify */
.am-live-contact-panel .wpforms-field-medium,
.am-live-contact-panel .wpforms-field-large,
.am-live-contact-panel .wpforms-field-small {
  width: 100% !important;
  max-width: 100% !important;
}

/* 6.4.7 Placeholder boja */
.am-live-contact-panel form.wpforms-form input::placeholder,
.am-live-contact-panel form.wpforms-form textarea::placeholder {
  color: #8A8A8A !important;
  opacity: 1 !important;
}

/* 6.4.8 Focus state — plavi outline glow */
.am-live-contact-panel form.wpforms-form input:focus,
.am-live-contact-panel form.wpforms-form textarea:focus {
  border-color: rgba(13, 45, 107, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(13, 45, 107, 0.08) !important;
}


/* ── 6.5 Submit gumb ── */

/* 6.5.1 Submit container — centriranje gumba */
.am-live-contact-panel form.wpforms-form .wpforms-submit-container {
  text-align: center !important;
  margin-top: 10px !important;
  padding: 0 !important;
}

/* 6.5.2 Submit gumb — primarni navy stil */
.am-live-contact-panel form.wpforms-form button.wpforms-submit,
.am-live-contact-panel .wpforms-submit {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 150px !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  background: #0D2D6B !important;
  color: #FFFFFF !important;
  border: 1px solid #0D2D6B !important;
  box-shadow: none !important;
  font-family: 'Sora', sans-serif !important;
  cursor: pointer !important;
}

/* 6.5.3 Submit hover — svjetlija plava */
.am-live-contact-panel form.wpforms-form button.wpforms-submit:hover,
.am-live-contact-panel .wpforms-submit:hover {
  background: #1A4A9E !important;
  border-color: #1A4A9E !important;
}

/* 6.5.4 Error label — crvena boja */
.am-live-contact-panel form.wpforms-form label.wpforms-error {
  margin-top: 6px !important;
  font-size: 12px !important;
  color: #b42318 !important;
  font-family: 'Sora', sans-serif !important;
}


/* ── 6.6 Live contact form — responsive ── */

/* 6.6.1 Tablet i mobile do 768px — 1 stupac */
@media (max-width: 768px) {
  .am-live-contact-wrap {
    padding: 20px 16px 24px !important;
    border-radius: 12px !important;
  }
  .am-live-contact-title {
    font-size: 24px !important;
  }
  .am-live-contact-panel {
    padding: 16px !important;
  }
  .am-live-contact-panel form.wpforms-form .wpforms-field-container {
    grid-template-columns: 1fr !important;
  }
  .am-live-contact-panel form.wpforms-form .wpforms-field-name,
  .am-live-contact-panel form.wpforms-form .wpforms-field-email,
  .am-live-contact-panel form.wpforms-form .wpforms-field-textarea {
    grid-column: 1 / -1 !important;
  }
  .am-live-contact-panel form.wpforms-form button.wpforms-submit,
  .am-live-contact-panel .wpforms-submit {
    width: 100% !important;
  }
}

/* 6.6.2 Mali mobile do 480px — minimalni padding */
@media (max-width: 480px) {
  .am-live-contact-wrap {
    padding: 65px 12px 20px !important;
  }
  .am-live-contact-subtitle {
    margin: 0 0 12px !important;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   7. APARTMAN STRANICA — BAZA (zajednička struktura za Sea/Mountain/Garden)
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 7.1 Wrapper i grid layout ── */

/* 7.1.1 Glavni wrapper — 3 stupca grid (rail / mid / side) */
.av-wrapper {
  display: grid;
  grid-template-columns: 340px 1fr 320px;
  min-height: 100vh;
  background: #FAFBFC;
  font-family: 'Sora', sans-serif;
}


/* ── 7.2 Lijevi rail (navy) — wrapper i sadržaj ── */

/* 7.2.1 Rail kontejner — primarni navy, padding, flex */
.av-rail {
  background: #0D2D6B;
  color: #FFFFFF;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  font-family: 'Sora', sans-serif;
}

/* 7.2.2 Eyebrow tekst — zlatni accent, uppercase */
.av-rail__eyebrow {
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #E8C070;
  font-weight: 400;
  margin-bottom: 16px;
}

/* 7.2.3 Glavni naslov apartmana */
.av-rail__title {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
  color: #FFFFFF !important;
}

/* 7.2.4 Subtitle ispod naslova */
.av-rail__subtitle {
  font-size: 16px;
  font-weight: 300;
  color: rgba(255,255,255,0.7);
  margin-bottom: 18px;
}

/* 7.2.5 Tag — kratka prodajna rečenica */
.av-rail__tag {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.55;
  color: rgba(255,255,255,0.8);
  margin: 0 0 22px;
}

/* 7.2.6 Badge — istaknuti bullet (zvjezdice / ocjena) */
.av-rail__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 12px;
  margin-bottom: 20px;
  align-self: flex-start;
}

/* 7.2.7 Stats blok — m², gosti, sobe (zlatni brojevi) */
.av-rail__stats {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.9);
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,0.12);
  border-bottom: 1px solid rgba(255,255,255,0.12);
  margin-bottom: 20px;
  line-height: 1.7;
  font-weight: 300;
}
.av-rail__stats span {
  color: #E8C070;
  margin: 0 5px;
}

/* 7.2.8 CTA gumbovi blok */
.av-rail__ctas {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 22px;
}

/* 7.2.9 Note pri dnu raila — italic, blago izblijeđen */
.av-rail__note {
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.55;
  color: rgba(255,255,255,0.55);
  margin-top: auto;
  border-top: 1px solid rgba(255,255,255,0.12);
  padding-top: 16px;
}


/* ── 7.3 Ikone u railu (bijela kartica s 3 ikone) ── */

/* 7.3.1 Bijela kartica — grid 3 ikone */
.av-icons {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 16px 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 6px;
  margin-bottom: 20px;
}

/* 7.3.2 Pojedinačna ikona — flex column */
.av-icons__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  padding: 4px 2px;
}

/* 7.3.3 Slika ikone — 54x54, hover lift */
.av-icons__tile img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  display: block;
  transition: transform 0.2s;
}
.av-icons__tile:hover img {
  transform: translateY(-2px);
}

/* 7.3.4 Label ispod ikone */
.av-icons__lab {
  font-size: 11px;
  font-weight: 400;
  color: #0D2D6B;
  line-height: 1.15;
}


/* ── 7.4 Gumbovi (light i ghost varijante) ── */

/* 7.4.1 Bazični stil gumba — pill, Sora 600 */
.av-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  border-radius: 30px;
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: all 0.2s;
  border: 1.5px solid transparent;
  white-space: nowrap;
  text-decoration: none !important;
}

/* 7.4.2 Light varijanta — bijela pozadina, navy tekst */
.av-btn--light {
  background: #FFFFFF;
  color: #0D2D6B !important;
}
.av-btn--light:hover {
  background: #F7F9FD;
}

/* 7.4.3 Ghost varijanta — transparentna, bijeli border */
.av-btn--ghost {
  background: transparent;
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,0.4);
}
.av-btn--ghost:hover {
  background: rgba(255,255,255,0.08);
  border-color: #FFFFFF;
}


/* ── 7.5 Mid sekcija — wrapper i naslovi ── */

/* 7.5.1 Mid kontejner — soft pozadina, padding, gap */
.av-mid {
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 44px;
  background: #FAFBFC;
}

/* 7.5.2 H2 naslovi unutar mid sekcije */
.av-mid__h2 {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1A1A1A;
  margin: 0 0 20px;
}


/* ── 7.6 Mid — hero fotka ── */

/* 7.6.1 Hero figure wrapper — 16:9 aspect, radius */
.av-hero {
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
  background: #E8ECEF;
}

/* 7.6.2 Hero slika — cover crop */
.av-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 7.6.3 Caption preko slike — bijeli badge dolje lijevo */
.av-hero figcaption {
  position: absolute;
  bottom: 14px;
  left: 14px;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(6px);
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #0D2D6B;
  font-family: 'Sora', sans-serif;
}


/* ── 7.7 Mid — zig-zag blok ── */

/* 7.7.1 Default zig — slika lijevo (3fr), tekst desno (2fr) */
.av-zig {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 24px;
  align-items: stretch;
  margin-bottom: 24px;
}

/* 7.7.2 Reverse varijanta — slika desno, tekst lijevo */
.av-zig--reverse {
  grid-template-columns: 2fr 3fr;
}
.av-zig--reverse .av-zig__img {
  order: 2;
}
.av-zig--reverse .av-zig__txt {
  order: 1;
}

/* 7.7.3 Zig slika — figure wrapper */
.av-zig__img {
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  min-height: 280px;
  background: #E8ECEF;
}
.av-zig__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 7.7.4 Zig caption — manji badge nego hero */
.av-zig__img figcaption {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(6px);
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 500;
  color: #0D2D6B;
  font-family: 'Sora', sans-serif;
}

/* 7.7.5 Zig tekst kartica — bijela, border, padding */
.av-zig__txt {
  background: #FFFFFF;
  border: 1px solid #D0EAF5;
  border-radius: 14px;
  padding: 28px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Sora', sans-serif;
}

/* 7.7.6 Eyebrow unutar tekst kartice */
.av-zig__txt .av-eye {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #666666;
  font-weight: 400;
  margin-bottom: 10px;
}

/* 7.7.7 H3 naslov sekcije */
.av-zig__txt h3 {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #1A1A1A;
  margin: 0 0 12px;
}

/* 7.7.8 Paragraf opis */
.av-zig__txt p {
  font-size: 14px;
  line-height: 1.65;
  color: #3A3A3A;
  margin: 0 0 10px;
  font-weight: 300;
}
.av-zig__txt p:last-child {
  margin-bottom: 0;
}

/* 7.7.9 Border-left akcent po apartmanu — pastelni indikator */
.av-wrapper--sea      .av-zig__txt { border-left: 3px solid #BBCFF7; }
.av-wrapper--garden   .av-zig__txt { border-left: 3px solid #B8D9C0; }
.av-wrapper--mountain .av-zig__txt { border-left: 3px solid #D4C9B8; }


/* ── 7.8 Mid — FAQ ── */

/* 7.8.1 Details element — bijela kartica, border */
.av-faq details {
  background: #FFFFFF;
  border: 1px solid #D0EAF5;
  border-radius: 12px;
  margin-bottom: 8px;
  overflow: hidden;
  transition: border-color 0.2s;
}

/* 7.8.2 Otvoreni details — naglašeni navy border */
.av-faq details[open] {
  border-color: #0D2D6B;
}

/* 7.8.3 Summary (pitanje) */
.av-faq summary {
  padding: 18px 22px;
  cursor: pointer;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #1A1A1A;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  transition: background 0.2s;
}
.av-faq summary:hover {
  background: #F8FAFC;
}
.av-faq summary::-webkit-details-marker {
  display: none;
}

/* 7.8.4 + ikona desno — rotacija u × kad je otvoreno */
.av-faq summary::after {
  content: '+';
  font-size: 22px;
  color: #0D2D6B;
  font-weight: 300;
  transition: transform 0.2s;
  flex-shrink: 0;
}
.av-faq details[open] summary::after {
  transform: rotate(45deg);
}

/* 7.8.5 Odgovor — paragraf ispod summary */
.av-faq__answer {
  padding: 0 22px 18px;
  font-size: 14px;
  line-height: 1.65;
  color: #3A3A3A;
  font-weight: 300;
}
.av-faq__answer p {
  margin: 0 0 8px;
}
.av-faq__answer p:last-child {
  margin-bottom: 0;
}


/* ── 7.9 Side sekcija (desni stup) ── */

/* 7.9.1 Side kontejner — bijela pozadina, lijevi border */
.av-side {
  padding: 40px 28px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-left: 1px solid #D0EAF5;
  font-family: 'Sora', sans-serif;
}

/* 7.9.2 Section heading u side */
.av-side__head {
  font-size: 11px;
  letter-spacing: 0.25em;
  color: #666666;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 4px;
}
.av-side__head--sep {
  margin-top: 16px;
}

/* 7.9.3 Bazična kartica u side */
.av-card {
  background: #FFFFFF;
  border: 1px solid #D0EAF5;
  border-radius: 14px;
  padding: 18px 20px;
}

/* 7.9.4 Border-left akcent po apartmanu */
.av-wrapper--sea      .av-side .av-card { border-left: 3px solid #BBCFF7; }
.av-wrapper--garden   .av-side .av-card { border-left: 3px solid #B8D9C0; }
.av-wrapper--mountain .av-side .av-card { border-left: 3px solid #D4C9B8; }

/* 7.9.5 Eyebrow unutar kartice */
.av-card .av-eye {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #666666;
  font-weight: 400;
  margin-bottom: 6px;
}

/* 7.9.6 H3 naslov u kartici */
.av-card h3 {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  color: #1A1A1A;
  margin: 0 0 6px;
}

/* 7.9.7 Paragraf u kartici */
.av-card p {
  font-size: 13px;
  line-height: 1.55;
  color: #666666;
  margin: 0;
  font-weight: 300;
}


/* ── 7.10 Cross-link kartice (link na drugi apartman) ── */

/* 7.10.1 Bazična cross-link kartica */
.av-next {
  background: #FFFFFF;
  border: 1px solid #D0EAF5;
  border-radius: 14px;
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.2s;
  text-decoration: none !important;
  color: inherit !important;
}

/* 7.10.2 Border-left akcent po apartmanu */
.av-next--sea      { border-left: 3px solid #BBCFF7; }
.av-next--garden   { border-left: 3px solid #B8D9C0; }
.av-next--mountain { border-left: 3px solid #D4C9B8; }

/* 7.10.3 Hover state — navy border i lift */
.av-next:hover {
  border-color: #0D2D6B;
  transform: translateY(-2px);
}

/* 7.10.4 Naslov i podnaslov u kartici */
.av-next__title {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #0D2D6B;
}
.av-next__sub {
  font-size: 12px;
  color: #666666;
  margin-top: 2px;
  font-weight: 300;
}

/* 7.10.5 Strelica → desno */
.av-next__arr {
  font-size: 18px;
  color: #0D2D6B;
  margin-left: 12px;
}

/* 7.10.6 Mobile cross-link wrapper — sakriven na desktopu */
.av-cross-mobile {
  display: none;
  gap: 10px;
  padding: 0 24px 24px;
}


/* ── 7.11 Apartman baza — responsive (zajednički breakpointi) ── */

/* 7.11.1 Tablet do 1100px — manji rail i side */
@media (max-width: 1100px) {
  .av-wrapper {
    grid-template-columns: 280px 1fr 260px;
  }
  .av-mid {
    padding: 32px;
  }
  .av-rail {
    padding: 32px 22px;
  }
  .av-rail__title {
    font-size: 40px;
  }
}

/* 7.11.2 Mobile do 900px — sve u jedan stupac */
@media (max-width: 900px) {
  .av-wrapper {
    grid-template-columns: 1fr;
  }
  .av-side {
    border-left: none;
    border-top: 1px solid #D0EAF5;
  }
  .av-zig,
  .av-zig--reverse {
    grid-template-columns: 1fr;
  }
  .av-zig--reverse .av-zig__img {
    order: 1;
  }
  .av-cross-mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

/* 7.11.3 Mali mobile do 560px — manji padding, manji naslov */
@media (max-width: 560px) {
  .av-mid {
    padding: 20px;
  }
  .av-rail__title {
    font-size: 36px;
  }
  .av-zig__img {
    min-height: 220px;
  }
  .av-cross-mobile {
    grid-template-columns: 1fr;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   8. APARTMAN STRANICA — POJEDINAČNE (Sea / Mountain / Garden)

   NAPOMENA: Sve tri stranice imaju IDENTIČNA pravila u bazi (Astra reset,
   header navy, body navy, sticky rail/side, scrollbar, standalone mid,
   svi breakpointi). Konsolidirana su u jedan blok s troslojnim selektorom.
   Specifičnosti po stranici (ako se pojave) idu u 8.7.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 8.1 Astra container reset (svi apartmani) ── */

/* 8.1.1 Forsiranje full-width za Astra wrapper, Spectra i HTML blokove */
.page-id-2252 .site-content,    .page-id-2252 .ast-container,
.page-id-2252 .ast-article-single, .page-id-2252 .entry-content,
.page-id-2252 .site-main,        .page-id-2252 article.ast-article-single,
.page-id-2252 .wp-block-html,    .page-id-2252 .wp-block-spectra-container.spectra-container:first-of-type,

.page-id-2308 .site-content,    .page-id-2308 .ast-container,
.page-id-2308 .ast-article-single, .page-id-2308 .entry-content,
.page-id-2308 .site-main,        .page-id-2308 article.ast-article-single,
.page-id-2308 .wp-block-html,    .page-id-2308 .wp-block-spectra-container.spectra-container:first-of-type,

.page-id-2309 .site-content,    .page-id-2309 .ast-container,
.page-id-2309 .ast-article-single, .page-id-2309 .entry-content,
.page-id-2309 .site-main,        .page-id-2309 article.ast-article-single,
.page-id-2309 .wp-block-html,    .page-id-2309 .wp-block-spectra-container.spectra-container:first-of-type {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;
}


/* ── 8.2 Wrapper full-width (preko cijelog viewporta) ── */

/* 8.2.1 Margin trick — wrapper se proteže preko Astra container limita */
.page-id-2252 .av-wrapper,
.page-id-2308 .av-wrapper,
.page-id-2309 .av-wrapper {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left:  calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  align-items: start !important;
}


/* ── 8.3 Header i body — navy paleta ── */

/* 8.3.1 Header — relativni position, navy pozadina */
.page-id-2252 .site-header, .page-id-2252 #masthead,
.page-id-2308 .site-header, .page-id-2308 #masthead,
.page-id-2309 .site-header, .page-id-2309 #masthead {
  position: relative !important;
  background: #0D2D6B !important;
}

/* 8.3.2 Site content — bez paddinga, transparentno */
.page-id-2252 .site-content, .page-id-2252 #content, .page-id-2252 .ast-content-area,
.page-id-2308 .site-content, .page-id-2308 #content, .page-id-2308 .ast-content-area,
.page-id-2309 .site-content, .page-id-2309 #content, .page-id-2309 .ast-content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: transparent !important;
}

/* 8.3.3 Body — navy pozadina */
body.page-id-2252, body.page-id-2252.ast-separate-container,
body.page-id-2308, body.page-id-2308.ast-separate-container,
body.page-id-2309, body.page-id-2309.ast-separate-container {
  background-color: #0D2D6B !important;
}


/* ── 8.4 Sticky rail i side ── */

/* 8.4.1 Rail — zaobljeni desni rubovi */
.page-id-2252 .av-rail,
.page-id-2308 .av-rail,
.page-id-2309 .av-rail {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
}

/* 8.4.2 Rail scrollbar — tanki bijeli */
.page-id-2252 .av-rail::-webkit-scrollbar,
.page-id-2308 .av-rail::-webkit-scrollbar,
.page-id-2309 .av-rail::-webkit-scrollbar {
  width: 6px;
}
.page-id-2252 .av-rail::-webkit-scrollbar-track,
.page-id-2308 .av-rail::-webkit-scrollbar-track,
.page-id-2309 .av-rail::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.05);
}
.page-id-2252 .av-rail::-webkit-scrollbar-thumb,
.page-id-2308 .av-rail::-webkit-scrollbar-thumb,
.page-id-2309 .av-rail::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
  border-radius: 3px;
}
.page-id-2252 .av-rail::-webkit-scrollbar-thumb:hover,
.page-id-2308 .av-rail::-webkit-scrollbar-thumb:hover,
.page-id-2309 .av-rail::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.35);
}

/* 8.4.3 Sticky side */
.page-id-2252 .av-side,
.page-id-2308 .av-side,
.page-id-2309 .av-side {
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
}


/* ── 8.5 Standalone mid (FAQ blok ispod glavnog wrappera) ── */

/* 8.5.1 Wrapper za FAQ izvan grid sustava */
.page-id-2252 .av-mid--standalone,
.page-id-2308 .av-mid--standalone,
.page-id-2309 .av-mid--standalone {
  max-width: 900px !important;
  margin: 48px auto 64px !important;
  padding: 0 24px !important;
  background: transparent !important;
}


/* ── 8.6 Apartmani — responsive overrides ── */

/* 8.6.1 Breakpoint 1400px — manji rail i side */
@media (max-width: 1400px) {
  .page-id-2252 .av-wrapper,
  .page-id-2308 .av-wrapper,
  .page-id-2309 .av-wrapper {
    grid-template-columns: 320px 1fr 300px !important;
  }
}

/* 8.6.2 Breakpoint 1200px — još manji */
@media (max-width: 1200px) {
  .page-id-2252 .av-wrapper,
  .page-id-2308 .av-wrapper,
  .page-id-2309 .av-wrapper {
    grid-template-columns: 300px 1fr 280px !important;
  }
  .page-id-2252 .av-mid,
  .page-id-2308 .av-mid,
  .page-id-2309 .av-mid {
    padding: 32px !important;
  }
  .page-id-2252 .av-rail,
  .page-id-2308 .av-rail,
  .page-id-2309 .av-rail {
    padding: 32px 22px !important;
  }
  .page-id-2252 .av-rail__title,
  .page-id-2308 .av-rail__title,
  .page-id-2309 .av-rail__title {
    font-size: 42px !important;
  }
}

/* 8.6.3 Breakpoint 1023px — sticky off, jedan stupac */
@media (max-width: 1023px) {
  .page-id-2252 .av-wrapper,
  .page-id-2308 .av-wrapper,
  .page-id-2309 .av-wrapper {
    grid-template-columns: 1fr !important;
  }
  .page-id-2252 .av-side,
  .page-id-2308 .av-side,
  .page-id-2309 .av-side {
    border-left: none !important;
    border-top: 1px solid #D0EAF5 !important;
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
  .page-id-2252 .av-zig, .page-id-2252 .av-zig--reverse,
  .page-id-2308 .av-zig, .page-id-2308 .av-zig--reverse,
  .page-id-2309 .av-zig, .page-id-2309 .av-zig--reverse {
    grid-template-columns: 1fr !important;
  }
  .page-id-2252 .av-zig--reverse .av-zig__img,
  .page-id-2308 .av-zig--reverse .av-zig__img,
  .page-id-2309 .av-zig--reverse .av-zig__img {
    order: 1 !important;
  }
  .page-id-2252 .av-cross-mobile,
  .page-id-2308 .av-cross-mobile,
  .page-id-2309 .av-cross-mobile {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .page-id-2252 .av-rail,
  .page-id-2308 .av-rail,
  .page-id-2309 .av-rail {
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
  }
  .page-id-2252 .av-mid--standalone,
  .page-id-2308 .av-mid--standalone,
  .page-id-2309 .av-mid--standalone {
    padding: 0 16px !important;
    margin: 32px auto 48px !important;
  }
}

/* 8.6.4 Breakpoint 900px (samo Sea View — drugi imaju 1023px) */
@media (max-width: 900px) {
  .page-id-2252 .av-mid--standalone {
    padding: 0 16px !important;
    margin: 32px auto 48px !important;
  }
}

/* 8.6.5 Breakpoint 560px — minimalni padding */
@media (max-width: 560px) {
  .page-id-2252 .av-mid,
  .page-id-2308 .av-mid,
  .page-id-2309 .av-mid {
    padding: 20px !important;
  }
  .page-id-2252 .av-rail__title,
  .page-id-2308 .av-rail__title,
  .page-id-2309 .av-rail__title {
    font-size: 36px !important;
  }
  .page-id-2252 .av-zig__img,
  .page-id-2308 .av-zig__img,
  .page-id-2309 .av-zig__img {
    min-height: 220px !important;
  }
  .page-id-2252 .av-cross-mobile,
  .page-id-2308 .av-cross-mobile,
  .page-id-2309 .av-cross-mobile {
    grid-template-columns: 1fr !important;
  }
}


/* ── 8.7 Force ikone fix u railu (svi apartmani) ── */

/* 8.7.1 Forsiranje 54x54 — override za WordPress media library auto-scaling */
.av-wrapper .av-rail .av-icons .av-icons__tile img,
.page-id-2252 .av-icons .av-icons__tile img,
.page-id-2308 .av-icons .av-icons__tile img,
.page-id-2309 .av-icons .av-icons__tile img {
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}


/* ════════════════════════════════════════════════════════════════════════════
   9. SPECIFIČNE STRANICE (Page 252, Legal pages, Spectra hero univerzalno)
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 9.1 Spectra hero visina (univerzalno na svim stranicama) ── */

/* 9.1.1 Prvi Spectra container — fiksna visina 50vh */
.wp-block-spectra-container.spectra-container:first-of-type {
  min-height: 50vh !important;
  height: 50vh !important;
}


/* ════════════════════════════════════════════════════════════════════════════
   9.2 LEGAL PAGES (Impressum, Privacy, Cookie, House Rules)
   univerzalni sustav — iste klase za sve 4 stranice
   page IDs: 166 Impressum · 252 Privacy · 260 Cookie · 285 House Rules
   ════════════════════════════════════════════════════════════════════════════ */

/* 9.2.1 Body — soft pozadina (kao Explore mid) */
body.page-id-166,
body.page-id-252,
body.page-id-260,
body.page-id-285 {
  background: #FAFBFC !important;
}

/* 9.2.2 Astra container reset — full width, soft pozadina, bez border-shadow */
.page-id-166 .site-content,    .page-id-166 .ast-container,
.page-id-166 .ast-article-single, .page-id-166 .entry-content,
.page-id-166 #content,         .page-id-166 .site-main,
.page-id-252 .site-content,    .page-id-252 .ast-container,
.page-id-252 .ast-article-single, .page-id-252 .entry-content,
.page-id-252 #content,         .page-id-252 .site-main,
.page-id-260 .site-content,    .page-id-260 .ast-container,
.page-id-260 .ast-article-single, .page-id-260 .entry-content,
.page-id-260 #content,         .page-id-260 .site-main,
.page-id-285 .site-content,    .page-id-285 .ast-container,
.page-id-285 .ast-article-single, .page-id-285 .entry-content,
.page-id-285 #content,         .page-id-285 .site-main {
  max-width: 100% !important;
  width: 100% !important;
  background: #FAFBFC !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* 9.2.3 Spectra hero override — sakri prazni 50vh container na Legal stranicama */
.page-id-166 .wp-block-spectra-container.spectra-container:first-of-type,
.page-id-252 .wp-block-spectra-container.spectra-container:first-of-type,
.page-id-260 .wp-block-spectra-container.spectra-container:first-of-type,
.page-id-285 .wp-block-spectra-container.spectra-container:first-of-type {
  min-height: 0 !important;
  height: auto !important;
}

/* 9.2.4 Header — navy s bijelim tekstom (pojačani selektori) */
body.page-id-166 .site-header, body.page-id-166 #masthead,
body.page-id-252 .site-header, body.page-id-252 #masthead,
body.page-id-260 .site-header, body.page-id-260 #masthead,
body.page-id-285 .site-header, body.page-id-285 #masthead {
  position: relative !important;
  background: var(--primary) !important;
  border: none !important;
  box-shadow: none !important;
}

body.page-id-166 .site-header .menu-link, body.page-id-166 .site-header .ast-menu-toggle,
body.page-id-252 .site-header .menu-link, body.page-id-252 .site-header .ast-menu-toggle,
body.page-id-260 .site-header .menu-link, body.page-id-260 .site-header .ast-menu-toggle,
body.page-id-285 .site-header .menu-link, body.page-id-285 .site-header .ast-menu-toggle {
  color: var(--white) !important;
}

/* 9.2.5 Footer reset — bez gornje crte i marigna */
.page-id-166 .site-footer,
.page-id-252 .site-footer,
.page-id-260 .site-footer,
.page-id-285 .site-footer {
  margin-top: 0 !important;
  border-top: none !important;
}


/* ── 9.2.A HERO BAR — navy pas ispod headera ── */

/* 9.2.A.1 Hero wrapper — navy pozadina, full-width */
.am-legal-hero {
  background: var(--primary);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 56px 32px 48px;
  font-family: 'Sora', sans-serif;
}

/* 9.2.A.2 Hero inner — centriran sadržaj, max 800px */
.am-legal-hero__inner {
  max-width: 800px;
  margin: 0 auto;
}

/* 9.2.A.3 Eyebrow tag — žuti uppercase (kontrast na navy) */
.am-legal-hero__eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.5px;
  color: var(--accent);
  text-transform: uppercase;
  margin: 0 0 14px 0;
}

/* 9.2.A.4 H1 naslov stranice — bijeli */
.am-legal-hero__title {
  font-family: 'Sora', sans-serif;
  font-size: 44px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: var(--white);
  line-height: 1.1;
  margin: 0 0 14px 0;
}

/* 9.2.A.5 Subtitle ispod naslova — svjetlosivi */
.am-legal-hero__sub {
  font-size: 15px;
  font-weight: 300;
  color: rgba(255,255,255,0.75);
  margin: 0;
  line-height: 1.5;
}


/* ── 9.2.B CONTENT — kartice ispod hero pasa ── */

/* 9.2.B.1 Content wrapper — centriran, 800px max */
.am-legal-content {
  font-family: 'Sora', sans-serif;
  max-width: 800px;
  margin: 0 auto;
  padding: 36px 32px 64px;
}

/* 9.2.B.2 Info grid — 2 kartice u redu (Owner, Website / Email, Phone) */
.am-legal-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

/* 9.2.B.3 Info kartica — bijela, lijevi navy border */
.am-legal-info-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 3px solid #2C6BA8;
  border-radius: 12px;
  padding: 18px 20px 16px;
}

/* 9.2.B.4 Naslov info kartice (Owner, Email, Phone, Website) */
.am-legal-info-card h4 {
  font-family: 'Sora', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--primary);
  margin: 0 0 8px 0;
  line-height: 1.2;
}

/* 9.2.B.5 Sadržaj info kartice — paragraf */
.am-legal-info-card p {
  font-size: 15px;
  font-weight: 400;
  color: #1A1A1A;
  line-height: 1.5;
  margin: 0;
  word-break: break-word;
}

/* 9.2.B.6 Section kartica — Disclaimer / External Links / Copyright */
.am-legal-section {
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 3px solid #2C6BA8;
  border-radius: 14px;
  padding: 26px 28px 24px;
  margin-bottom: 12px;
}

/* 9.2.B.7 Section H2 — uppercase navy */
.am-legal-section h2 {
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--primary);
  text-transform: uppercase;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

/* 9.2.B.8 Section paragraph */
.am-legal-section p {
  font-size: 15px;
  font-weight: 400;
  color: #3A3A3A;
  line-height: 1.7;
  margin: 0 0 10px 0;
}
.am-legal-section p:last-child {
  margin-bottom: 0;
}

/* 9.2.B.9 Photography kartica — zlatni gradient */
.am-legal-section--photo {
  background: linear-gradient(180deg, #FFF8E7 0%, #FFFAEF 100%);
  border: 1px solid var(--accent);
  border-left: 3px solid var(--accent);
  margin-top: 24px;
}
.am-legal-section--photo h2 {
  color: #8B6914;
}
.am-legal-section--photo p {
  color: #1A1A1A;
}

/* 9.2.B.10 Strong (npr. Irena Šimunić) */
.am-legal-strong {
  color: var(--primary);
  font-weight: 700;
}

/* 9.2.B.11 Linkovi unutar Legal content wrappera (NE u footeru) */
.am-legal-content .am-legal-link {
  color: var(--primary) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(13,45,107,0.3) !important;
  text-underline-offset: 3px !important;
  transition: text-decoration-color 0.2s ease !important;
}
.am-legal-content .am-legal-link:hover {
  text-decoration-color: var(--accent) !important;
}

/* 9.2.B.12 Last updated meta (sitno, ispod h2 ako treba) */
.am-legal-meta {
  font-size: 12px;
  font-weight: 300;
  color: var(--muted);
  font-style: italic;
  margin: -6px 0 14px 0;
}

/* 9.2.B.13 H3 podnaslov (za duže stranice s podsekcijama) */
.am-legal-section h3 {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
  margin: 18px 0 8px 0;
  line-height: 1.4;
}

/* 9.2.B.14 Liste */
.am-legal-section ul,
.am-legal-section ol {
  font-size: 15px;
  font-weight: 400;
  color: #3A3A3A;
  line-height: 1.7;
  margin: 0 0 10px 0;
  padding-left: 22px;
}
.am-legal-section li {
  margin-bottom: 4px;
}


/* ── 9.2.M Mobile responsive (768px i 480px) ── */

@media (max-width: 768px) {
  .am-legal-hero {
    padding: 40px 20px 36px;
  }
  .am-legal-hero__title {
    font-size: 32px;
  }
  .am-legal-hero__sub {
    font-size: 14px;
  }
  .am-legal-content {
    padding: 28px 20px 48px;
  }
  .am-legal-info-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .am-legal-info-card {
    padding: 16px 18px 14px;
  }
  .am-legal-section {
    padding: 22px 22px 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  .am-legal-hero {
    padding: 32px 18px 28px;
  }
  .am-legal-hero__title {
    font-size: 28px;
  }
  .am-legal-content {
    padding: 24px 18px 40px;
  }
}
/* ════════════════════════════════════════════════════════════════════════════
   9.2.X LEGAL PAGES — KRITIČNI POPRAVCI (header, footer crta, hero overflow)
   ════════════════════════════════════════════════════════════════════════════ */

/* 9.2.X.1 Sakriti SVE Spectra prazne containere na Legal stranicama */
.page-id-166 .wp-block-spectra-container,
.page-id-166 .spectra-container,
.page-id-252 .wp-block-spectra-container,
.page-id-252 .spectra-container,
.page-id-260 .wp-block-spectra-container,
.page-id-260 .spectra-container,
.page-id-285 .wp-block-spectra-container,
.page-id-285 .spectra-container {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* 9.2.X.2 Astra header — pojačani selektori za Astra varijante */
.page-id-166 .ast-primary-header-bar,
.page-id-166 .ast-above-header,
.page-id-166 .ast-below-header,
.page-id-166 .main-header-bar,
.page-id-166 header.site-header,
.page-id-252 .ast-primary-header-bar,
.page-id-252 .ast-above-header,
.page-id-252 .ast-below-header,
.page-id-252 .main-header-bar,
.page-id-252 header.site-header,
.page-id-260 .ast-primary-header-bar,
.page-id-260 .ast-above-header,
.page-id-260 .ast-below-header,
.page-id-260 .main-header-bar,
.page-id-260 header.site-header,
.page-id-285 .ast-primary-header-bar,
.page-id-285 .ast-above-header,
.page-id-285 .ast-below-header,
.page-id-285 .main-header-bar,
.page-id-285 header.site-header {
  background-color: #0D2D6B !important;
  background: #0D2D6B !important;
  border: none !important;
  box-shadow: none !important;
}

/* 9.2.X.3 Header tekst — bijeli (svi Astra link selektori) */
.page-id-166 .main-header-bar .menu-link,
.page-id-166 .main-header-bar a,
.page-id-166 .ast-builder-menu .menu-link,
.page-id-252 .main-header-bar .menu-link,
.page-id-252 .main-header-bar a,
.page-id-252 .ast-builder-menu .menu-link,
.page-id-260 .main-header-bar .menu-link,
.page-id-260 .main-header-bar a,
.page-id-260 .ast-builder-menu .menu-link,
.page-id-285 .main-header-bar .menu-link,
.page-id-285 .main-header-bar a,
.page-id-285 .ast-builder-menu .menu-link {
  color: #ffffff !important;
}

/* 9.2.X.4 Maknuti praznine između content i footer (Astra default margins) */
.page-id-166 .ast-container,
.page-id-166 main#main,
.page-id-166 .ast-no-sidebar,
.page-id-252 .ast-container,
.page-id-252 main#main,
.page-id-252 .ast-no-sidebar,
.page-id-260 .ast-container,
.page-id-260 main#main,
.page-id-260 .ast-no-sidebar,
.page-id-285 .ast-container,
.page-id-285 main#main,
.page-id-285 .ast-no-sidebar {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 9.2.X.5 Footer — bez gornje crte, lijepi se uz content */
.page-id-166 .site-footer,
.page-id-166 footer.site-footer,
.page-id-252 .site-footer,
.page-id-252 footer.site-footer,
.page-id-260 .site-footer,
.page-id-260 footer.site-footer,
.page-id-285 .site-footer,
.page-id-285 footer.site-footer {
  margin-top: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}

/* 9.2.X.6 Nakon-content praznina — eliminacija */
.page-id-166 .am-legal-content + *:not(.site-footer),
.page-id-252 .am-legal-content + *:not(.site-footer),
.page-id-260 .am-legal-content + *:not(.site-footer),
.page-id-285 .am-legal-content + *:not(.site-footer) {
  display: none !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   9.2.Y LEGAL PAGES — FORSIRANJE SORE NA SVE LINKOVE I HEADER NUCLEAR FIX
   ════════════════════════════════════════════════════════════════════════════ */

/* 9.2.Y.1 Sora font + ujednačena veličina na SVE elemente unutar Legal kartica */
.page-id-166 .am-legal-info-card *,
.page-id-166 .am-legal-section *,
.page-id-252 .am-legal-info-card *,
.page-id-252 .am-legal-section *,
.page-id-260 .am-legal-info-card *,
.page-id-260 .am-legal-section *,
.page-id-285 .am-legal-info-card *,
.page-id-285 .am-legal-section * {
  font-family: 'Sora', sans-serif !important;
}

/* 9.2.Y.2 Linkovi unutar Legal content (info kartica + section kartica) */
.am-legal-content .am-legal-info-card a,
.am-legal-content .am-legal-info-card p a,
.am-legal-content .am-legal-section a,
.am-legal-content .am-legal-section p a {
  font-family: 'Sora', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #0D2D6B !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(13,45,107,0.3) !important;
  text-underline-offset: 3px !important;
  letter-spacing: 0 !important;
}


/* 9.2.Y.4 HEADER NUCLEAR FIX — gađa SVAKI mogući Astra selektor */
.page-id-166 header,
.page-id-166 #masthead,
.page-id-166 .site-header,
.page-id-166 .ast-header-break-point .main-header-bar,
.page-id-166 .ast-primary-header-bar.ast-primary-header,
.page-id-166 div[class*="ast-header-"],
.page-id-166 div[class*="main-header-"],
.page-id-252 header,
.page-id-252 #masthead,
.page-id-252 .site-header,
.page-id-252 .ast-header-break-point .main-header-bar,
.page-id-252 .ast-primary-header-bar.ast-primary-header,
.page-id-252 div[class*="ast-header-"],
.page-id-252 div[class*="main-header-"],
.page-id-260 header,
.page-id-260 #masthead,
.page-id-260 .site-header,
.page-id-260 .ast-header-break-point .main-header-bar,
.page-id-260 .ast-primary-header-bar.ast-primary-header,
.page-id-260 div[class*="ast-header-"],
.page-id-260 div[class*="main-header-"],
.page-id-285 header,
.page-id-285 #masthead,
.page-id-285 .site-header,
.page-id-285 .ast-header-break-point .main-header-bar,
.page-id-285 .ast-primary-header-bar.ast-primary-header,
.page-id-285 div[class*="ast-header-"],
.page-id-285 div[class*="main-header-"] {
  background-color: #0D2D6B !important;
  background: #0D2D6B !important;
  background-image: none !important;
}
/* ════════════════════════════════════════════════════════════════════════════
   9.2.Z LEGAL PAGES — HEADER FULL WIDTH FIX
   Navy zona se mora protezati od ruba do ruba viewporta
   ════════════════════════════════════════════════════════════════════════════ */

/* 9.2.Z.1 Body i html — bez horizontalnog scrolla */
body.page-id-166,
body.page-id-252,
body.page-id-260,
body.page-id-285 {
  overflow-x: hidden !important;
}

/* 9.2.Z.2 Header outer wrapper — full width navy preko cijelog viewporta */
.page-id-166 #masthead,
.page-id-166 header.site-header,
.page-id-166 .site-header,
.page-id-252 #masthead,
.page-id-252 header.site-header,
.page-id-252 .site-header,
.page-id-260 #masthead,
.page-id-260 header.site-header,
.page-id-260 .site-header,
.page-id-285 #masthead,
.page-id-285 header.site-header,
.page-id-285 .site-header {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: #0D2D6B !important;
  background: #0D2D6B !important;
}

/* 9.2.Z.3 Astra primary header bar — full width navy */
.page-id-166 .ast-primary-header-bar,
.page-id-166 .main-header-bar,
.page-id-166 .ast-above-header,
.page-id-166 .ast-below-header,
.page-id-252 .ast-primary-header-bar,
.page-id-252 .main-header-bar,
.page-id-252 .ast-above-header,
.page-id-252 .ast-below-header,
.page-id-260 .ast-primary-header-bar,
.page-id-260 .main-header-bar,
.page-id-260 .ast-above-header,
.page-id-260 .ast-below-header,
.page-id-285 .ast-primary-header-bar,
.page-id-285 .main-header-bar,
.page-id-285 .ast-above-header,
.page-id-285 .ast-below-header {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #0D2D6B !important;
  background: #0D2D6B !important;
  margin: 0 !important;
}

/* 9.2.Z.4 Astra header inner container — keep content centered ali pozadina full width */
.page-id-166 .ast-builder-grid-row-container,
.page-id-166 .ast-builder-grid-row,
.page-id-166 .site-primary-header-wrap,
.page-id-252 .ast-builder-grid-row-container,
.page-id-252 .ast-builder-grid-row,
.page-id-252 .site-primary-header-wrap,
.page-id-260 .ast-builder-grid-row-container,
.page-id-260 .ast-builder-grid-row,
.page-id-260 .site-primary-header-wrap,
.page-id-285 .ast-builder-grid-row-container,
.page-id-285 .ast-builder-grid-row,
.page-id-285 .site-primary-header-wrap {
  background-color: #0D2D6B !important;
  background: #0D2D6B !important;
}

/* 9.2.Z.5 Hero pas — full width od ruba do ruba (već je tako, ojačati) */
.page-id-166 .am-legal-hero,
.page-id-252 .am-legal-hero,
.page-id-260 .am-legal-hero,
.page-id-285 .am-legal-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
}

/* 9.2.Z.6 ELIMINACIJA bijele praznine između header i hero */
.page-id-166 #masthead + *,
.page-id-166 .site-header + *,
.page-id-252 #masthead + *,
.page-id-252 .site-header + *,
.page-id-260 #masthead + *,
.page-id-260 .site-header + *,
.page-id-285 #masthead + *,
.page-id-285 .site-header + * {
  margin-top: 0 !important;
}

.page-id-166 .site-content,
.page-id-252 .site-content,
.page-id-260 .site-content,
.page-id-285 .site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ============================================================================
   KRAJ DIJELA 1.
   Sljedeće poglavlje (10. Explore Bol) ide u Dio 2.
   ============================================================================ */
/* ==========
   bolaccommodation.com — APARTMANI MARIJANA
   ADDITIONAL CSS — DIO 2 (poglavlje 10)
   STRUKTURA: 10. Explore Bol (page-id-1197)
   ========== */


/* ════
   10. EXPLORE BOL (page-id-1197)
   ═══════════ */

/* ── 10.1 Astra container reset (full width fix) ── */

/* 10.1.1 Forsiranje full-width za Astra wrapper, Spectra i HTML blokove */
.page-id-1197 .site-content,
.page-id-1197 .ast-container,
.page-id-1197 .ast-article-single,
.page-id-1197 .entry-content,
.page-id-1197 .site-main,
.page-id-1197 article.ast-article-single,
.page-id-1197 .wp-block-html,
.page-id-1197 .wp-block-spectra-container,
.page-id-1197 .spectra-container,
.page-id-1197 .wp-block-spectra-container.spectra-container:first-of-type {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* 10.1.2 Site content — bez paddinga, transparentno */
.page-id-1197 .site-content,
.page-id-1197 #content,
.page-id-1197 .ast-content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: transparent !important;
}

/* 10.1.3 Header — relativni position, navy pozadina */
.page-id-1197 .site-header,
.page-id-1197 #masthead {
  position: relative !important;
  background: #0D2D6B !important;
}

/* 10.1.4 Body — soft pozadina, bez horizontalnog scrolla */
body.page-id-1197,
body.page-id-1197.ast-separate-container {
  background-color: #FAFBFC !important;
  overflow-x: hidden !important;
}


/* ── 10.2 Wrapper i grid layout ── */

/* 10.2.1 Outer wrapper — preko cijelog viewporta (margin trick) */
.page-id-1197 .exp-page--apt {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left:  calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  background: #FAFBFC !important;
  font-family: 'Sora', sans-serif;
}

/* 10.2.2 Inner grid — 340px rail / 1fr mid / 320px side */
.page-id-1197 .av-wrapper--explore {
  display: grid !important;
  grid-template-columns: 340px 1fr 320px !important;
  min-height: 100vh !important;
  background: #FAFBFC !important;
  font-family: 'Sora', sans-serif !important;
  align-items: start !important;
}


/* ── 10.3 Lijevi rail (logo plava #2C6BA8) ── */

/* 10.3.1 Container — sticky na vrhu, scroll na overflow */
.page-id-1197 .av-rail--explore {
  background: #2C6BA8 !important;
  color: #FFFFFF !important;
  padding: 40px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  font-family: 'Sora', sans-serif !important;
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

/* 10.3.2 Scrollbar — tanki bijeli */
.page-id-1197 .av-rail--explore::-webkit-scrollbar { width: 6px; }
.page-id-1197 .av-rail--explore::-webkit-scrollbar-track { background: rgba(255,255,255,0.08); }
.page-id-1197 .av-rail--explore::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.25); border-radius: 3px; }
.page-id-1197 .av-rail--explore::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.4); }

/* 10.3.3 Eyebrow — zlatni accent uppercase */
.page-id-1197 .av-rail--explore .av-rail__eyebrow {
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #E8C070 !important;
  font-weight: 400 !important;
  margin-bottom: 16px !important;
}

/* 10.3.4 Glavni naslov */
.page-id-1197 .av-rail--explore .av-rail__title {
  font-size: 48px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 8px !important;
  color: #FFFFFF !important;
}

/* 10.3.5 Subtitle */
.page-id-1197 .av-rail--explore .av-rail__subtitle {
  font-size: 16px !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,0.75) !important;
  margin-bottom: 18px !important;
}

/* 10.3.6 Tag — kratka prodajna rečenica */
.page-id-1197 .av-rail--explore .av-rail__tag {
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.85) !important;
  margin: 0 0 22px !important;
}

/* 10.3.7 Badge — istaknuti bullet */
.page-id-1197 .av-rail--explore .av-rail__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 20px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  margin-bottom: 20px !important;
  align-self: flex-start !important;
  color: #FFFFFF !important;
}

/* 10.3.8 Stats blok — m², gosti, sobe (zlatni brojevi) */
.page-id-1197 .av-rail--explore .av-rail__stats {
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  color: rgba(255,255,255,0.9) !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(255,255,255,0.18) !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
  margin-bottom: 20px !important;
  line-height: 1.7 !important;
  font-weight: 300 !important;
}
.page-id-1197 .av-rail--explore .av-rail__stats span {
  color: #E8C070 !important;
  margin: 0 5px !important;
}

/* 10.3.9 CTA gumbovi blok */
.page-id-1197 .av-rail--explore .av-rail__ctas {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
}

/* 10.3.10 CTA light varijanta (bijela pozadina, plavi tekst) */
.page-id-1197 .av-rail--explore .av-btn--light {
  background: #FFFFFF !important;
  color: #2C6BA8 !important;
  border: 1.5px solid #FFFFFF !important;
}
.page-id-1197 .av-rail--explore .av-btn--light:hover {
  background: #F7F9FD !important;
  color: #0D2D6B !important;
}

/* 10.3.11 CTA ghost varijanta (transparentna, bijeli border) */
.page-id-1197 .av-rail--explore .av-btn--ghost {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255,255,255,0.4) !important;
}
.page-id-1197 .av-rail--explore .av-btn--ghost:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: #FFFFFF !important;
}

/* 10.3.12 Note pri dnu raila — italic */
.page-id-1197 .av-rail--explore .av-rail__note {
  font-size: 12px !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.65) !important;
  margin-top: auto !important;
  border-top: 1px solid rgba(255,255,255,0.18) !important;
  padding-top: 16px !important;
}

/* 10.3.13 Highlight kartica (Local Produce) — bijela sa zlatnim borderom */
.page-id-1197 .av-rail--explore .av-rail__highlight {
  background: #FFFFFF !important;
  border-left: 3px solid #E8C070 !important;
  border-radius: 10px !important;
  padding: 14px 16px 14px 14px !important;
  margin-bottom: 22px !important;
}

/* 10.3.14 Highlight naslov */
.page-id-1197 .av-rail--explore .av-rail__highlight h4 {
  margin: 0 0 8px !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #0D2D6B !important;
  font-weight: 700 !important;
  font-family: 'Sora', sans-serif !important;
}

/* 10.3.15 Highlight tekst */
.page-id-1197 .av-rail--explore .av-rail__highlight p {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: #1A1A1A !important;
  font-weight: 400 !important;
  font-family: 'Sora', sans-serif !important;
}

/* 10.3.16 Highlight link i hover */
.page-id-1197 .av-rail--explore .av-rail__highlight-link {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  color: #0D2D6B !important;
  text-decoration: none !important;
  transition: color .2s ease-out !important;
}
.page-id-1197 .av-rail--explore .av-rail__highlight-link:hover {
  color: #E8C070 !important;
}
.page-id-1197 .av-rail--explore .av-rail__highlight-link small {
  font-weight: 400 !important;
  font-size: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  opacity: 0.7 !important;
  margin-left: 2px !important;
}


/* ── 10.4 Mid sekcija ── */

/* 10.4.1 Mid container — soft pozadina, padding, gap */
.page-id-1197 .av-wrapper--explore .av-mid {
  padding: 48px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  background: #FAFBFC !important;
  min-width: 0 !important;
}

/* 10.4.2 Hero slika — 16:9 aspect, radius */
.page-id-1197 .av-wrapper--explore .av-hero {
  margin: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  position: relative !important;
  aspect-ratio: 16/9 !important;
  background: #E8ECEF !important;
}
.page-id-1197 .av-wrapper--explore .av-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* 10.4.3 Hero caption — bijeli badge dolje desno */
.page-id-1197 .av-wrapper--explore .av-hero figcaption {
  position: absolute !important;
  bottom: 14px !important;
  left: 14px !important;
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(6px) !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #0D2D6B !important;
  font-family: 'Sora', sans-serif !important;
}


/* ── 10.5 Category cards box ── */

/* 10.5.1 Section wrapper (clearing margin) */
.page-id-1197 .av-wrapper--explore .exp-category-section {
  margin: 0 !important;
}

/* 10.5.2 Container — bijela kartica sa zlatnim borderom, 5 stupaca */
.page-id-1197 .av-wrapper--explore .exp-cats {
  margin: 0 !important;
  padding: 18px !important;
  background: #FFFFFF !important;
  border: 2px solid #E8C070 !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 10px !important;
  position: relative !important;
}

/* 10.5.3 Naslov "Explore Bol" injektiran preko ::before */
.page-id-1197 .av-wrapper--explore .exp-cats::before {
  content: "Explore Bol";
  display: block;
  grid-column: 1 / -1;
  font-size: 22px;
  font-weight: 600;
  color: #E8C070;
  font-family: 'Sora', sans-serif;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
  padding-left: 4px;
}

/* 10.5.4 Bazična kartica — bijela, border-left akcent */
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat {
  display: block !important;
  min-height: 86px !important;
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-left-width: 3px !important;
  border-radius: 12px !important;
  padding: 14px 14px 12px !important;
  transition: all .25s ease-out !important;
  text-decoration: none !important;
}

/* 10.5.5 Naslov u kartici */
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat h3 {
  margin: 0 0 7px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  transition: color .25s ease-out !important;
  font-family: 'Sora', sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 10.5.6 Opis u kartici */
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #5f6b76 !important;
  font-weight: 300 !important;
}

/* 10.5.7 BEACHES — plava (more) */
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#beaches"] {
  border-left-color: #7DD3FC !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#beaches"]:hover {
  background: #E0F2FE !important;
  border-color: #7DD3FC !important;
  border-left-color: #0EA5E9 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(125, 211, 252, 0.25) !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#beaches"]:hover h3 { color: #0369A1 !important; }

/* 10.5.8 SIGHTS — zlatna (kamen, povijest) */
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#sights"] {
  border-left-color: #E8C070 !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#sights"]:hover {
  background: #FFF8E7 !important;
  border-color: #E8C070 !important;
  border-left-color: #C9A14A !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(232, 192, 112, 0.25) !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#sights"]:hover h3 { color: #C9A14A !important; }

/* 10.5.9 FOOD — mute terakota (Mediteran) */
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#food"] {
  border-left-color: #F87171 !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#food"]:hover {
  background: #FFF4F1 !important;
  border-color: #E8B4A8 !important;
  border-left-color: #C56B5C !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(197, 107, 92, 0.18) !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#food"]:hover h3 { color: #B05541 !important; }

/* 10.5.10 ACTIVITIES — mute maslinasta (priroda) */
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#activities"] {
  border-left-color: #34D399 !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#activities"]:hover {
  background: #F0F7F0 !important;
  border-color: #A8C8A8 !important;
  border-left-color: #5C8A5C !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(92, 138, 92, 0.18) !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#activities"]:hover h3 { color: #4A7A4A !important; }

/* 10.5.11 TRANSPORT — siva (praktično) */
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#transport"] {
  border-left-color: #94A3B8 !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#transport"]:hover {
  background: #F1F5F9 !important;
  border-color: #94A3B8 !important;
  border-left-color: #475569 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(148, 163, 184, 0.25) !important;
}
.page-id-1197 .av-wrapper--explore .exp-cats .exp-cat[href="#transport"]:hover h3 { color: #475569 !important; }


/* ── 10.6 Zig-zag sekcije ── */

/* 10.6.1 Default zig — slika lijevo (3fr), tekst desno (2fr) */
.page-id-1197 .av-wrapper--explore .exp-zig {
  display: grid !important;
  grid-template-columns: 3fr 2fr !important;
  gap: 24px !important;
  align-items: stretch !important;
  margin: 0 !important;
}

/* 10.6.2 Reverse — slika desno, tekst lijevo */
.page-id-1197 .av-wrapper--explore .exp-zig--reverse {
  grid-template-columns: 2fr 3fr !important;
}
.page-id-1197 .av-wrapper--explore .exp-zig--reverse .exp-media { order: 2 !important; }
.page-id-1197 .av-wrapper--explore .exp-zig--reverse .exp-card { order: 1 !important; }

/* 10.6.3 Tekst kartica — bijela, border, padding */
.page-id-1197 .av-wrapper--explore .exp-card {
  background: #FFFFFF !important;
  border: 1px solid #D0EAF5 !important;
  border-left: 3px solid #2C6BA8 !important;
  border-radius: 14px !important;
  padding: 24px 26px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  font-family: 'Sora', sans-serif !important;
}

/* 10.6.4 H2 naslov u kartici */
.page-id-1197 .av-wrapper--explore .exp-card h2 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
}

/* 10.6.5 Paragraf u kartici */
.page-id-1197 .av-wrapper--explore .exp-card p {
  margin: 0 0 14px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #3A3A3A !important;
  font-weight: 300 !important;
}

/* 10.6.6 Inline link u paragrafu — plavi underline */
.page-id-1197 .av-wrapper--explore .exp-card p a {
  color: inherit !important;
  text-decoration: underline !important;
  text-decoration-color: #2C6BA8 !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}
.page-id-1197 .av-wrapper--explore .exp-card p a:hover {
  text-decoration-thickness: 2px !important;
  text-decoration-color: #0D2D6B !important;
}

/* 10.6.7 Eyebrow iznad naslova — zlatni uppercase */
.page-id-1197 .av-wrapper--explore .exp-kicker {
  margin: 0 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #E8C070 !important;
}

/* 10.6.8 Wrapper za link liste ispod paragrafa */
.page-id-1197 .av-wrapper--explore .exp-links {
  margin-top: 4px !important;
  padding-top: 10px !important;
  border-top: 1px solid #D0EAF5 !important;
}

/* 10.6.9 Media (slika) — figure wrapper */
.page-id-1197 .av-wrapper--explore .exp-media {
  position: relative !important;
  min-height: 320px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ddd !important;
}

/* 10.6.10 Slika unutar media wrappera */
.page-id-1197 .av-wrapper--explore .exp-media img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .6s ease-out !important;
}

/* 10.6.11 Gradient overlay preko slike */
.page-id-1197 .av-wrapper--explore .exp-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(8,28,66,.05) 0%, rgba(8,28,66,.20) 100%) !important;
}

/* 10.6.12 Label preko slike — bijeli badge dolje lijevo */
.page-id-1197 .av-wrapper--explore .exp-media__label {
  position: absolute !important;
  inset: auto 12px 12px auto !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(6px) !important;
  color: #0D2D6B !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  width: fit-content !important;
  transition: background .2s ease-out, color .2s ease-out !important;
}

/* 10.6.13 Klikabilna slika (anchor wrapper) */
.page-id-1197 .av-wrapper--explore .exp-media--link {
  display: block !important;
  cursor: pointer !important;
  text-decoration: none !important;
  color: inherit !important;
}
.page-id-1197 .av-wrapper--explore .exp-media--link:hover img {
  transform: scale(1.03) !important;
}
.page-id-1197 .av-wrapper--explore .exp-media--link:hover .exp-media__label {
  background: rgba(232,192,112,0.95) !important;
  color: #0D2D6B !important;
}

/* 10.6.14 Object-position po sekciji — pomak slike za bolji kadar */
.page-id-1197 .av-wrapper--explore #food .exp-media img       { object-position: 40% center !important; }
.page-id-1197 .av-wrapper--explore #activities .exp-media img { object-position: 20% center !important; }
.page-id-1197 #sights .exp-media img                            { object-position: left center; }

/* 10.6.15 Beaches — caption dolje desno (rt u lijevom kadru fotke) */
.page-id-1197 .av-wrapper--explore #beaches .exp-media__label {
  inset: auto 12px 12px 12px !important;
}


/* ── 10.7 Desni sidebar (.av-side--explore) ── */


/* ── 10.7 Desni sidebar (.av-side--explore) ── */

/* 10.7.1 Side container — bijela pozadina, sticky */
.page-id-1197 .av-side--explore {
  padding: 40px 28px !important;
  background: #FFFFFF !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  border-left: 1px solid #D0EAF5 !important;
  font-family: 'Sora', sans-serif !important;
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
}

/* 10.7.2 Sidebar scrollbar */
.page-id-1197 .av-side--explore::-webkit-scrollbar { width: 6px; }
.page-id-1197 .av-side--explore::-webkit-scrollbar-track { background: rgba(13,45,107,0.05); }
.page-id-1197 .av-side--explore::-webkit-scrollbar-thumb { background: rgba(13,45,107,0.2); border-radius: 3px; }

/* 10.7.3 Bazična kartica u sidebaru */
.page-id-1197 .av-side--explore .exp-side-card {
  background: #FFFFFF !important;
  border: 1px solid #D0EAF5 !important;
  border-left: 3px solid #2C6BA8 !important;
  border-radius: 14px !important;
  padding: 16px 16px 14px !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 10.7.4 Naslov kartice (h4) */
.page-id-1197 .av-side--explore .exp-side-card h4 {
  margin: 0 0 12px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #0D2D6B !important;
  font-family: 'Sora', sans-serif !important;
}

/* 10.7.5 List unutar kartice (gornji border separator) */
.page-id-1197 .av-side--explore .exp-side-card__list {
  border-top: 1px solid #D0EAF5 !important;
  padding-top: 8px !important;
}

/* 10.7.6 Item u listi — grid (naziv | vrijeme | pin) */
.page-id-1197 .av-side--explore .exp-side-card__item {
  display: grid !important;
  grid-template-columns: 1fr auto 18px !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 7px 4px !important;
  border-top: 1px solid #eef3f7 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  color: inherit !important;
  border-radius: 4px !important;
  transition: background-color .2s ease-out !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item:first-child {
  border-top: 0 !important;
}

/* 10.7.7 Item hover (samo za anchor) */
.page-id-1197 .av-side--explore a.exp-side-card__item:hover {
  background-color: #F0FAFE !important;
}
.page-id-1197 .av-side--explore a.exp-side-card__item:hover .exp-side-card__name {
  color: #2C6BA8 !important;
}

/* 10.7.8 Item — naziv */
.page-id-1197 .av-side--explore .exp-side-card__name {
  color: #1A1A1A !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  transition: color .2s ease-out !important;
}
.page-id-1197 .av-side--explore .exp-side-card__name small {
  font-weight: 400 !important;
  color: #6B7B8C !important;
  font-size: 11px !important;
  margin-left: 2px !important;
}

/* 10.7.9 Item — vrijeme (clock ikona + min) */
.page-id-1197 .av-side--explore .exp-side-card__time {
  display: grid !important;
  grid-template-columns: 11px auto !important;
  gap: 5px !important;
  align-items: center !important;
  color: #5f6b76 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.page-id-1197 .av-side--explore .exp-side-card__time svg {
  width: 9px !important;
  height: 11px !important;
  color: #5f6b76 !important;
  flex-shrink: 0 !important;
}

/* 10.7.10 Item — pin ikona (Google Maps link) */
.page-id-1197 .av-side--explore .exp-side-card__pin {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: #2C6BA8 !important;
  transition: color .2s ease-out !important;
}
.page-id-1197 .av-side--explore .exp-side-card__pin svg {
  width: 13px !important;
  height: 13px !important;
}
.page-id-1197 .av-side--explore a.exp-side-card__item:hover .exp-side-card__pin {
  color: #2f67c5 !important;
}

/* 10.7.11 Fallback za neaktivne stavke (Emergency, ATMs — bez linkova) */
.page-id-1197 .av-side--explore div.exp-side-card__item {
  grid-template-columns: 1fr auto !important;
}
.page-id-1197 .av-side--explore div.exp-side-card__item span:first-child {
  color: #1A1A1A !important;
  font-weight: 500 !important;
}
.page-id-1197 .av-side--explore div.exp-side-card__item span:first-child small {
  font-weight: 400 !important;
  color: #6B7B8C !important;
  font-size: 11px !important;
  margin-left: 4px !important;
}
.page-id-1197 .av-side--explore div.exp-side-card__item span:last-child {
  color: #5f6b76 !important;
  white-space: nowrap !important;
  font-size: 11px !important;
}

/* 10.7.12 Healthcare detail varijanta (dvolinijska — naziv + detail ispod) */
.page-id-1197 .av-side--explore .exp-side-card__item--detail {
  display: grid !important;
  grid-template-columns: 1fr 18px !important;
  grid-template-areas:
    "name pin"
    "detail detail" !important;
  gap: 4px 8px !important;
  align-items: center !important;
  padding: 9px 4px !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--detail .exp-side-card__name {
  grid-area: name !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  line-height: 1.3 !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--detail .exp-side-card__pin {
  grid-area: pin !important;
  width: 18px !important;
  height: 18px !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--detail .exp-side-card__detail {
  grid-area: detail !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #6B7B8C !important;
  line-height: 1.35 !important;
}
.page-id-1197 .av-side--explore a.exp-side-card__item--detail:hover .exp-side-card__name {
  color: #2C6BA8 !important;
}

/* 10.7.12b Auto ikona u time field-u (stavke s drive distance umjesto walking time) */
.page-id-1197 .av-side--explore .exp-side-card__time .exp-icon-car {
  width: 13px !important;
  height: 11px !important;
  color: #5f6b76 !important;
  flex-shrink: 0 !important;
}

/* 10.7.12c Time + detail varijanta (Shops, Practical — naziv + vrijeme + detail ispod) */
.page-id-1197 .av-side--explore .exp-side-card__item--time-detail {
  display: grid !important;
  grid-template-columns: 1fr auto 18px !important;
  grid-template-areas:
    "name time pin"
    "detail detail detail" !important;
  gap: 4px 8px !important;
  align-items: center !important;
  padding: 9px 4px !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--time-detail .exp-side-card__name {
  grid-area: name !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  line-height: 1.3 !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--time-detail .exp-side-card__time {
  grid-area: time !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--time-detail .exp-side-card__pin {
  grid-area: pin !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--time-detail .exp-side-card__detail {
  grid-area: detail !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #6B7B8C !important;
  line-height: 1.35 !important;
}
.page-id-1197 .av-side--explore a.exp-side-card__item--time-detail:hover .exp-side-card__name {
  color: #2C6BA8 !important;
}
/* 10.7.13 Hero call element (broj 112 na vrhu Emergency kartice) */
.page-id-1197 .av-side--explore .exp-side-card__hero-call {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #2C6BA8 !important;
  color: #FFFFFF !important;
  padding: 16px 12px 14px !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  text-align: center !important;
}
.page-id-1197 .av-side--explore .exp-side-card__hero-number {
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  color: #FFFFFF !important;
  font-variant-numeric: tabular-nums !important;
}
.page-id-1197 .av-side--explore .exp-side-card__hero-label {
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: rgba(255,255,255,0.9) !important;
  margin-top: 8px !important;
  padding: 0 4px !important;
}

/* 10.7.14 Split varijanta — dvostruki hover (naziv → web, vrijeme/pin → maps) */
.page-id-1197 .av-side--explore .exp-side-card__item--split {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  border-top: 1px solid #eef3f7 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
.page-id-1197 .av-side--explore .exp-side-card__list .exp-side-card__item--split:first-child {
  border-top: 0 !important;
}

/* 10.7.15 Split — name zone (lijeva polovica — link na website) */
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__name-zone {
  display: flex !important;
  align-items: center !important;
  padding: 7px 4px !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  transition: background-color .2s ease-out !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__name-zone:hover {
  background-color: #F0FAFE !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__name-zone .exp-side-card__name {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  line-height: 1.3 !important;
  transition: color .2s ease-out !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__name-zone:hover .exp-side-card__name {
  color: #2C6BA8 !important;
}

/* 10.7.16 Split — action zone (desna polovica — link na Google Maps) */
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__action-zone {
  display: grid !important;
  grid-template-columns: auto 18px !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 7px 4px !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  transition: background-color .2s ease-out !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__action-zone:hover {
  background-color: #E0F2FE !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__time {
  display: grid !important;
  grid-template-columns: 11px auto !important;
  gap: 5px !important;
  align-items: center !important;
  color: #5f6b76 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__time svg {
  width: 9px !important;
  height: 11px !important;
  color: #5f6b76 !important;
  flex-shrink: 0 !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__pin {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: #2C6BA8 !important;
}
.page-id-1197 .av-side--explore .exp-side-card__item--split .exp-side-card__pin svg {
  width: 13px !important;
  height: 13px !important;
}

/* 10.7.17 Highlight kartica (zlatni gradient) */
.page-id-1197 .av-side--explore .exp-side-card--highlight {
  background: linear-gradient(180deg, #fff8e7 0%, #f7ebc7 100%) !important;
  border: 1px solid #E8C070 !important;
  border-left: 3px solid #E8C070 !important;
}
.page-id-1197 .av-side--explore .exp-side-card--highlight p {
  margin: 0 0 8px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: #1A1A1A !important;
  font-weight: 300 !important;
}
.page-id-1197 .av-side--explore .exp-side-card__link {
  display: inline-block !important;
  margin-top: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  color: #E8C070 !important;
  text-decoration: none !important;
}
.page-id-1197 .av-side--explore .exp-side-card__link small {
  font-weight: 400 !important;
  font-size: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  opacity: 0.75 !important;
  margin-left: 2px !important;
}
.page-id-1197 .av-side--explore .exp-side-card__link:hover {
  color: #0D2D6B !important;
}


/* ── 10.8 Exp-link-row format (linkovi unutar zig-zag kartica) ── */

/* 10.8.1 Bazična varijanta — grid (naziv | vrijeme | pin) */
.page-id-1197 .av-wrapper--explore .exp-link-row {
  display: grid !important;
  grid-template-columns: 1fr 90px 24px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 10px 16px 10px 8px !important;
  margin: 0 -8px !important;
  border-top: 1px solid #eef3f7 !important;
  text-decoration: none !important;
  color: inherit !important;
  border-radius: 6px !important;
  transition: background-color .2s ease-out !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row:first-child {
  border-top: 0 !important;
}

/* 10.8.2 Bazična — hover state */
.page-id-1197 .av-wrapper--explore .exp-link-row:hover {
  background-color: #F0FAFE !important;
}

/* 10.8.3 Bazična — naziv */
.page-id-1197 .av-wrapper--explore .exp-link-row__name {
  color: #0D2D6B !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  transition: color .2s ease-out !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row:hover .exp-link-row__name {
  color: #2f67c5 !important;
}

/* 10.8.3b Bazična — tag uz naziv (Fine dining, Tavern, itd.) */
.page-id-1197 .av-wrapper--explore .exp-link-row__name small {
  color: #5F5E5A !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  margin-left: 4px !important;
}

/* 10.8.4 Bazična — vrijeme */
.page-id-1197 .av-wrapper--explore .exp-link-row__time {
  display: grid !important;
  grid-template-columns: 14px 36px !important;
  gap: 6px !important;
  align-items: center !important;
  width: 56px !important;
  color: #5f6b76 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  justify-self: end !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row__time svg {
  width: 12px !important;
  height: 14px !important;
  color: #5f6b76 !important;
  flex-shrink: 0 !important;
}

/* 10.8.5 Bazična — pin (Google Maps) */
.page-id-1197 .av-wrapper--explore .exp-link-row__pin {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  color: #0D2D6B !important;
  transition: color .2s ease-out, transform .2s ease-out !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row__pin svg {
  width: 16px !important;
  height: 16px !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row:hover .exp-link-row__pin {
  color: #2f67c5 !important;
}

/* 10.8.6 Split varijanta (Food, Activities) — wrapper */
.page-id-1197 .av-wrapper--explore .exp-link-row--split {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 0 !important;
  align-items: stretch !important;
  padding: 0 !important;
  margin: 0 -8px !important;
  border-top: 1px solid #eef3f7 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row--split:first-child {
  border-top: 0 !important;
}

/* 10.8.7 Split — name zone (lijeva polovica) */
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__name-zone {
  display: flex !important;
  align-items: center !important;
  padding: 6px 8px !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: background-color .2s ease-out !important;
  cursor: pointer !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__name-zone:hover {
  background-color: #F0FAFE !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__name-zone:hover .exp-link-row__name {
  color: #2f67c5 !important;
}

/* 10.8.8 Split — action zone (desna polovica) */
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone {
  display: grid !important;
  grid-template-columns: 90px 24px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 6px 16px 6px 8px !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: background-color .2s ease-out !important;
  cursor: pointer !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone:hover {
  background-color: #E0F2FE !important;
}

/* 10.8.9 Split — vrijeme i pin u action zone */
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone .exp-link-row__time {
  display: grid !important;
  grid-template-columns: 14px 1fr !important;
  gap: 6px !important;
  align-items: center !important;
  color: #5f6b76 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone .exp-link-row__time svg {
  width: 12px !important;
  height: 14px !important;
  color: #5f6b76 !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone .exp-link-row__pin {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  color: #0D2D6B !important;
  transition: color .2s ease-out, transform .2s ease-out !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone .exp-link-row__pin svg {
  width: 16px !important;
  height: 16px !important;
}
.page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone:hover .exp-link-row__pin {
  color: #2f67c5 !important;
}


/* ── 10.9 Bol in Pictures (carousel + lightbox) ── */

/* 10.9.1 Galerija wrapper — bijela kartica sa zlatnim borderom */
.page-id-1197 .exp-page--apt > .bm-section.bg-gallery-section {
  width: calc(100vw - 776px) !important;
  max-width: calc(100vw - 776px) !important;
  margin: 4px 388px 4px 388px !important;
  padding: 22px 26px 22px !important;
  background: #FFFFFF !important;
  border: 2px solid #E8C070 !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
}

/* 10.9.2 Heading wrapper */
.page-id-1197 .bg-gallery-section .bm-head {
  margin-bottom: 24px !important;
  text-align: center !important;
}

/* 10.9.3 Kicker iznad naslova — zlatni uppercase */
.page-id-1197 .bg-gallery-section .bm-kicker {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #E8C070 !important;
}

/* 10.9.4 Glavni naslov galerije */
.page-id-1197 .bg-gallery-section .bm-title {
  margin: 6px auto 8px !important;
  max-width: 600px !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  font-family: 'Sora', sans-serif !important;
}

/* 10.9.5 Lead tekst ispod naslova */
.page-id-1197 .bg-gallery-section .bm-lead {
  margin: 0 auto !important;
  max-width: 580px !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #5f6b76 !important;
  font-weight: 300 !important;
}

/* 10.9.6 Carousel wrapper — relativni position za strelice */
.page-id-1197 .bg-carousel {
  position: relative !important;
  padding: 0 56px !important;
}

/* 10.9.7 Sakriveni radio buttons (CSS-only state management) */
.page-id-1197 .bg-carousel input[type="radio"],
.page-id-1197 .bg-carousel input[name="bg-zoom"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 10.9.8 Viewport — horizontalni native scroll */
.page-id-1197 .bg-carousel__viewport {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-radius: 8px !important;
  scroll-behavior: smooth !important;
  scrollbar-width: thin !important;
  scrollbar-color: #E8C070 #F0FAFE !important;
  -webkit-overflow-scrolling: touch !important;
}
.page-id-1197 .bg-carousel__viewport::-webkit-scrollbar { height: 6px !important; }
.page-id-1197 .bg-carousel__viewport::-webkit-scrollbar-track {
  background: #F0FAFE !important;
  border-radius: 3px !important;
}
.page-id-1197 .bg-carousel__viewport::-webkit-scrollbar-thumb {
  background: #E8C070 !important;
  border-radius: 3px !important;
}

/* 10.9.9 Strip — flex kontejner sa svim slikama */
.page-id-1197 .bg-carousel__strip {
  display: flex !important;
  gap: 10px !important;
  width: max-content !important;
  padding: 4px 0 !important;
}

/* 10.9.10 Pojedinacni thumbnail — fiksna sirina 200px, 4:3 aspect */
.page-id-1197 .bg-carousel__thumb {
  flex: 0 0 200px !important;
  width: 200px !important;
  aspect-ratio: 4/3 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: transform 0.3s ease-out !important;
  box-shadow: 0 2px 8px rgba(13, 45, 107, 0.08) !important;
  scroll-snap-align: start !important;
  cursor: zoom-in !important;
}
.page-id-1197 .bg-carousel__thumb:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 16px rgba(13, 45, 107, 0.18) !important;
}

/* 10.9.11 Spacer — prazan prostor za extra scroll */
.page-id-1197 .bg-carousel__spacer {
  flex: 0 0 calc(10% - 5px) !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* 10.9.12 Carousel strelice (lijevo / desno) */
.page-id-1197 .bg-carousel__arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #0D2D6B !important;
  color: #FFFFFF !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out !important;
  box-shadow: 0 2px 8px rgba(13, 45, 107, 0.25) !important;
}
.page-id-1197 .bg-carousel__arrow:hover {
  background: #2C6BA8 !important;
  transform: translateY(-50%) scale(1.05) !important;
}
.page-id-1197 .bg-carousel__arrow svg {
  width: 24px !important;
  height: 24px !important;
}
.page-id-1197 .bg-carousel__arrow--left  { left: 8px !important; }
.page-id-1197 .bg-carousel__arrow--right { right: 8px !important; }

/* 10.9.13 Strelice — disabled state na rubovima */
.page-id-1197 #bg-page-1:checked ~ .bg-carousel__arrow--left,
.page-id-1197 #bg-page-4:checked ~ .bg-carousel__arrow--right {
  opacity: 0.35 !important;
  pointer-events: none !important;
}

/* 10.9.14 Page indicator dots */
.page-id-1197 .bg-carousel__dots {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 18px !important;
}
.page-id-1197 .bg-carousel__dot {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: rgba(13, 45, 107, 0.2) !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out !important;
}
.page-id-1197 .bg-carousel__dot:hover {
  background: rgba(13, 45, 107, 0.4) !important;
  transform: scale(1.15) !important;
}

/* 10.9.15 Active dot — zlatni */
.page-id-1197 #bg-page-1:checked ~ .bg-carousel__dots .bg-carousel__dot:nth-child(1),
.page-id-1197 #bg-page-2:checked ~ .bg-carousel__dots .bg-carousel__dot:nth-child(2),
.page-id-1197 #bg-page-3:checked ~ .bg-carousel__dots .bg-carousel__dot:nth-child(3),
.page-id-1197 #bg-page-4:checked ~ .bg-carousel__dots .bg-carousel__dot:nth-child(4) {
  background: #E8C070 !important;
}

/* 10.9.16 Lightbox — fixed overlay preko cijelog ekrana */
.page-id-1197 .bg-lightbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px !important;
}

/* 10.9.17 Lightbox show triggers (svi zoom radio buttons 1–16) */
.page-id-1197 #bg-zoom-1:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-2:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-3:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-4:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-5:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-6:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-7:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-8:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-9:checked  ~ .bg-lightbox,
.page-id-1197 #bg-zoom-10:checked ~ .bg-lightbox,
.page-id-1197 #bg-zoom-11:checked ~ .bg-lightbox,
.page-id-1197 #bg-zoom-12:checked ~ .bg-lightbox,
.page-id-1197 #bg-zoom-13:checked ~ .bg-lightbox,
.page-id-1197 #bg-zoom-14:checked ~ .bg-lightbox,
.page-id-1197 #bg-zoom-15:checked ~ .bg-lightbox,
.page-id-1197 #bg-zoom-16:checked ~ .bg-lightbox {
  display: flex !important;
}

/* 10.9.18 Lightbox backdrop — poluprozirna pozadina, klik zatvara */
.page-id-1197 .bg-lightbox__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(13, 45, 107, 0.85) !important;
  cursor: pointer !important;
  margin: 0 !important;
}

/* 10.9.19 Lightbox image — sakrivena po default-u */
.page-id-1197 .bg-lightbox__image {
  position: relative !important;
  width: 80% !important;
  max-width: 1100px !important;
  aspect-ratio: 16/10 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
  display: none !important;
  border-radius: 8px !important;
}

/* 10.9.20 Lightbox image — prikaz odgovarajuće slike za aktivni zoom */
.page-id-1197 #bg-zoom-1:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="1"],
.page-id-1197 #bg-zoom-2:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="2"],
.page-id-1197 #bg-zoom-3:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="3"],
.page-id-1197 #bg-zoom-4:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="4"],
.page-id-1197 #bg-zoom-5:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="5"],
.page-id-1197 #bg-zoom-6:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="6"],
.page-id-1197 #bg-zoom-7:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="7"],
.page-id-1197 #bg-zoom-8:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="8"],
.page-id-1197 #bg-zoom-9:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="9"],
.page-id-1197 #bg-zoom-10:checked ~ .bg-lightbox .bg-lightbox__image[data-img="10"],
.page-id-1197 #bg-zoom-11:checked ~ .bg-lightbox .bg-lightbox__image[data-img="11"],
.page-id-1197 #bg-zoom-12:checked ~ .bg-lightbox .bg-lightbox__image[data-img="12"],
.page-id-1197 #bg-zoom-13:checked ~ .bg-lightbox .bg-lightbox__image[data-img="13"],
.page-id-1197 #bg-zoom-14:checked ~ .bg-lightbox .bg-lightbox__image[data-img="14"],
.page-id-1197 #bg-zoom-15:checked ~ .bg-lightbox .bg-lightbox__image[data-img="15"],
.page-id-1197 #bg-zoom-16:checked ~ .bg-lightbox .bg-lightbox__image[data-img="16"] {
  display: block !important;
}

/* 10.9.21 Lightbox kontrole — sakrivene po default-u */
.page-id-1197 .bg-lightbox__controls {
  display: none !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* 10.9.22 Lightbox kontrole — prikaz za aktivni zoom */
.page-id-1197 #bg-zoom-1:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="1"],
.page-id-1197 #bg-zoom-2:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="2"],
.page-id-1197 #bg-zoom-3:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="3"],
.page-id-1197 #bg-zoom-4:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="4"],
.page-id-1197 #bg-zoom-5:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="5"],
.page-id-1197 #bg-zoom-6:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="6"],
.page-id-1197 #bg-zoom-7:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="7"],
.page-id-1197 #bg-zoom-8:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="8"],
.page-id-1197 #bg-zoom-9:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="9"],
.page-id-1197 #bg-zoom-10:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="10"],
.page-id-1197 #bg-zoom-11:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="11"],
.page-id-1197 #bg-zoom-12:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="12"],
.page-id-1197 #bg-zoom-13:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="13"],
.page-id-1197 #bg-zoom-14:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="14"],
.page-id-1197 #bg-zoom-15:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="15"],
.page-id-1197 #bg-zoom-16:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="16"] {
  display: block !important;
}

/* 10.9.23 Lightbox prev/next strelice */
.page-id-1197 .bg-lightbox__nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0D2D6B !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  margin: 0 !important;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}
.page-id-1197 .bg-lightbox__nav:hover {
  background: #E8C070 !important;
  transform: translateY(-50%) scale(1.05) !important;
}
.page-id-1197 .bg-lightbox__nav svg {
  width: 28px !important;
  height: 28px !important;
}
.page-id-1197 .bg-lightbox__nav--prev { left: 24px !important; }
.page-id-1197 .bg-lightbox__nav--next { right: 24px !important; }

/* 10.9.24 Lightbox close gumb (×) */
.page-id-1197 .bg-lightbox__close {
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0D2D6B !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  pointer-events: auto !important;
  margin: 0 !important;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  font-family: 'Sora', sans-serif !important;
}
.page-id-1197 .bg-lightbox__close:hover {
  background: #E8C070 !important;
  transform: scale(1.1) !important;
}


/* ── 10.10 Explore Bol — responsive ── */

/* 10.10.1 Breakpoint 1400px — manji rail i side */
@media (max-width: 1400px) {
  .page-id-1197 .av-wrapper--explore {
    grid-template-columns: 320px 1fr 300px !important;
  }
  .page-id-1197 .exp-page--apt > .bm-section.bg-gallery-section {
    width: calc(100vw - 736px) !important;
    max-width: calc(100vw - 736px) !important;
    margin: 4px 368px 4px 368px !important;
  }
}

/* 10.10.2 Breakpoint 1200px — još manji */
@media (max-width: 1200px) {
  .page-id-1197 .av-wrapper--explore {
    grid-template-columns: 300px 1fr 280px !important;
  }
  .page-id-1197 .av-wrapper--explore .av-mid {
    padding: 32px !important;
  }
  .page-id-1197 .av-rail--explore {
    padding: 32px 22px !important;
  }
  .page-id-1197 .av-rail--explore .av-rail__title {
    font-size: 42px !important;
  }
  .page-id-1197 .exp-page--apt > .bm-section.bg-gallery-section {
    width: calc(100vw - 664px) !important;
    max-width: calc(100vw - 664px) !important;
    margin: 4px 332px 4px 332px !important;
  }
}

/* 10.10.3 Breakpoint 1100px — manji galerijski naslov */
@media (max-width: 1100px) {
  .page-id-1197 .bg-gallery-section .bm-title {
    font-size: 22px !important;
  }
}

/* 10.10.4 Breakpoint 1023px — sticky off, jedan stupac */
@media (max-width: 1023px) {
  .page-id-1197 .av-wrapper--explore {
    grid-template-columns: 1fr !important;
  }
  .page-id-1197 .av-rail--explore {
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
  }
  .page-id-1197 .av-side--explore {
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    border-left: none !important;
    border-top: 1px solid #D0EAF5 !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-zig,
  .page-id-1197 .av-wrapper--explore .exp-zig--reverse {
    grid-template-columns: 1fr !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-zig--reverse .exp-media { order: 1 !important; }
  .page-id-1197 .av-wrapper--explore .exp-zig--reverse .exp-card  { order: 2 !important; }
  .page-id-1197 .av-wrapper--explore .exp-cats {
    grid-template-columns: 1fr 1fr !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-cats::before {
    font-size: 20px !important;
  }
  .page-id-1197 .exp-page--apt > .bm-section.bg-gallery-section {
    width: auto !important;
    max-width: none !important;
    margin: 8px 24px 12px !important;
  }
}

/* 10.10.5 Breakpoint 768px — manji padding, manji naslovi, manje labele */
@media (max-width: 768px) {
  .page-id-1197 .av-wrapper--explore .av-mid {
    padding: 24px !important;
    gap: 24px !important;
  }
  .page-id-1197 .av-rail--explore .av-rail__title {
    font-size: 36px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-media {
    min-height: 220px !important;
  }
  .page-id-1197 .av-wrapper--explore .av-hero figcaption {
    font-size: 10px !important;
    padding: 5px 9px !important;
    bottom: 10px !important;
    left: 10px !important;
    max-width: calc(100% - 20px) !important;
    line-height: 1.3 !important;
  }
.page-id-1197 .av-wrapper--explore .exp-media__label {
    font-size: 10px !important;
    padding: 5px 8px !important;
    inset: auto 8px 8px auto !important;
    line-height: 1.3 !important;
  }
  .page-id-1197 .av-wrapper--explore #beaches .exp-media__label {
    inset: auto 8px 8px auto !important;
  }

  .page-id-1197 .exp-page--apt > .bm-section.bg-gallery-section {
    width: auto !important;
    max-width: none !important;
    margin: 8px 16px 12px !important;
    padding: 20px 18px 22px !important;
  }
  .page-id-1197 .bg-gallery-section .bm-title {
    font-size: 20px !important;
  }
  .page-id-1197 .bg-lightbox {
    padding: 20px !important;
  }
  .page-id-1197 .bg-lightbox__image {
    width: 100% !important;
  }
  .page-id-1197 .bg-lightbox__nav {
    width: 44px !important;
    height: 44px !important;
  }
  .page-id-1197 .bg-lightbox__nav svg {
    width: 22px !important;
    height: 22px !important;
  }
  .page-id-1197 .bg-lightbox__nav--prev { left: 12px !important; }
  .page-id-1197 .bg-lightbox__nav--next { right: 12px !important; }
  .page-id-1197 .bg-lightbox__close {
    width: 40px !important;
    height: 40px !important;
    top: 16px !important;
    right: 16px !important;
    font-size: 24px !important;
  }
}

/* 10.10.6 Breakpoint 560px — minimalni padding, jedan stupac kategorija */
@media (max-width: 560px) {
  .page-id-1197 .av-wrapper--explore .av-mid {
    padding: 16px !important;
  }
  .page-id-1197 .av-rail--explore {
    padding: 28px 20px !important;
  }
  .page-id-1197 .av-side--explore {
    padding: 28px 20px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-cats {
    grid-template-columns: 1fr !important;
  }
  .page-id-1197 .av-wrapper--explore .av-hero figcaption {
    font-size: 9px !important;
    padding: 4px 8px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-media__label {
    font-size: 9px !important;
    padding: 4px 7px !important;
  }
  /* exp-link-row mobile */
  .page-id-1197 .av-wrapper--explore .exp-link-row {
    grid-template-columns: 1fr auto 20px !important;
    gap: 8px !important;
    padding: 6px 12px 6px 6px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row__name {
    font-size: 12px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row__time {
    grid-template-columns: 12px 38px !important;
    gap: 4px !important;
    font-size: 10px !important;
    width: 54px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row__time svg {
    width: 10px !important;
    height: 12px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row__pin {
    width: 20px !important;
    height: 20px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row__pin svg {
    width: 14px !important;
    height: 14px !important;
  }
  /* exp-link-row split mobile */
  .page-id-1197 .av-wrapper--explore .exp-link-row--split {
    grid-template-columns: 1fr auto !important;
    gap: 0 !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__name-zone {
    padding: 6px 6px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone {
    grid-template-columns: auto 20px !important;
    gap: 8px !important;
    padding: 6px 12px 6px 6px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__time {
    grid-template-columns: 12px 38px !important;
    gap: 4px !important;
    font-size: 10px !important;
    width: 54px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__time svg {
    width: 10px !important;
    height: 12px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__pin {
    width: 20px !important;
    height: 20px !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__pin svg {
    width: 14px !important;
    height: 14px !important;
  }
  /* Ukloni stuck hover na mobitelu */
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__name-zone:hover,
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__action-zone:hover {
    background-color: transparent !important;
  }
  .page-id-1197 .av-wrapper--explore .exp-link-row--split .exp-link-row__name-zone:hover .exp-link-row__name {
    color: #0D2D6B !important;
  }
  /* Galerija manji padding i naslov */
  .page-id-1197 .exp-page--apt > .bm-section.bg-gallery-section {
    margin: 8px 12px 16px !important;
    padding: 16px 14px 18px !important;
    border-radius: 14px !important;
  }
  .page-id-1197 .bg-gallery-section .bm-head {
    margin-bottom: 14px !important;
  }
  .page-id-1197 .bg-gallery-section .bm-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  .page-id-1197 .bg-gallery-section .bm-lead {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  /* Thumbnaili veći za touch */
  .page-id-1197 .bg-carousel__thumb {
    flex: 0 0 220px !important;
    width: 220px !important;
    border-radius: 8px !important;
  }
  .page-id-1197 .bg-carousel__strip {
    gap: 8px !important;
  }
}

/* 10.10.7 Breakpoint 480px — manji thumbnaili u galeriji */
@media (max-width: 480px) {
  .page-id-1197 .bg-carousel__thumb {
    flex: 0 0 200px !important;
    width: 200px !important;
  }
}



/* ════
   11. EXPLORE BRAČ (page-id-2864)
   ═══════════ */

/* ── 11.1 Astra container reset (full width fix) ── */

/* 11.1.1 Forsiranje full-width za Astra wrapper */
.page-id-2864 .site-content,
.page-id-2864 .ast-container,
.page-id-2864 .ast-article-single,
.page-id-2864 .entry-content,
.page-id-2864 .site-main,
.page-id-2864 article.ast-article-single,
.page-id-2864 .wp-block-html,
.page-id-2864 .wp-block-spectra-container,
.page-id-2864 .spectra-container,
.page-id-2864 .wp-block-spectra-container.spectra-container:first-of-type {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* 11.1.2 Site content — bez paddinga, transparentno */
.page-id-2864 .site-content,
.page-id-2864 #content,
.page-id-2864 .ast-content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: transparent !important;
}

/* 11.1.3 Header — relativni position, navy pozadina */
.page-id-2864 .site-header,
.page-id-2864 #masthead,
.page-id-2864 .ast-theme-transparent-header .site-header {
  position: relative !important;
  background: #0D2D6B !important;
  box-shadow: none !important;
}

/* 11.1.4 Body — soft pozadina */
body.page-id-2864,
body.page-id-2864.ast-separate-container {
  background-color: #FAFBFC !important;
  overflow-x: hidden !important;
}

/* 11.1.5 Sakrivanje Astra default elemenata */
.page-id-2864 .entry-header,
.page-id-2864 .ast-archive-description,
.page-id-2864 .post-thumb-img-content {
  display: none !important;
}


/* ── 11.2 Wrapper i grid layout ── */

/* 11.2.1 Outer wrapper — preko cijelog viewporta (margin trick) */
.page-id-2864 .exp-page--apt {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left:  calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  background: #FAFBFC !important;
  font-family: 'Sora', sans-serif;
}

/* 11.2.2 Inner grid — 340px rail / 1fr mid / 320px side */
.page-id-2864 .av-wrapper--explore {
  display: grid !important;
  grid-template-columns: 340px 1fr 320px !important;
  min-height: 100vh !important;
  background: #FAFBFC !important;
  font-family: 'Sora', sans-serif !important;
  align-items: start !important;
}


/* ── 11.3 Lijevi rail (Brač blue #2C6BA8) ── */

/* 11.3.1 Container — sticky na vrhu, scroll na overflow */
.page-id-2864 .av-rail--explore {
  background: #2C6BA8 !important;
  color: #FFFFFF !important;
  padding: 40px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  font-family: 'Sora', sans-serif !important;
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

/* 11.3.2 Scrollbar — tanki bijeli */
.page-id-2864 .av-rail--explore::-webkit-scrollbar { width: 6px; }
.page-id-2864 .av-rail--explore::-webkit-scrollbar-track { background: rgba(255,255,255,0.08); }
.page-id-2864 .av-rail--explore::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.25); border-radius: 3px; }
.page-id-2864 .av-rail--explore::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.4); }

/* 11.3.3 Eyebrow — zlatni accent uppercase */
.page-id-2864 .av-rail--explore .av-rail__eyebrow {
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #E8C070 !important;
  font-weight: 400 !important;
  margin-bottom: 16px !important;
}

/* 11.3.4 Glavni naslov */
.page-id-2864 .av-rail--explore .av-rail__title {
  font-size: 48px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 8px !important;
  color: #FFFFFF !important;
}

/* 11.3.5 Subtitle */
.page-id-2864 .av-rail--explore .av-rail__subtitle {
  font-size: 16px !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,0.75) !important;
  margin-bottom: 18px !important;
}

/* 11.3.6 Tag */
.page-id-2864 .av-rail--explore .av-rail__tag {
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.85) !important;
  margin: 0 0 22px !important;
}

/* 11.3.7 Stats blok */
.page-id-2864 .av-rail--explore .av-rail__stats {
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  color: rgba(255,255,255,0.9) !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(255,255,255,0.18) !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
  margin-bottom: 20px !important;
  line-height: 1.7 !important;
  font-weight: 300 !important;
}
.page-id-2864 .av-rail--explore .av-rail__stats span {
  color: #E8C070 !important;
  margin: 0 5px !important;
}

/* 11.3.8 CTA gumbovi blok */
.page-id-2864 .av-rail--explore .av-rail__ctas {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
}

/* 11.3.9 CTA light varijanta */
.page-id-2864 .av-rail--explore .av-btn--light {
  background: #FFFFFF !important;
  color: #2C6BA8 !important;
  border: 1.5px solid #FFFFFF !important;
}
.page-id-2864 .av-rail--explore .av-btn--light:hover {
  background: #F7F9FD !important;
  color: #0D2D6B !important;
}

/* 11.3.10 CTA ghost varijanta */
.page-id-2864 .av-rail--explore .av-btn--ghost {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255,255,255,0.4) !important;
}
.page-id-2864 .av-rail--explore .av-btn--ghost:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: #FFFFFF !important;
}

/* 11.3.11 Note pri dnu raila */
.page-id-2864 .av-rail--explore .av-rail__note {
  font-size: 12px !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.65) !important;
  margin-top: auto !important;
  border-top: 1px solid rgba(255,255,255,0.18) !important;
  padding-top: 16px !important;
}

/* 11.3.12 Highlight kartica (Brač Stone) — bijela sa zlatnim borderom */
.page-id-2864 .av-rail--explore .av-rail__highlight {
  background: #FFFFFF !important;
  border-left: 3px solid #E8C070 !important;
  border-radius: 10px !important;
  padding: 14px 16px 14px 14px !important;
  margin-bottom: 22px !important;
}

/* 11.3.13 Highlight naslov */
.page-id-2864 .av-rail--explore .av-rail__highlight h4 {
  margin: 0 0 8px !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #0D2D6B !important;
  font-weight: 700 !important;
  font-family: 'Sora', sans-serif !important;
}

/* 11.3.14 Highlight tekst */
.page-id-2864 .av-rail--explore .av-rail__highlight p {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: #1A1A1A !important;
  font-weight: 400 !important;
  font-family: 'Sora', sans-serif !important;
}

/* 11.3.15 Highlight link */
.page-id-2864 .av-rail--explore .av-rail__highlight-link {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  color: #0D2D6B !important;
  text-decoration: none !important;
  transition: color .2s ease-out !important;
}
.page-id-2864 .av-rail--explore .av-rail__highlight-link:hover {
  color: #E8C070 !important;
}
/* 11.3.16 "Brač at a glance" — bijela kartica sa žutim lijevim borderom unutar raila */
.page-id-2864 .av-rail--explore .exp-side-card.exp-side-card--glance {
  background: #FFFFFF !important;
  border: 1px solid transparent !important;
  border-left: 3px solid #E8C070 !important;
  border-radius: 10px !important;
  padding: 14px 16px 14px 14px !important;
  margin-bottom: 22px !important;
  box-shadow: none !important;
}

/* 11.3.16.1 Naslov h4 unutar glance kartice — navy, vidljiv na bijelom */
.page-id-2864 .av-rail--explore .exp-side-card.exp-side-card--glance h4 {
  margin: 0 0 10px !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #0D2D6B !important;
  font-weight: 700 !important;
  font-family: 'Sora', sans-serif !important;
}

/* 11.3.16.2 Stats list wrapper — gornji separator */
.page-id-2864 .av-rail--explore .exp-side-card.exp-side-card--glance .av-rail__stats-list {
  border-top: 1px solid #f0e4c4 !important;
  padding-top: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* 11.3.16.3 Pojedinačni stat redak — naziv lijevo, vrijednost desno */
.page-id-2864 .av-rail--explore .exp-side-card.exp-side-card--glance .av-rail__stat {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
  padding: 6px 4px !important;
  border-top: 1px solid #f7eed5 !important;
  font-size: 12px !important;
}
.page-id-2864 .av-rail--explore .exp-side-card.exp-side-card--glance .av-rail__stats-list .av-rail__stat:first-child {
  border-top: 0 !important;
}

/* 11.3.16.4 Stat naziv (lijevi span) — tamni, override bijele iz raila */
.page-id-2864 .av-rail--explore .exp-side-card.exp-side-card--glance .av-rail__stat span:first-child {
  color: #1A1A1A !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

/* 11.3.16.5 Stat vrijednost (desni span) — sivkasti, tabular brojevi */
.page-id-2864 .av-rail--explore .exp-side-card.exp-side-card--glance .av-rail__stat span:last-child {
  color: #5f6b76 !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

/* ── 11.4 Mid sekcija ── */

/* 11.4.1 Mid container */
.page-id-2864 .av-wrapper--explore .av-mid {
  padding: 48px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  background: #FAFBFC !important;
  min-width: 0 !important;
}

/* 11.4.2 Hero slika */
.page-id-2864 .av-wrapper--explore .av-hero {
  margin: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  position: relative !important;
  aspect-ratio: 16/9 !important;
  background: #E8ECEF !important;
}
.page-id-2864 .av-wrapper--explore .av-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}


/* ── 11.5 Category cards box (4 kartice za Brač) ── */

/* 11.5.2 Container — bijela kartica sa zlatnim borderom, 5 stupaca */
.page-id-2864 .av-wrapper--explore .exp-cats {
  margin: 0 !important;
  padding: 18px !important;
  background: #FFFFFF !important;
  border: 2px solid #E8C070 !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 10px !important;
  position: relative !important;
}

/* 11.5.3 Naslov "Explore Brač" injektiran preko ::before */
.page-id-2864 .av-wrapper--explore .exp-cats::before {
  content: "Explore Brač";
  display: block;
  grid-column: 1 / -1;
  font-size: 22px;
  font-weight: 600;
  color: #E8C070;
  font-family: 'Sora', sans-serif;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
  padding-left: 4px;
}

/* 11.5.4 Bazična kartica — bijela, border-left akcent */
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat {
  display: block !important;
  min-height: 86px !important;
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-left-width: 3px !important;
  border-radius: 12px !important;
  padding: 14px 14px 12px !important;
  transition: all .25s ease-out !important;
  text-decoration: none !important;
}

/* 11.5.5 Naslov u kartici */
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat h3 {
  margin: 0 0 7px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  transition: color .25s ease-out !important;
  font-family: 'Sora', sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 11.5.6 Opis u kartici */
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #5f6b76 !important;
  font-weight: 300 !important;
}

/* 11.5.7 HERITAGE — zlatna */
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#heritage"] {
  border-left-color: #E8C070 !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#heritage"]:hover {
  background: #FFF8E7 !important;
  border-color: #E8C070 !important;
  border-left-color: #C9A14A !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(232, 192, 112, 0.25) !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#heritage"]:hover h3 { color: #C9A14A !important; }

/* 11.5.8 VILLAGES — terakota */
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#villages"] {
  border-left-color: #C97B5E !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#villages"]:hover {
  background: #FFF4F1 !important;
  border-color: #E8B4A8 !important;
  border-left-color: #B05541 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(197, 107, 92, 0.18) !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#villages"]:hover h3 { color: #B05541 !important; }

/* 11.5.9 DAY TRIPS — zelena */
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#day-trips"] {
  border-left-color: #34D399 !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#day-trips"]:hover {
  background: #ECFDF5 !important;
  border-color: #6EE7B7 !important;
  border-left-color: #059669 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(52, 211, 153, 0.20) !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#day-trips"]:hover h3 { color: #059669 !important; }

/* 11.5.10 TASTE — crvena */
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#taste"] {
  border-left-color: #F87171 !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#taste"]:hover {
  background: #FEF2F2 !important;
  border-color: #FCA5A5 !important;
  border-left-color: #DC2626 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(248, 113, 113, 0.20) !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#taste"]:hover h3 { color: #DC2626 !important; }

/* 11.5.11 TRANSPORT — siva */
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#transport"] {
  border-left-color: #94A3B8 !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#transport"]:hover {
  background: #F1F5F9 !important;
  border-color: #94A3B8 !important;
  border-left-color: #475569 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(148, 163, 184, 0.25) !important;
}
.page-id-2864 .av-wrapper--explore .exp-cats .exp-cat[href="#transport"]:hover h3 { color: #475569 !important; }
/* ── 11.6 Zig-zag sekcije ── */

/* 11.6.1 Default zig */
.page-id-2864 .av-wrapper--explore .exp-zig {
  display: grid !important;
  grid-template-columns: 3fr 2fr !important;
  gap: 24px !important;
  align-items: stretch !important;
  margin: 0 !important;
}

/* 11.6.2 Reverse */
.page-id-2864 .av-wrapper--explore .exp-zig--reverse {
  grid-template-columns: 2fr 3fr !important;
}
.page-id-2864 .av-wrapper--explore .exp-zig--reverse .exp-media { order: 2 !important; }
.page-id-2864 .av-wrapper--explore .exp-zig--reverse .exp-card { order: 1 !important; }

/* 11.6.3 Tekst kartica */
.page-id-2864 .av-wrapper--explore .exp-card {
  background: #FFFFFF !important;
  border: 1px solid #D0EAF5 !important;
  border-left: 3px solid #2C6BA8 !important;
  border-radius: 14px !important;
  padding: 24px 26px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  font-family: 'Sora', sans-serif !important;
}

/* 11.6.4 H2 naslov */
.page-id-2864 .av-wrapper--explore .exp-card h2 {
  margin: 0 0 12px !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
}

/* 11.6.5 Paragraf */
.page-id-2864 .av-wrapper--explore .exp-card p {
  margin: 0 0 14px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #3A3A3A !important;
  font-weight: 300 !important;
}

/* 11.6.6 Inline link */
.page-id-2864 .av-wrapper--explore .exp-card p a {
  color: inherit !important;
  text-decoration: underline !important;
  text-decoration-color: #2C6BA8 !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}
.page-id-2864 .av-wrapper--explore .exp-card p a:hover {
  text-decoration-thickness: 2px !important;
  text-decoration-color: #0D2D6B !important;
}

/* 11.6.7 Eyebrow */
.page-id-2864 .av-wrapper--explore .exp-kicker {
  margin: 0 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #E8C070 !important;
}

/* 11.6.8 Wrapper za link liste */
.page-id-2864 .av-wrapper--explore .exp-links {
  margin-top: 4px !important;
  padding-top: 10px !important;
  border-top: 1px solid #D0EAF5 !important;
}

/* 11.6.9 Media (slika) */
.page-id-2864 .av-wrapper--explore .exp-media {
  position: relative !important;
  min-height: 320px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ddd !important;
}
.page-id-2864 .av-wrapper--explore .exp-media img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .6s ease-out !important;
}
.page-id-2864 .av-wrapper--explore .exp-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(8,28,66,.05) 0%, rgba(8,28,66,.20) 100%) !important;
}

/* 11.6.10 Label preko slike */
.page-id-2864 .av-wrapper--explore .exp-media__label {
  position: absolute !important;
  inset: auto 12px 12px auto !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(6px) !important;
  color: #0D2D6B !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  width: fit-content !important;
  transition: background .2s ease-out, color .2s ease-out !important;
}

/* 11.6.11 Klikabilna slika */
.page-id-2864 .av-wrapper--explore .exp-media--link {
  display: block !important;
  cursor: pointer !important;
  text-decoration: none !important;
  color: inherit !important;
}
.page-id-2864 .av-wrapper--explore .exp-media--link:hover img {
  transform: scale(1.03) !important;
}
.page-id-2864 .av-wrapper--explore .exp-media--link:hover .exp-media__label {
  background: rgba(232,192,112,0.95) !important;
  color: #0D2D6B !important;
}


/* ── 11.7 Desni sidebar ── */

/* 11.7.1 Side container */
.page-id-2864 .av-side--explore {
  padding: 40px 28px !important;
  background: #FFFFFF !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  border-left: 1px solid #D0EAF5 !important;
  font-family: 'Sora', sans-serif !important;
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
}

/* 11.7.2 Sidebar scrollbar */
.page-id-2864 .av-side--explore::-webkit-scrollbar { width: 6px; }
.page-id-2864 .av-side--explore::-webkit-scrollbar-track { background: rgba(13,45,107,0.05); }
.page-id-2864 .av-side--explore::-webkit-scrollbar-thumb { background: rgba(13,45,107,0.2); border-radius: 3px; }

/* 11.7.3 Bazična kartica */
.page-id-2864 .av-side--explore .exp-side-card {
  background: #FFFFFF !important;
  border: 1px solid #D0EAF5 !important;
  border-left: 3px solid #2C6BA8 !important;
  border-radius: 14px !important;
  padding: 16px 16px 14px !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 11.7.4 Naslov kartice */
.page-id-2864 .av-side--explore .exp-side-card h4 {
  margin: 0 0 12px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #0D2D6B !important;
  font-family: 'Sora', sans-serif !important;
}

/* 11.7.5 List unutar kartice */
.page-id-2864 .av-side--explore .exp-side-card__list {
  border-top: 1px solid #D0EAF5 !important;
  padding-top: 8px !important;
}

/* 11.7.6 Item u listi (anchor — name + pin) */
.page-id-2864 .av-side--explore .exp-side-card__item {
  display: grid !important;
  grid-template-columns: 1fr 18px !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 7px 4px !important;
  border-top: 1px solid #eef3f7 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  color: inherit !important;
  border-radius: 4px !important;
  transition: background-color .2s ease-out !important;
}
.page-id-2864 .av-side--explore .exp-side-card__list .exp-side-card__item:first-child {
  border-top: 0 !important;
}

/* 11.7.7 Item hover (samo za anchor) */
.page-id-2864 .av-side--explore a.exp-side-card__item:hover {
  background-color: #F0FAFE !important;
}
.page-id-2864 .av-side--explore a.exp-side-card__item:hover .exp-side-card__name {
  color: #2C6BA8 !important;
}

/* 11.7.8 Item — naziv */
.page-id-2864 .av-side--explore .exp-side-card__name {
  color: #1A1A1A !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  transition: color .2s ease-out !important;
}
.page-id-2864 .av-side--explore .exp-side-card__name small {
  font-weight: 400 !important;
  color: #6B7B8C !important;
  font-size: 11px !important;
  margin-left: 2px !important;
}

/* 11.7.9 Item — pin ikona */
.page-id-2864 .av-side--explore .exp-side-card__pin {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: #2C6BA8 !important;
  transition: color .2s ease-out !important;
}
.page-id-2864 .av-side--explore .exp-side-card__pin svg {
  width: 13px !important;
  height: 13px !important;
}

/* 11.7.10 Fallback za neaktivne stavke (text-only — name + value) */
.page-id-2864 .av-side--explore div.exp-side-card__item {
  grid-template-columns: 1fr auto !important;
}
.page-id-2864 .av-side--explore div.exp-side-card__item span:first-child {
  color: #1A1A1A !important;
  font-weight: 500 !important;
}
.page-id-2864 .av-side--explore div.exp-side-card__item span:first-child small {
  font-weight: 400 !important;
  color: #6B7B8C !important;
  font-size: 11px !important;
  margin-left: 4px !important;
}
.page-id-2864 .av-side--explore div.exp-side-card__item span:last-child {
  color: #5f6b76 !important;
  white-space: nowrap !important;
  font-size: 11px !important;
}

/* 11.7.11 Highlight kartica — zlatni gradient (Did You Know) */
.page-id-2864 .av-side--explore .exp-side-card--highlight {
  background: linear-gradient(180deg, #fff8e7 0%, #f7ebc7 100%) !important;
  border: 1px solid #E8C070 !important;
  border-left: 3px solid #E8C070 !important;
}
.page-id-2864 .av-side--explore .exp-side-card--highlight h4 {
  color: #8B6914 !important;
}
.page-id-2864 .av-side--explore .exp-side-card--highlight p {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: #1A1A1A !important;
  font-weight: 300 !important;
}
.page-id-2864 .av-side--explore .exp-side-card--highlight p:last-child {
  margin-bottom: 0 !important;
}
.page-id-2864 .av-side--explore .exp-side-card--highlight p::before {
  content: "✦ " !important;
  color: #C9A14A !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  margin-right: 2px !important;
}

/* 11.7.12 Hero call element (broj 112 na vrhu Emergency kartice) */
.page-id-2864 .av-side--explore .exp-side-card__hero-call {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #2C6BA8 !important;
  color: #FFFFFF !important;
  padding: 16px 12px 14px !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  text-align: center !important;
}
.page-id-2864 .av-side--explore .exp-side-card__hero-number {
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  color: #FFFFFF !important;
  font-variant-numeric: tabular-nums !important;
}
.page-id-2864 .av-side--explore .exp-side-card__hero-label {
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: rgba(255,255,255,0.9) !important;
  margin-top: 8px !important;
  padding: 0 4px !important;
}


/* 11.7.13 Item u listi — 3-kolone (name | auto+km | pin), bold navy name */
.page-id-2864 .av-side--explore .exp-side-card__list a.exp-side-card__item {
  grid-template-columns: 1fr auto 18px !important;
}
.page-id-2864 .av-side--explore .exp-side-card__list a.exp-side-card__item .exp-side-card__pin {
  grid-column: 3 !important;
}
.page-id-2864 .av-side--explore .exp-side-card__list .exp-side-card__name {
  color: #0D2D6B !important;
  font-weight: 700 !important;
}
.page-id-2864 .av-side--explore .exp-side-card__time {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #5f6b76 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
.page-id-2864 .av-side--explore .exp-side-card__time svg {
  width: 14px !important;
  height: 10px !important;
  color: #5f6b76 !important;
  flex-shrink: 0 !important;
}

/* 11.7.14 "Brač legends" — žuti naslov sidebara, isti stil kao "Explore Brač" */
.page-id-2864 .av-side--explore .av-side__heading {
  display: block !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #E8C070 !important;
  font-family: 'Sora', sans-serif !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 14px !important;
  padding-left: 0 !important;
  text-transform: none !important;
  line-height: 1.2 !important;
}

/* 11.7.15 Paragraf u sidebar karticama — kompaktan, čitljiv (override Astra default p) */
.page-id-2864 .av-side--explore .exp-side-card p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  color: #1A1A1A !important;
  font-weight: 400 !important;
  font-family: 'Sora', sans-serif !important;
}

/* 11.7.16 Naslov kartice u sidebaru — manje razvučen letter-spacing */
.page-id-2864 .av-side--explore .exp-side-card h4 {
  letter-spacing: 0.08em !important;
  margin: 0 0 10px !important;
  line-height: 1.2 !important;
}

/* ── 11.8 Exp-link-row format (linkovi unutar zig-zag kartica) ── */

/* 11.8.1 Bazična varijanta — grid (naziv | auto+km | pin) */
.page-id-2864 .av-wrapper--explore .exp-link-row {
  display: grid !important;
  grid-template-columns: 1fr 70px 24px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 10px 16px 10px 8px !important;
  margin: 0 -8px !important;
  border-top: 1px solid #eef3f7 !important;
  text-decoration: none !important;
  color: inherit !important;
  border-radius: 6px !important;
  transition: background-color .2s ease-out !important;
}

/* 11.8.1.1 Pin desno kad nema __time elementa */
.page-id-2864 .av-wrapper--explore .exp-link-row:not(:has(.exp-link-row__time)) {
  grid-template-columns: 1fr 24px !important;
}

/* 11.8.2 Hover */
.page-id-2864 .av-wrapper--explore .exp-link-row:hover {
  background-color: #F0FAFE !important;
}

/* 11.8.3 Naziv */
.page-id-2864 .av-wrapper--explore .exp-link-row__name {
  color: #0D2D6B !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  transition: color .2s ease-out !important;
}
.page-id-2864 .av-wrapper--explore .exp-link-row:hover .exp-link-row__name {
  color: #2f67c5 !important;
}

/* 11.8.4 Time/distance — sivi auto ikona + km tekst */
.page-id-2864 .av-wrapper--explore .exp-link-row__time {
  display: grid !important;
  grid-template-columns: 20px 1fr !important;
  gap: 6px !important;
  align-items: center !important;
  color: #5f6b76 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
  width: 70px !important;
  justify-self: end !important;
}

/* 11.8.4.1 Auto SVG ikona unutar time — bočni auto, 18×12 */
.page-id-2864 .av-wrapper--explore .exp-link-row__time svg {
  width: 18px !important;
  height: 12px !important;
  color: #5f6b76 !important;
  flex-shrink: 0 !important;
}

/* 11.8.5 Pin */
.page-id-2864 .av-wrapper--explore .exp-link-row__pin {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  color: #0D2D6B !important;
  transition: color .2s ease-out !important;
}
.page-id-2864 .av-wrapper--explore .exp-link-row__pin svg {
  width: 16px !important;
  height: 16px !important;
}
.page-id-2864 .av-wrapper--explore .exp-link-row:hover .exp-link-row__pin {
  color: #2f67c5 !important;
}

/* ============================================================================
   11.8.6 EXP-LINK-ROW TWO-LINE — Villages dvolinijski format
============================================================================ */

.page-id-2864 .av-wrapper--explore .exp-link-row--two-line {
  grid-template-columns: 1fr 70px 24px !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "name time pin"
    "desc desc desc" !important;
  row-gap: 4px !important;
  align-items: center !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-row--two-line .exp-link-row__name {
  grid-area: name !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-row--two-line .exp-link-row__time {
  grid-area: time !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-row--two-line .exp-link-row__pin {
  grid-area: pin !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-row--two-line .exp-link-row__desc {
  grid-area: desc !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
  color: #5f6b76 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-row--two-line .exp-link-row__desc em {
  font-style: italic !important;
}

/* ============================================================================
   11.8.7 EXP-LINK-GROUP — Car ferry naslov + uvučene stavke (Transport)
============================================================================ */

.page-id-2864 .av-wrapper--explore .exp-link-group {
  border-top: 1px solid #eef3f7 !important;
  padding-top: 8px !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-group:first-child {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-group__title {
  color: #2C6BA8 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  padding: 10px 16px 10px 8px !important;
  margin: 0 -8px !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-row--indent {
  border-top: 0 !important;
}

.page-id-2864 .av-wrapper--explore .exp-link-row--indent + .exp-link-row--indent {
  border-top: 1px solid #eef3f7 !important;
}

/* ── 11.9 Galerija — Brač in Pictures (16 → 13 slika) ── */

/* 11.9.1 Galerija wrapper */
.page-id-2864 .exp-page--apt > .bm-section.bg-gallery-section {
  width: calc(100vw - 776px) !important;
  max-width: calc(100vw - 776px) !important;
  margin: 4px 388px 4px 388px !important;
  padding: 22px 26px 22px !important;
  background: #FFFFFF !important;
  border: 2px solid #E8C070 !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
}

/* 11.9.2 Heading wrapper */
.page-id-2864 .bg-gallery-section .bm-head {
  margin-bottom: 24px !important;
  text-align: center !important;
}

/* 11.9.3 Kicker */
.page-id-2864 .bg-gallery-section .bm-kicker {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #E8C070 !important;
}

/* 11.9.4 Glavni naslov */
.page-id-2864 .bg-gallery-section .bm-title {
  margin: 6px auto 8px !important;
  max-width: 600px !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  font-family: 'Sora', sans-serif !important;
}

/* 11.9.5 Lead */
.page-id-2864 .bg-gallery-section .bm-lead {
  margin: 0 auto !important;
  max-width: 580px !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #5f6b76 !important;
  font-weight: 300 !important;
}

/* 11.9.6 Carousel wrapper */
.page-id-2864 .bg-carousel {
  position: relative !important;
  padding: 0 !important;
}

/* 11.9.7 Sakriveni radio buttons */
.page-id-2864 .bg-carousel input[type="radio"],
.page-id-2864 .bg-carousel input[name="bg-zoom"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 11.9.8 Viewport */
.page-id-2864 .bg-carousel__viewport {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-radius: 8px !important;
  scroll-behavior: smooth !important;
  scrollbar-width: thin !important;
  scrollbar-color: #E8C070 #F0FAFE !important;
  -webkit-overflow-scrolling: touch !important;
}
.page-id-2864 .bg-carousel__viewport::-webkit-scrollbar { height: 6px !important; }
.page-id-2864 .bg-carousel__viewport::-webkit-scrollbar-track {
  background: #F0FAFE !important;
  border-radius: 3px !important;
}
.page-id-2864 .bg-carousel__viewport::-webkit-scrollbar-thumb {
  background: #E8C070 !important;
  border-radius: 3px !important;
}

/* 11.9.9 Strip */
.page-id-2864 .bg-carousel__strip {
  display: flex !important;
  gap: 10px !important;
  width: max-content !important;
  padding: 4px 0 !important;
}

/* 11.9.10 Thumbnail */
.page-id-2864 .bg-carousel__thumb {
  flex: 0 0 200px !important;
  width: 200px !important;
  aspect-ratio: 4/3 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: transform 0.3s ease-out !important;
  box-shadow: 0 2px 8px rgba(13, 45, 107, 0.08) !important;
  scroll-snap-align: start !important;
  cursor: zoom-in !important;
}
.page-id-2864 .bg-carousel__thumb:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 16px rgba(13, 45, 107, 0.18) !important;
}

/* 11.9.11 Lightbox overlay */
.page-id-2864 .bg-lightbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px !important;
}

/* 11.9.12 Lightbox show triggers (23 slike) */
.page-id-2864 #bg-zoom-1:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-2:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-3:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-4:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-5:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-6:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-7:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-8:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-9:checked  ~ .bg-lightbox,
.page-id-2864 #bg-zoom-10:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-11:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-12:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-13:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-14:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-15:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-16:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-17:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-18:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-19:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-20:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-21:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-22:checked ~ .bg-lightbox,
.page-id-2864 #bg-zoom-23:checked ~ .bg-lightbox {
  display: flex !important;
}



/* 11.9.13 Lightbox backdrop */
.page-id-2864 .bg-lightbox__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(13, 45, 107, 0.85) !important;
  cursor: pointer !important;
  margin: 0 !important;
}

/* 11.9.14 Lightbox image — sakrivena po default-u */
.page-id-2864 .bg-lightbox__image {
  position: relative !important;
  width: 80% !important;
  max-width: 1100px !important;
  aspect-ratio: 16/10 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
  display: none !important;
  border-radius: 8px !important;
}

/* 11.9.15 Lightbox image — prikaz aktivne (23 slike) */
.page-id-2864 #bg-zoom-1:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="1"],
.page-id-2864 #bg-zoom-2:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="2"],
.page-id-2864 #bg-zoom-3:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="3"],
.page-id-2864 #bg-zoom-4:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="4"],
.page-id-2864 #bg-zoom-5:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="5"],
.page-id-2864 #bg-zoom-6:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="6"],
.page-id-2864 #bg-zoom-7:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="7"],
.page-id-2864 #bg-zoom-8:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="8"],
.page-id-2864 #bg-zoom-9:checked  ~ .bg-lightbox .bg-lightbox__image[data-img="9"],
.page-id-2864 #bg-zoom-10:checked ~ .bg-lightbox .bg-lightbox__image[data-img="10"],
.page-id-2864 #bg-zoom-11:checked ~ .bg-lightbox .bg-lightbox__image[data-img="11"],
.page-id-2864 #bg-zoom-12:checked ~ .bg-lightbox .bg-lightbox__image[data-img="12"],
.page-id-2864 #bg-zoom-13:checked ~ .bg-lightbox .bg-lightbox__image[data-img="13"],
.page-id-2864 #bg-zoom-14:checked ~ .bg-lightbox .bg-lightbox__image[data-img="14"],
.page-id-2864 #bg-zoom-15:checked ~ .bg-lightbox .bg-lightbox__image[data-img="15"],
.page-id-2864 #bg-zoom-16:checked ~ .bg-lightbox .bg-lightbox__image[data-img="16"],
.page-id-2864 #bg-zoom-17:checked ~ .bg-lightbox .bg-lightbox__image[data-img="17"],
.page-id-2864 #bg-zoom-18:checked ~ .bg-lightbox .bg-lightbox__image[data-img="18"],
.page-id-2864 #bg-zoom-19:checked ~ .bg-lightbox .bg-lightbox__image[data-img="19"],
.page-id-2864 #bg-zoom-20:checked ~ .bg-lightbox .bg-lightbox__image[data-img="20"],
.page-id-2864 #bg-zoom-21:checked ~ .bg-lightbox .bg-lightbox__image[data-img="21"],
.page-id-2864 #bg-zoom-22:checked ~ .bg-lightbox .bg-lightbox__image[data-img="22"],
.page-id-2864 #bg-zoom-23:checked ~ .bg-lightbox .bg-lightbox__image[data-img="23"] {
  display: block !important;
}

/* 11.9.16 Lightbox kontrole — sakrivene po default-u */
.page-id-2864 .bg-lightbox__controls {
  display: none !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* 11.9.17 Lightbox kontrole — prikaz za aktivni zoom (23 slike) */
.page-id-2864 #bg-zoom-1:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="1"],
.page-id-2864 #bg-zoom-2:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="2"],
.page-id-2864 #bg-zoom-3:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="3"],
.page-id-2864 #bg-zoom-4:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="4"],
.page-id-2864 #bg-zoom-5:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="5"],
.page-id-2864 #bg-zoom-6:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="6"],
.page-id-2864 #bg-zoom-7:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="7"],
.page-id-2864 #bg-zoom-8:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="8"],
.page-id-2864 #bg-zoom-9:checked  ~ .bg-lightbox .bg-lightbox__controls[data-controls="9"],
.page-id-2864 #bg-zoom-10:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="10"],
.page-id-2864 #bg-zoom-11:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="11"],
.page-id-2864 #bg-zoom-12:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="12"],
.page-id-2864 #bg-zoom-13:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="13"],
.page-id-2864 #bg-zoom-14:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="14"],
.page-id-2864 #bg-zoom-15:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="15"],
.page-id-2864 #bg-zoom-16:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="16"],
.page-id-2864 #bg-zoom-17:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="17"],
.page-id-2864 #bg-zoom-18:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="18"],
.page-id-2864 #bg-zoom-19:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="19"],
.page-id-2864 #bg-zoom-20:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="20"],
.page-id-2864 #bg-zoom-21:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="21"],
.page-id-2864 #bg-zoom-22:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="22"],
.page-id-2864 #bg-zoom-23:checked ~ .bg-lightbox .bg-lightbox__controls[data-controls="23"] {
  display: block !important;
}

/* 11.9.18 Lightbox prev/next strelice */
.page-id-2864 .bg-lightbox__nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0D2D6B !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  margin: 0 !important;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}
.page-id-2864 .bg-lightbox__nav:hover {
  background: #E8C070 !important;
  transform: translateY(-50%) scale(1.05) !important;
}
.page-id-2864 .bg-lightbox__nav svg {
  width: 28px !important;
  height: 28px !important;
}
.page-id-2864 .bg-lightbox__nav--prev { left: 24px !important; }
.page-id-2864 .bg-lightbox__nav--next { right: 24px !important; }

/* 11.9.19 Lightbox close gumb (×) */
.page-id-2864 .bg-lightbox__close {
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0D2D6B !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  pointer-events: auto !important;
  margin: 0 !important;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  font-family: 'Sora', sans-serif !important;
}
.page-id-2864 .bg-lightbox__close:hover {
  background: #E8C070 !important;
  transform: scale(1.1) !important;
}

/* ── 11.10 Explore Brač — responsive ── */

/* 11.10.1 1400px */
@media (max-width: 1400px) {
  .page-id-2864 .av-wrapper--explore {
    grid-template-columns: 320px 1fr 300px !important;
  }
  .page-id-2864 .exp-page--apt > .bm-section.bg-gallery-section {
    width: calc(100vw - 736px) !important;
    max-width: calc(100vw - 736px) !important;
    margin: 4px 368px 4px 368px !important;
  }
}

/* 11.10.2 1200px */
@media (max-width: 1200px) {
  .page-id-2864 .av-wrapper--explore {
    grid-template-columns: 300px 1fr 280px !important;
  }
  .page-id-2864 .av-wrapper--explore .av-mid {
    padding: 32px !important;
  }
  .page-id-2864 .av-rail--explore {
    padding: 32px 22px !important;
  }
  .page-id-2864 .av-rail--explore .av-rail__title {
    font-size: 42px !important;
  }
  .page-id-2864 .av-wrapper--explore .exp-cats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .page-id-2864 .exp-page--apt > .bm-section.bg-gallery-section {
    width: calc(100vw - 664px) !important;
    max-width: calc(100vw - 664px) !important;
    margin: 4px 332px 4px 332px !important;
  }
}

/* 11.10.3 1023px — sticky off, jedan stupac */
@media (max-width: 1023px) {
  .page-id-2864 .av-wrapper--explore {
    grid-template-columns: 1fr !important;
  }
  .page-id-2864 .av-rail--explore {
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
  }
  .page-id-2864 .av-side--explore {
    position: relative !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    border-left: none !important;
    border-top: 1px solid #D0EAF5 !important;
  }
  .page-id-2864 .av-wrapper--explore .exp-zig,
  .page-id-2864 .av-wrapper--explore .exp-zig--reverse {
    grid-template-columns: 1fr !important;
  }
  .page-id-2864 .av-wrapper--explore .exp-zig--reverse .exp-media { order: 1 !important; }
  .page-id-2864 .av-wrapper--explore .exp-zig--reverse .exp-card  { order: 2 !important; }
  .page-id-2864 .av-wrapper--explore .exp-cats {
    grid-template-columns: 1fr 1fr !important;
  }
  .page-id-2864 .av-wrapper--explore .exp-cats::before {
    font-size: 20px !important;
  }
  .page-id-2864 .exp-page--apt > .bm-section.bg-gallery-section {
    width: auto !important;
    max-width: none !important;
    margin: 8px 24px 12px !important;
  }
}

/* 11.10.4 768px */
@media (max-width: 768px) {
  .page-id-2864 .av-wrapper--explore .av-mid {
    padding: 24px !important;
    gap: 24px !important;
  }
  .page-id-2864 .av-rail--explore .av-rail__title {
    font-size: 36px !important;
  }
  .page-id-2864 .av-wrapper--explore .exp-media {
    min-height: 220px !important;
  }
  .page-id-2864 .exp-page--apt > .bm-section.bg-gallery-section {
    width: auto !important;
    max-width: none !important;
    margin: 8px 16px 12px !important;
    padding: 20px 18px 22px !important;
  }
  .page-id-2864 .bg-gallery-section .bm-title {
    font-size: 20px !important;
  }
  .page-id-2864 .bg-lightbox {
    padding: 20px !important;
  }
  .page-id-2864 .bg-lightbox__image {
    width: 100% !important;
  }
}

/* 11.10.5 560px */
@media (max-width: 560px) {
  .page-id-2864 .av-wrapper--explore .av-mid {
    padding: 16px !important;
  }
  .page-id-2864 .av-rail--explore {
    padding: 28px 20px !important;
  }
  .page-id-2864 .av-side--explore {
    padding: 28px 20px !important;
  }
  .page-id-2864 .av-wrapper--explore .exp-cats {
    grid-template-columns: 1fr !important;
  }
  .page-id-2864 .exp-page--apt > .bm-section.bg-gallery-section {
    margin: 8px 12px 16px !important;
    padding: 16px 14px 18px !important;
    border-radius: 14px !important;
  }
  .page-id-2864 .bg-gallery-section .bm-title {
    font-size: 18px !important;
  }
  .page-id-2864 .bg-carousel__thumb {
    flex: 0 0 220px !important;
    width: 220px !important;
  }
}

/* 11.10.6 480px */
@media (max-width: 480px) {
  .page-id-2864 .bg-carousel__thumb {
    flex: 0 0 200px !important;
    width: 200px !important;
  }
}


/* ============================================================================
   KRAJ POGLAVLJA 11. EXPLORE BRAČ
   ============================================================================ */
/* ============================================================================
   51. FULL WIDTH FIX — Astra max-width override
============================================================================ */

.page-id-2864 .ast-container,
.page-id-2864 .site-content,
.page-id-2864 .site-content > .ast-container,
.page-id-2864 #primary,
.page-id-2864 .entry-content,
.page-id-2864 .ast-no-sidebar #primary {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.page-id-2864 .entry-content > .wp-block-html,
.page-id-2864 .entry-content > .wp-block-spacer {
    max-width: 100% !important;
    margin: 0 !important;
}

.page-id-2864 .exp-page {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #F0FAFE;
    overflow-x: hidden;
}

.page-id-2864 .entry-header,
.page-id-2864 .ast-archive-description,
.page-id-2864 .post-thumb-img-content {
    display: none !important;
}


/* ============================================================================
   52. WRAPPER GRID — 340px rail / 1fr mid / 320px side
============================================================================ */

.page-id-2864 .av-wrapper--explore {
    display: grid;
    grid-template-columns: 340px 1fr 320px;
    gap: 0;
    max-width: 1600px;
    margin: 0 auto;
    background: #F0FAFE;
    align-items: stretch;
}


/* ============================================================================
   53. LEFT RAIL — Brač blue (#2C6BA8)
============================================================================ */

.page-id-2864 .exp-rail {
    background: #2C6BA8;
    color: #FFFFFF;
    padding: 60px 36px 50px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    overflow-y: auto;
}

.page-id-2864 .exp-rail-eyebrow {
    font-size: 12px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-weight: 600;
    color: #E8C070;
    margin: 0;
}

.page-id-2864 .exp-rail-title {
    font-size: 56px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    letter-spacing: -0.5px;
}

.page-id-2864 .exp-rail-subtitle {
    font-size: 17px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.85;
    margin: 0 0 14px 0;
}

.page-id-2864 .exp-rail-tag {
    font-size: 14.5px;
    line-height: 1.65;
    color: #FFFFFF;
    opacity: 0.95;
    margin: 0;
}

.page-id-2864 .exp-rail-stats {
    font-size: 13px;
    line-height: 1.7;
    color: #FFFFFF;
    margin: 14px 0 0 0;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.2);
    letter-spacing: 0.3px;
}

.page-id-2864 .exp-rail-cta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 6px;
}

.page-id-2864 .exp-rail-btn {
    display: block;
    text-align: center;
    padding: 14px 20px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.page-id-2864 .exp-rail-btn--primary {
    background: #FFFFFF;
    color: #0D2D6B;
}

.page-id-2864 .exp-rail-btn--secondary {
    background: transparent;
    color: #FFFFFF;
    border: 2px solid rgba(255,255,255,0.4);
}

.page-id-2864 .exp-rail-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}

.page-id-2864 .exp-rail-note {
    font-size: 13px;
    line-height: 1.6;
    color: #FFFFFF;
    opacity: 0.75;
    margin: 12px 0 0 0;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.18);
    font-style: italic;
}


/* ============================================================================
   54. HIGHLIGHT KARTICA — gold border lijevo
============================================================================ */

.page-id-2864 .exp-rail-highlight {
    background: rgba(255,255,255,0.07);
    border-left: 4px solid #E8C070;
    padding: 18px 18px 18px 18px;
    border-radius: 0 8px 8px 0;
    margin: 8px 0 0 0;
}

.page-id-2864 .exp-rail-highlight-title {
    font-size: 11px;
    letter-spacing: 1.8px;
    color: #E8C070;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.page-id-2864 .exp-rail-highlight-text {
    font-size: 13.5px;
    line-height: 1.6;
    color: #FFFFFF;
    opacity: 0.92;
    margin: 0 0 10px 0;
}

.page-id-2864 .exp-rail-highlight-link {
    display: inline-block;
    font-size: 13px;
    color: #E8C070;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid rgba(232,192,112,0.3);
    padding-bottom: 1px;
    transition: color 0.2s, border-color 0.2s;
}

.page-id-2864 .exp-rail-highlight-link:hover {
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}


/* ============================================================================
   55. MID SECTION + HERO
============================================================================ */

.page-id-2864 .exp-mid {
    padding: 60px 50px 80px;
    background: #F0FAFE;
    min-width: 0;
}

.page-id-2864 .exp-hero {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 14px 40px rgba(13,45,107,0.18);
    margin-bottom: 50px;
}

.page-id-2864 .exp-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* ============================================================================
   56. CATEGORY CARDS — 4 kartice, gold border container
============================================================================ */

.page-id-2864 .exp-cards {
    background: #FFFFFF;
    border: 2px solid #E8C070;
    border-radius: 18px;
    padding: 36px 36px 32px;
    margin-bottom: 60px;
}

.page-id-2864 .exp-cards-title {
    color: #E8C070 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 0 22px 0 !important;
    letter-spacing: -0.3px;
}

.page-id-2864 .exp-cards-grid--four {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.page-id-2864 .exp-card {
    background: #FFFFFF;
    border: 1px solid #D0EAF5;
    border-left: 4px solid var(--card-color, #E8C070);
    border-radius: 12px;
    padding: 22px 20px 22px 20px;
    text-decoration: none;
    transition: transform 0.25s, box-shadow 0.25s;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-id-2864 .exp-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(13,45,107,0.12);
}

.page-id-2864 .exp-card-icon {
    width: 32px;
    height: 32px;
    color: var(--card-color, #E8C070);
}

.page-id-2864 .exp-card-icon svg {
    width: 100%;
    height: 100%;
}

.page-id-2864 .exp-card-title {
    color: #0D2D6B !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: -0.2px;
}

.page-id-2864 .exp-card-text {
    color: #1A1A1A;
    font-size: 13.5px;
    line-height: 1.45;
    margin: 0;
    opacity: 0.78;
}

/* Per-theme colors */
.page-id-2864 .exp-card--heritage  { --card-color: #E8C070; }
.page-id-2864 .exp-card--villages  { --card-color: #C97B5E; }
.page-id-2864 .exp-card--nature    { --card-color: #6B8E4E; }
.page-id-2864 .exp-card--transport { --card-color: #94A3B8; }


/* ============================================================================
   57. ZIG-ZAG SECTIONS — Heritage, Villages, Nature, Transport
============================================================================ */

.page-id-2864 .exp-zig {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 40px;
    margin-bottom: 70px;
    align-items: start;
    scroll-margin-top: 30px;
}

.page-id-2864 .exp-zig--reverse {
    grid-template-columns: 2fr 3fr;
}

.page-id-2864 .exp-zig--reverse .exp-zig-image {
    order: 2;
}

.page-id-2864 .exp-zig-image {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(13,45,107,0.14);
    aspect-ratio: 4 / 3;
}

.page-id-2864 .exp-zig-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.page-id-2864 .exp-zig-content {
    padding: 0 4px;
    min-width: 0;
}

.page-id-2864 .exp-zig-kicker {
    display: inline-block;
    font-size: 11.5px;
    letter-spacing: 2px;
    color: #C97B5E;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-id-2864 #heritage .exp-zig-kicker  { color: #E8C070; }
.page-id-2864 #villages .exp-zig-kicker  { color: #C97B5E; }
.page-id-2864 #nature .exp-zig-kicker    { color: #6B8E4E; }
.page-id-2864 #transport .exp-zig-kicker { color: #94A3B8; }

.page-id-2864 .exp-zig-title {
    color: #0D2D6B !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    margin: 0 0 16px 0 !important;
    letter-spacing: -0.4px;
}

.page-id-2864 .exp-zig-paragraph {
    font-size: 15.5px;
    line-height: 1.7;
    color: #1A1A1A;
    margin: 0 0 24px 0;
}

.page-id-2864 .exp-zig-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.page-id-2864 .exp-zig-footnote {
    font-size: 13px;
    line-height: 1.55;
    color: #1A1A1A;
    opacity: 0.7;
    margin: 18px 0 0 0;
    padding: 14px 16px;
    background: rgba(232,192,112,0.10);
    border-left: 3px solid #E8C070;
    border-radius: 0 6px 6px 0;
    font-style: italic;
}


/* ============================================================================
   58. EXP-LINK-ROW — format unutar zig-zag liste
============================================================================ */

.page-id-2864 .exp-link-row {
    padding: 16px 0;
    border-bottom: 1px solid #D0EAF5;
}

.page-id-2864 .exp-link-row:last-child {
    border-bottom: none;
}

.page-id-2864 .exp-link-row-main {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: baseline;
    margin-bottom: 6px;
}

.page-id-2864 .exp-link-row-name {
    font-size: 16px;
    font-weight: 700;
    color: #0D2D6B;
    text-decoration: none;
    line-height: 1.3;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}

.page-id-2864 .exp-link-row-name:hover {
    border-bottom-color: #0D2D6B;
}

.page-id-2864 .exp-link-row-name--plain {
    color: #0D2D6B;
}

.page-id-2864 .exp-link-row-tag {
    font-weight: 400;
    font-size: 14px;
    color: #1A1A1A;
    opacity: 0.65;
}

.page-id-2864 .exp-link-row-distance {
    font-size: 12.5px;
    color: #1A1A1A;
    opacity: 0.6;
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: 0.2px;
}

.page-id-2864 .exp-link-row-desc {
    font-size: 14px;
    line-height: 1.6;
    color: #1A1A1A;
    margin: 0;
    opacity: 0.85;
}


/* ============================================================================
   59. SIDEBAR — base + 5 kartica
============================================================================ */

.page-id-2864 .exp-side {
    background: #F0FAFE;
    padding: 60px 30px 50px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.page-id-2864 .exp-side-card {
    background: #FFFFFF;
    border: 1px solid #D0EAF5;
    border-radius: 12px;
    padding: 22px 22px 18px;
    box-shadow: 0 4px 12px rgba(13,45,107,0.05);
}

.page-id-2864 .exp-side-title {
    color: #0D2D6B !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin: 0 0 16px 0 !important;
    padding-bottom: 12px;
    border-bottom: 2px solid #E8C070;
}

.page-id-2864 .exp-side-row {
    padding: 12px 0;
    border-bottom: 1px solid #F0FAFE;
}

.page-id-2864 .exp-side-row:last-child {
    border-bottom: none;
    padding-bottom: 4px;
}

.page-id-2864 .exp-side-row-name {
    display: block;
    font-size: 14.5px;
    font-weight: 700;
    color: #0D2D6B;
    text-decoration: none;
    line-height: 1.3;
    margin-bottom: 4px;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}

.page-id-2864 a.exp-side-row-name:hover {
    border-bottom-color: #0D2D6B;
}

.page-id-2864 .exp-side-row-tag {
    font-weight: 400;
    font-size: 13px;
    color: #1A1A1A;
    opacity: 0.6;
}

.page-id-2864 .exp-side-row-distance {
    display: block;
    font-size: 12px;
    color: #1A1A1A;
    opacity: 0.55;
    margin-bottom: 5px;
    letter-spacing: 0.2px;
    font-weight: 500;
}

.page-id-2864 .exp-side-row-desc {
    font-size: 13px;
    line-height: 1.55;
    color: #1A1A1A;
    margin: 0;
    opacity: 0.82;
}


/* ============================================================================
   60. DID YOU KNOW — special variant
============================================================================ */

.page-id-2864 .exp-side-card--did {
    background: #FFFAF0;
    border-color: #E8C070;
}

.page-id-2864 .exp-side-card--did .exp-side-title {
    color: #8B6914 !important;
    border-bottom-color: #E8C070;
}

.page-id-2864 .exp-side-fact {
    padding: 12px 0;
    border-bottom: 1px dashed rgba(232,192,112,0.4);
}

.page-id-2864 .exp-side-fact:last-child {
    border-bottom: none;
    padding-bottom: 4px;
}

.page-id-2864 .exp-side-fact p {
    font-size: 13px;
    line-height: 1.6;
    color: #1A1A1A;
    margin: 0;
    opacity: 0.88;
}

.page-id-2864 .exp-side-fact p::before {
    content: "✦";
    color: #E8C070;
    margin-right: 6px;
    font-size: 11px;
    vertical-align: middle;
}


/* ============================================================================
   61. STATS KARTICA — At a Glance
============================================================================ */

.page-id-2864 .exp-side-card--stats {
    background: linear-gradient(180deg, #FFFFFF 0%, #F0FAFE 100%);
}

.page-id-2864 .exp-side-stat {
    padding: 11px 0;
    border-bottom: 1px solid #F0FAFE;
}

.page-id-2864 .exp-side-stat:last-child {
    border-bottom: none;
    padding-bottom: 4px;
}

.page-id-2864 .exp-side-stat-num {
    font-size: 22px;
    font-weight: 700;
    color: #0D2D6B;
    line-height: 1.1;
    margin-bottom: 2px;
    letter-spacing: -0.3px;
}

.page-id-2864 .exp-side-stat-label {
    font-size: 12px;
    color: #1A1A1A;
    line-height: 1.4;
    opacity: 0.72;
}


/* ============================================================================
   62. GALLERY + LIGHTBOX (CSS-only, 13 slika)
============================================================================ */

.page-id-2864 .exp-gallery {
    margin-top: 70px;
    position: relative;
}

.page-id-2864 .exp-gallery-kicker {
    display: inline-block;
    font-size: 11.5px;
    letter-spacing: 2px;
    color: #E8C070;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-id-2864 .exp-gallery-title {
    color: #0D2D6B !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: -0.4px;
}

.page-id-2864 .exp-gallery-lead {
    font-size: 15px;
    color: #1A1A1A;
    margin: 0 0 24px 0;
    opacity: 0.75;
}

.page-id-2864 .bg-zoom-toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.page-id-2864 .bg-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.page-id-2864 .bg-cell {
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
    cursor: zoom-in;
    box-shadow: 0 4px 12px rgba(13,45,107,0.08);
    transition: transform 0.25s, box-shadow 0.25s;
    display: block;
}

.page-id-2864 .bg-cell:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(13,45,107,0.16);
}

.page-id-2864 .bg-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s;
}

.page-id-2864 .bg-cell:hover img {
    transform: scale(1.06);
}

/* Lightbox overlay */
.page-id-2864 .bg-overlay {
    position: fixed;
    inset: 0;
    background: rgba(13,45,107,0.92);
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    cursor: zoom-out;
    transition: opacity 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Show overlay when any zoom radio is checked */
.page-id-2864 #bg-zoom-1:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-2:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-3:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-4:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-5:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-6:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-7:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-8:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-9:checked  ~ .bg-overlay,
.page-id-2864 #bg-zoom-10:checked ~ .bg-overlay,
.page-id-2864 #bg-zoom-11:checked ~ .bg-overlay,
.page-id-2864 #bg-zoom-12:checked ~ .bg-overlay,
.page-id-2864 #bg-zoom-13:checked ~ .bg-overlay {
    opacity: 1;
    pointer-events: auto;
}

/* Enlarge target image when its toggle is checked */
.page-id-2864 #bg-zoom-1:checked  ~ .bg-grid label[for="bg-zoom-1"]  img,
.page-id-2864 #bg-zoom-2:checked  ~ .bg-grid label[for="bg-zoom-2"]  img,
.page-id-2864 #bg-zoom-3:checked  ~ .bg-grid label[for="bg-zoom-3"]  img,
.page-id-2864 #bg-zoom-4:checked  ~ .bg-grid label[for="bg-zoom-4"]  img,
.page-id-2864 #bg-zoom-5:checked  ~ .bg-grid label[for="bg-zoom-5"]  img,
.page-id-2864 #bg-zoom-6:checked  ~ .bg-grid label[for="bg-zoom-6"]  img,
.page-id-2864 #bg-zoom-7:checked  ~ .bg-grid label[for="bg-zoom-7"]  img,
.page-id-2864 #bg-zoom-8:checked  ~ .bg-grid label[for="bg-zoom-8"]  img,
.page-id-2864 #bg-zoom-9:checked  ~ .bg-grid label[for="bg-zoom-9"]  img,
.page-id-2864 #bg-zoom-10:checked ~ .bg-grid label[for="bg-zoom-10"] img,
.page-id-2864 #bg-zoom-11:checked ~ .bg-grid label[for="bg-zoom-11"] img,
.page-id-2864 #bg-zoom-12:checked ~ .bg-grid label[for="bg-zoom-12"] img,
.page-id-2864 #bg-zoom-13:checked ~ .bg-grid label[for="bg-zoom-13"] img {
    position: fixed;
    inset: 0;
    margin: auto;
    max-width: 92vw;
    max-height: 92vh;
    width: auto;
    height: auto;
    z-index: 10000;
    cursor: zoom-out;
    border-radius: 6px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.6);
    transform: none;
}


/* ============================================================================
   63. RESPONSIVE — 1400px / 1200px / 1023px / 768px / 560px
============================================================================ */

/* 1400px — smanji rail */
@media (max-width: 1400px) {
    .page-id-2864 .av-wrapper--explore {
        grid-template-columns: 300px 1fr 290px;
    }
    .page-id-2864 .exp-rail {
        padding: 50px 28px 40px;
    }
    .page-id-2864 .exp-rail-title {
        font-size: 48px !important;
    }
    .page-id-2864 .exp-mid {
        padding: 50px 35px 70px;
    }
}

/* 1200px — sidebar ispod */
@media (max-width: 1200px) {
    .page-id-2864 .av-wrapper--explore {
        grid-template-columns: 280px 1fr;
    }
    .page-id-2864 .exp-side {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        padding: 40px 35px 60px;
    }
    .page-id-2864 .exp-rail {
        position: relative;
        height: auto;
        max-height: none;
    }
}

/* 1023px — sve u jednoj koloni */
@media (max-width: 1023px) {
    .page-id-2864 .av-wrapper--explore {
        grid-template-columns: 1fr;
    }
    .page-id-2864 .exp-rail {
        position: relative;
        height: auto;
        padding: 45px 30px 35px;
    }
    .page-id-2864 .exp-rail-title {
        font-size: 42px !important;
    }
    .page-id-2864 .exp-mid {
        padding: 40px 30px 60px;
    }
    .page-id-2864 .exp-cards-grid--four {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-id-2864 .exp-zig {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .page-id-2864 .exp-zig--reverse .exp-zig-image {
        order: 0;
    }
    .page-id-2864 .exp-zig-image {
        aspect-ratio: 16 / 10;
    }
    .page-id-2864 .exp-zig-title {
        font-size: 28px !important;
    }
    .page-id-2864 .bg-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 768px — tablet vertikalno */
@media (max-width: 768px) {
    .page-id-2864 .exp-side {
        grid-template-columns: 1fr;
    }
    .page-id-2864 .exp-rail {
        padding: 35px 22px 28px;
    }
    .page-id-2864 .exp-rail-title {
        font-size: 38px !important;
    }
    .page-id-2864 .exp-mid {
        padding: 32px 22px 50px;
    }
    .page-id-2864 .exp-cards {
        padding: 26px 22px 22px;
    }
    .page-id-2864 .exp-cards-title {
        font-size: 24px !important;
    }
    .page-id-2864 .exp-zig-title {
        font-size: 24px !important;
    }
    .page-id-2864 .exp-link-row-main {
        grid-template-columns: 1fr;
        gap: 4px;
    }
    .page-id-2864 .exp-link-row-distance {
        font-size: 12px;
    }
    .page-id-2864 .bg-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-id-2864 .exp-gallery-title {
        font-size: 26px !important;
    }
}

/* 560px — mobile */
@media (max-width: 560px) {
    .page-id-2864 .exp-cards-grid--four {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .page-id-2864 .exp-rail-title {
        font-size: 34px !important;
    }
    .page-id-2864 .exp-rail-cta {
        gap: 8px;
    }
    .page-id-2864 .exp-side {
        padding: 30px 20px 50px;
    }
    .page-id-2864 .exp-side-card {
        padding: 18px 18px 14px;
    }
}


/* ============================================================================
   64. MOBILE FIXES
============================================================================ */

@media (max-width: 1023px) {
    .page-id-2864 .exp-rail-cta {
        flex-direction: row;
    }
    .page-id-2864 .exp-rail-btn {
        flex: 1;
        font-size: 14px;
        padding: 12px 14px;
    }
}

@media (max-width: 480px) {
    .page-id-2864 .exp-rail-cta {
        flex-direction: column;
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   65. GLOBAL FOOTER FIX — ukloni ružnu crtu i prazninu iznad footera
   primjenjuje se na cijeli site (sve stranice)
   ════════════════════════════════════════════════════════════════════════════ */

/* 65.1 Site footer — bez gornje crte i marginona */
.site-footer,
footer.site-footer,
#colophon {
  margin-top: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}

/* 65.2 Astra default footer wrapper komponente — bez bordera i marginona */
.ast-footer-overlay,
.ast-small-footer,
.ast-footer-bar-wrap,
.footer-widget-area {
  border-top: none !important;
  margin-top: 0 !important;
}

/* 65.3 Site content — eliminacija donje praznine koja stvara vizualnu crtu */
.site-content,
#content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* 65.4 Astra container i main element — bez donjeg paddinga koji ostavlja prazninu */
.ast-container,
main#main,
.ast-no-sidebar,
.ast-article-single {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 65.5 Sve Spectra blokove — fino podešavanje, bez negativnih efekata na hero */
.entry-content > .wp-block-spectra-container:last-child,
.entry-content > .wp-block-html:last-child,
.entry-content > div:last-child {
  margin-bottom: 0 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   66. HOMEPAGE (page-id-6) — TRANSPARENT HEADER OVER HERO
   ════════════════════════════════════════════════════════════════════════════ */

/* 66.1 Sakrij Astra default page title (HOME naslov koji se inače prikazuje) */
.page-id-6 .entry-header,
.page-id-6 .ast-archive-description,
.page-id-6 .post-thumb-img-content,
.page-id-6 .entry-title,
.page-id-6 .ast-single-post-order {
  display: none !important;
}

/* 66.2 Header outer — apsolutno pozicioniran preko hero-a */
.page-id-6 .site-header,
.page-id-6 #masthead,
.page-id-6 header.site-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 66.3 Sve Astra header inner komponente — transparent */
.page-id-6 .ast-primary-header-bar,
.page-id-6 .main-header-bar,
.page-id-6 .ast-above-header,
.page-id-6 .ast-below-header,
.page-id-6 .ast-builder-grid-row-container,
.page-id-6 .ast-builder-grid-row,
.page-id-6 .site-primary-header-wrap,
.page-id-6 div[class*="ast-header-"],
.page-id-6 div[class*="main-header-"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* 66.4 Header tekst — bijeli (kontrast preko hero slike) */
.page-id-6 .main-header-bar .menu-link,
.page-id-6 .main-header-bar a,
.page-id-6 .ast-builder-menu .menu-link,
.page-id-6 nav a,
.page-id-6 header a {
  color: #ffffff !important;
}

/* 66.5 Site content — bez gornje praznine (header pluta preko hero-a) */
.page-id-6 .site-content,
.page-id-6 #content,
.page-id-6 .ast-content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.page-id-6 .ast-container,
.page-id-6 main#main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 66.6 Spectra hero container — bez gornje praznine */
.page-id-6 .wp-block-spectra-container.spectra-container:first-of-type {
  margin-top: 0 !important;
}