/* ================= 23) UNUTRAŠNJE STRANICE — HEADER + DARK (ujednačeno s homepage) =================
     Inner stranice (search-results, contact, why-choose-us...) koriste ISTI #header-hz-elementor,
     ali NEMAJU body.transparent-yes pa header nije stilizovan (bijeli meni "nestaje" na bijeloj).
     Ovdje mu dajemo isti PLAVI bar kao homepage. Scope = body:not(.transparent-yes) da NE dira
     homepage/single/properties (oni imaju transparent header + sekciju 6). */
  body:not(.transparent-yes) #header-hz-elementor{
    background:var(--rs-blue) !important;
    box-shadow:0 6px 24px rgba(1,10,21,0.28) !important;
    position:relative !important; z-index:100 !important;
  }
  body:not(.transparent-yes) #header-hz-elementor .nav-link,
  body:not(.transparent-yes) #header-hz-elementor .nav-item a{ color:#fff !important; }
  body:not(.transparent-yes) #header-hz-elementor .nav-link:hover,
  body:not(.transparent-yes) #header-hz-elementor .nav-item:hover>.nav-link{ color:var(--rs-gold) !important; }
  body:not(.transparent-yes) #header-hz-elementor .current-menu-item>.nav-link,
  body:not(.transparent-yes) #header-hz-elementor .current_page_item>.nav-link{ color:var(--rs-gold-2) !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon{ background-color:transparent !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon i,
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon svg{ color:#fff !important; fill:#fff !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon:hover i,
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon:hover svg{ color:var(--rs-gold) !important; fill:var(--rs-gold) !important; }

  /* ---- DARK MODE na unutrašnjim stranicama (body bg je već var(--rs-dark) globalno, sek.18) ---- */
  /* header tamno */
  html.rs-dark body:not(.transparent-yes) #header-hz-elementor{ background:var(--rs-dark) !important; }
  /* glavni sadržaj wrapper tamno + svijetli tekst (search-results i ostale inner stranice) */
  html.rs-dark body:not(.home) #main-wrap,
  html.rs-dark body:not(.home) .main-wrap{ background:var(--rs-dark) !important; }
  /* svijetli tekst za SAV sadržaj inner stranice (naslov, "X Result Found", Sort by, breadcrumb...).
     Cijena/Details/kartica imaju svoja pravila (direktna) pa zadrže boje. */
  html.rs-dark body:not(.home) #main-wrap{ color:#eaf0f8 !important; }

  /* ---- FOOTER na inner stranicama = IDENTIČAN homepage footeru ----
     Footer element (.elementor-element-61xi0wb5i) je isti svuda, ali bg/separator su u sek.19/20
     scoped na body.home. Ovdje isto primjenjujemo na inner (body:not(.home)).
     Default inner footer = #21242e + 4px svijetloplava donja linija; border-image je pretvara u zlatnu
     (kao homepage). Light = var(--rs-blue), dark = var(--rs-dark). */
  body:not(.home) .elementor-element-61xi0wb5i{
    background-color:var(--rs-blue) !important;
    border-top:1px solid transparent !important;
    border-image:linear-gradient(90deg, rgba(var(--rs-gold-rgb),0) 0%, rgba(var(--rs-gold-rgb),0.55) 50%, rgba(var(--rs-gold-rgb),0) 100%) 1 !important;
  }
  html.rs-dark body:not(.home) .elementor-element-61xi0wb5i{ background-color:var(--rs-dark) !important; }
  /* PRAZAN PROSTOR ISPOD FOOTERA (kratke stranice): body ima min-height:100vh a sadržaj+footer
     ga ne popune -> praznina ispod footera. RJEŠENJE = STICKY FOOTER (ne boji se): body postaje
     flex-kolona, #main-wrap raste i gura footer na samo dno. Nema praznine. Scope inner (body:not(.home));
     fixed elementi (admin bar, modali) su van toka pa ih flex ne dira. */
  body:not(.home){ display:flex !important; flex-direction:column !important; }
  body:not(.home) > #main-wrap{ flex:1 0 auto !important; }
  body:not(.home) > footer{ flex-shrink:0 !important; }

  /* ---- LISTING KARTICA na inner stranicama (search-results, properties...) = boje kao homepage.
     Iste klase kao homepage (.item-wrap/.item-title/.item-price/.btn-item), ali homepage stil je
     scoped na body.home (sek.14). Ovdje isto na body:not(.home). Cijena je već zlatna (sek.5),
     Details dugme već zlatno (btn-primary, sek.2). ---- */
  body:not(.home) .item-wrap,
  body:not(.home) .item-header,
  body:not(.home) .item-header-1,
  body:not(.home) .item-header-2{ background:var(--rs-blue) !important; }
  body:not(.home) .item-body-wrap,
  body:not(.home) .item-body,
  body:not(.home) .item-footer{ background-color:transparent !important; }
  /* cijeli tekst kartice svijetli (naslov/adresa/sobe/datum...) — cijena i Details ostaju (niže) */
  body:not(.home) .item-listing-wrap, body:not(.home) .item-listing-wrap *,
  body:not(.home) .item-wrap, body:not(.home) .item-wrap *{ color:rgba(255,255,255,0.88) !important; }
  body:not(.home) .item-price, body:not(.home) .item-price *{ color:var(--rs-gold) !important; }
  body:not(.home) .btn-item, body:not(.home) .btn-item *{ color:#1a1205 !important; }
  /* skloni agenta (avatar + "RealScan") iz kartice */
  body:not(.home) .item-author{ display:none !important; }
  /* datum: zamijeni spajalicu (icon-attachment) ZLATNIM SATOM kao homepage (.rs-listing-date clock) */
  body:not(.home) .item-date .houzez-icon{ display:none !important; }
  body:not(.home) .item-date::before{
    content:''; display:inline-block; width:16px; height:16px; margin-right:6px; vertical-align:-3px;
    background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f0c96c'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%207v5l3%202'/%3E%3C/svg%3E") no-repeat center;
    background-size:contain;
  }
  /* tool ikonice na slici (expand/srce/plus) -> ZLATNA PILULA + tamne ikonice (kao homepage sek.16) */
  body:not(.home) .item-tools{ background:linear-gradient(180deg,var(--rs-gold-2),var(--rs-gold)) !important; border-radius:8px !important; padding:2px 4px !important; box-shadow:0 4px 12px rgba(0,0,0,0.25) !important; }
  body:not(.home) .item-tool-preview, body:not(.home) .item-tool-favorite, body:not(.home) .item-tool-compare, body:not(.home) .item-tool span{ background:transparent !important; border-color:transparent !important; box-shadow:none !important; }
  body:not(.home) .item-tool i, body:not(.home) .item-tool svg, body:not(.home) .item-tool a{ color:#1a1205 !important; fill:#1a1205 !important; }
  /* ⚠️ IZUZETAK (2026-07-20): pravilo IZNAD boji tamno SVE unutar `.item-tool` — ukljucujuci i linkove
     u SHARE padajucem meniju. A taj meni ima skoro crnu pozadinu (Houzez: rgba(0,0,0,0.85)), pa je
     ispadalo CRNO NA CRNOM i tekst se nije mogao procitati (vidio se samo bijeli naslov "Share on:").
     Namjera gornjeg pravila su bile IKONICE na zlatnoj piluli, ne sadrzaj menija — pa se meni vraca
     na bijelo (kako ga Houzez i predvidja), sa zlatnim hover-om. */
  body:not(.home) .item-tool .item-tool-dropdown-menu a,
  body:not(.home) .item-tool .item-tool-dropdown-menu i,
  body:not(.home) .item-tool .item-tool-dropdown-menu .dropdown-item{
    color:#ffffff !important; fill:#ffffff !important;
  }
  body:not(.home) .item-tool .item-tool-dropdown-menu a:hover,
  body:not(.home) .item-tool .item-tool-dropdown-menu a:hover i{
    color:var(--rs-gold-2) !important; fill:var(--rs-gold-2) !important;
    background-color:rgba(255,255,255,0.06) !important;
  }
  /* dark = tegetna baza kao homepage listing kartica */
  html.rs-dark body:not(.home) .item-wrap,
  html.rs-dark body:not(.home) .item-header,
  html.rs-dark body:not(.home) .item-header-1,
  html.rs-dark body:not(.home) .item-header-2{ background:var(--rs-dark-lux) !important; }
  /* tanki okvir da se kartica izdvoji od tamne pozadine (kao homepage dark listing) */
  html.rs-dark body:not(.home) .item-wrap{ border:1px solid rgba(255,255,255,0.09) !important; border-radius:12px !important; overflow:hidden !important; }

  /* ================= 24) NOVA SERVICES SEKCIJA (interaktivni tabovi, HTML widget) =================
     Widget je imao SVOJU pozadinu (gradijent + gold glow gore-lijevo) PREKO pozadine Elementor
     sekcije -> dvostruka pozadina = blijedi "box/overlay" gore lijevo. Skidamo widgetu pozadinu pa
     koristi čistu pozadinu sekcije (ista kao ostatak donjeg bloka). Veća specifičnost da pobijedi
     inline <style> u widgetu. */
  body.home .rs-service-tabs{ background:transparent !important; }
  /* +/− u krugu (tab toggle) — savršeno centriranje. Glif fonta nije optički u sredini, pa +/−
     crtamo CSS-om (dvije linije preko ::before/::after) i sakrijemo tekst (font-size:0). */
  body.home .rs-service-tab em{ position:relative !important; display:block !important; font-size:0 !important; }
  body.home .rs-service-tab em::before,
  body.home .rs-service-tab em::after{ content:"" !important; position:absolute !important; top:50% !important; left:50% !important; width:14px !important; height:2px !important; border-radius:2px !important; background:currentColor !important; transform:translate(-50%,-50%) !important; }
  body.home .rs-service-tab em::after{ transform:translate(-50%,-50%) rotate(90deg) !important; }
  body.home .rs-service-tab.active em::after{ display:none !important; }
  /* "Our Services" naslov malo manji (bio clamp 48-92px, preveliko) */
  body.home .rs-service-tabs-head h2{ font-size:clamp(30px,3vw,48px) !important; }
  /* MOBILNI (≤768px): Services sekcija je imala NASLAGANI padding — vanjska Elementor sekcija
     v770fqzvg (70px, moj CSS lin.1090) + unutrašnja .rs-service-tabs (76px, iz services-section.html
     widgeta) = ~146px praznine gore/dole -> ogroman razmak iznad "WHAT WE DO". Na mobilnom:
     vanjsku na 0 (unutrašnja nosi razmak), unutrašnju na 36px, i razmak naslov->strelice
     (.rs-service-tabs-head mb) sa 52 na 30. (.rs-service-tabs override treba !important jer widget
     inline <style> nije !important; ovaj @media je POSLIJE lin.1090 pa pobjeđuje na mobilnom.) */
  @media (max-width:768px){
    body.home .elementor-element-v770fqzvg{ padding-top:0 !important; padding-bottom:0 !important; }
    body.home .rs-service-tabs{ padding-top:36px !important; padding-bottom:36px !important; }
    body.home .rs-service-tabs-head{ margin-bottom:30px !important; }
  }

  /* ================= 25) EYEBROW LABELE (zlatne linije sa strane, kao "WHAT WE DO") =================
     Dodato na "LIST YOUR PROPERTY" (e954f2a) i "COMMERCIAL 3D SOLUTIONS" (245d930) — Elementor heading
     labele, lijevo poravnate. Linija fade-in lijevo + fade-out desno oko teksta. */
  body.home .elementor-element-e954f2a .elementor-heading-title,
  body.home .elementor-element-245d930 .elementor-heading-title{
    display:inline-flex !important; align-items:center !important; gap:16px !important;
  }
  /* zlatni tekst u OBJE teme (dark globalni override je naslove pravio bijelim) */
  body.home .elementor-element-e954f2a .elementor-heading-title,
  body.home .elementor-element-245d930 .elementor-heading-title,
  html.rs-dark body.home .elementor-element-e954f2a .elementor-heading-title,
  html.rs-dark body.home .elementor-element-245d930 .elementor-heading-title{ color:#d4af37 !important; }
  body.home .elementor-element-e954f2a .elementor-heading-title::before,
  body.home .elementor-element-245d930 .elementor-heading-title::before{
    content:"" !important; width:54px !important; height:1px !important; flex:0 0 auto !important;
    background:linear-gradient(90deg, transparent, rgba(var(--rs-gold-lux-rgb),0.95)) !important;
  }
  body.home .elementor-element-e954f2a .elementor-heading-title::after,
  body.home .elementor-element-245d930 .elementor-heading-title::after{
    content:"" !important; width:76px !important; height:1px !important; flex:0 0 auto !important;
    background:linear-gradient(90deg, rgba(var(--rs-gold-lux-rgb),0.95), transparent) !important;
  }

  /* ================= 26) EMAIL "Contact me" POPUP (Houzez) -> prati LIGHT/DARK temu =================
     Modal klase: .mobile-property-form. Vrijedi na svim stranicama (modal ide na body level).
     Zajednicko + LIGHT (default) + DARK (html.rs-dark). */

  /* --- ZAJEDNICKO (obje teme) --- */
  .mobile-property-form .modal-content{ border:1px solid rgba(215,173,69,0.40) !important; border-radius:16px !important; overflow:hidden !important; }
  .mobile-property-form .modal-title{ color:#d4af37 !important; font-weight:700 !important; letter-spacing:.02em !important; }
  .mobile-property-form .agent-name{ font-size:21px !important; font-weight:800 !important; }
  .mobile-property-form .modal-body a{ color:#d4af37 !important; }
  .mobile-property-form .form-control{ border-radius:10px !important; }
  .mobile-property-form .form-control:focus{ border-color:rgba(215,173,69,0.7) !important; box-shadow:0 0 0 2px rgba(215,173,69,0.18) !important; }
  /* sakriveni elementi (obje teme) */
  .mobile-property-form .modal-body a[href*="/agent/"]{ display:none !important; }   /* View Listings */
  .mobile-property-form .agent-verified-icon{ display:none !important; }             /* verified krug */
  .mobile-property-form .agent-name i.houzez-icon{ display:none !important; }        /* ikonica covjeka */
  .mobile-property-form .gdpr-text-wrap{ display:none !important; }                  /* Terms of Use red */
  .mobile-property-form .bootstrap-select,
  .mobile-property-form .dropdown.bootstrap-select,
  .mobile-property-form select.selectpicker{ display:none !important; }             /* Select dropdown */
  /* "Send Email" zlatno (obje teme) */
  .mobile-property-form .houzez_agent_property_form, .mobile-property-form .btn-secondary{
    background:linear-gradient(135deg,#f0c96c,#d9aa4f) !important; border:none !important; color:#1a1205 !important;
    font-weight:800 !important; border-radius:12px !important; box-shadow:0 10px 26px rgba(217,170,79,0.30) !important;
  }
  .mobile-property-form .houzez_agent_property_form:hover, .mobile-property-form .btn-secondary:hover{ filter:brightness(1.05) !important; }

  /* X za zatvaranje bijel (obje teme — i light(#22406a) i dark(#07111c) su tamne pozadine) */
  .mobile-property-form .btn-close{ filter:invert(1) grayscale(1) brightness(1.6) !important; opacity:.85 !important; }
  /* --- LIGHT tema (default): SVIJETLO PLAVA kartica (#22406a, kao listing kartice), svijetli tekst --- */
  .mobile-property-form .modal-content{ background:var(--rs-blue,#22406a) !important; color:#eaf0f8 !important; box-shadow:0 30px 80px rgba(0,0,0,0.30) !important; }
  .mobile-property-form .modal-header{ border-bottom:1px solid rgba(255,255,255,0.12) !important; }
  .mobile-property-form .modal-body,
  .mobile-property-form .modal-body small,
  .mobile-property-form .modal-body p,
  .mobile-property-form .modal-body span,
  .mobile-property-form .text-muted{ color:#dbe4f0 !important; }
  .mobile-property-form .agent-name{ color:#ffffff !important; }
  .mobile-property-form .form-control{ background:rgba(255,255,255,0.08) !important; border:1px solid rgba(255,255,255,0.18) !important; color:#eaf0f8 !important; }
  .mobile-property-form .form-control::placeholder{ color:rgba(234,240,248,0.55) !important; }

  /* --- DARK tema: tamna luxury kartica, svijetli tekst --- */
  html.rs-dark .mobile-property-form .modal-content{ background:var(--rs-dark) !important; color:#eaf0f8 !important; box-shadow:0 30px 80px rgba(0,0,0,0.55) !important; }
  html.rs-dark .mobile-property-form .modal-header{ border-bottom:1px solid rgba(255,255,255,0.10) !important; }
  html.rs-dark .mobile-property-form .btn-close{ filter:invert(1) grayscale(1) brightness(1.6) !important; opacity:.8 !important; }
  html.rs-dark .mobile-property-form .modal-body,
  html.rs-dark .mobile-property-form .modal-body small,
  html.rs-dark .mobile-property-form .modal-body p,
  html.rs-dark .mobile-property-form .modal-body span,
  html.rs-dark .mobile-property-form .text-muted{ color:rgba(234,240,248,0.72) !important; }
  html.rs-dark .mobile-property-form .agent-name{ color:#eaf0f8 !important; }
  html.rs-dark .mobile-property-form .form-control{ background:rgba(255,255,255,0.05) !important; border:1px solid rgba(255,255,255,0.16) !important; color:#eaf0f8 !important; }
  html.rs-dark .mobile-property-form .form-control::placeholder{ color:rgba(234,240,248,0.5) !important; }

  /* 26b) INLINE kontakt forma na archive/Properties stranici (.property-form-wrap, sidebar) — isti
     izgled kao "Contact me" modal (prati LIGHT/DARK temu). */
  /* width:360px jer Elementor kolona je "shrink-to-fit" — sakrivanjem Terms teksta (najsiri element)
     bi se kolona skupila; fiksna sirina drzi karticu stabilnom (kao prije, ~365px). */
  .property-form-wrap{ width:360px !important; max-width:100% !important; box-sizing:border-box !important; padding:24px !important; background:var(--rs-blue,#22406a) !important; color:#eaf0f8 !important; border:1px solid rgba(215,173,69,0.40) !important; border-radius:16px !important; box-shadow:0 30px 80px rgba(0,0,0,0.30) !important; }
  html.rs-dark .property-form-wrap{ background:var(--rs-dark) !important; }
  .property-form-wrap .agent-name{ font-size:21px !important; font-weight:800 !important; color:#ffffff !important; }
  .property-form-wrap a{ color:#d4af37 !important; }
  /* sakriveni elementi (kao modal) */
  .property-form-wrap a[href*="/agent/"],
  .property-form-wrap .agent-verified-icon,
  .property-form-wrap .agent-name i.houzez-icon,
  .property-form-wrap .gdpr-text-wrap,
  .property-form-wrap .bootstrap-select,
  .property-form-wrap .dropdown.bootstrap-select,
  .property-form-wrap select.selectpicker{ display:none !important; }
  .property-form-wrap .form-control{ background:rgba(255,255,255,0.08) !important; border:1px solid rgba(255,255,255,0.18) !important; color:#eaf0f8 !important; border-radius:10px !important; }
  .property-form-wrap .form-control::placeholder{ color:rgba(234,240,248,0.55) !important; }
  .property-form-wrap .form-control:focus{ border-color:rgba(215,173,69,0.7) !important; box-shadow:0 0 0 2px rgba(215,173,69,0.18) !important; }
  .property-form-wrap .houzez_agent_property_form, .property-form-wrap .btn-secondary{ background:linear-gradient(135deg,#f0c96c,#d9aa4f) !important; border:none !important; color:#1a1205 !important; font-weight:800 !important; border-radius:12px !important; box-shadow:0 10px 26px rgba(217,170,79,0.30) !important; }
  .property-form-wrap .houzez_agent_property_form:hover, .property-form-wrap .btn-secondary:hover{ filter:brightness(1.05) !important; }
  /* VAŽNO: .property-form-wrap postoji i UNUTAR email modala (.mobile-property-form) — tamo modal vec
     ima svoju karticu, pa NE smije imati i ovaj okvir (dvostruki box). Poništavamo karticu u modalu. */
  .mobile-property-form .property-form-wrap{ background:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; width:auto !important; max-width:none !important; }
  /* STICKY: kontakt forma na LISTING stranicama prati scroll. Samo desktop (>1024px);
     (scope prosiren 2026-07-20 sa page-id-19517 na body.rs-listing-page — vidi css/11 sek.60);
     na mobilnom forma ide ispod liste pa sticky nije potreban. top:130 = ispod sticky headera (97+margin). */
  @media (min-width:1025px){
    body.rs-listing-page .hzele-form-wrap{ position:sticky !important; top:130px !important; align-self:flex-start !important; }
  }

  /* ================= 27) INNER HEADER = ISTO KAO HOMEPAGE =================
     Inner stranice (property, archive...) koriste ISTI Elementor header (#header-hz-elementor) ali BEZ
     klase body.transparent-yes, pa stil iz sek.6 (vezan za transparent-yes) ne hvata. Ovdje preslikavamo
     izgled na inner stranice. Razlika: NIJE absolute overlay (nema hero iza) nego rounded "floating" bar
     u normalnom toku (margin umjesto absolute) -> sadrzaj ide ispod. */
  body:not(.transparent-yes) #header-hz-elementor{
    position:relative !important; margin:18px 20px 0 !important; width:auto !important; z-index:100 !important;
    min-height:97px !important; display:flex !important; align-items:center !important;   /* = visina homepage headera (97px), sadrzaj vertikalno centriran */
    border-radius:16px !important; overflow:visible !important;
    background:linear-gradient(180deg, rgba(var(--rs-blue-rgb),0.94) 0%, rgba(var(--rs-blue-rgb),0.62) 100%) !important;
    border:none !important; box-shadow:0 18px 50px rgba(1,10,21,0.36) !important;
    backdrop-filter:blur(7px) saturate(130%) !important; -webkit-backdrop-filter:blur(7px) saturate(130%) !important;
  }
  /* TOGGLE: na inner headerima bez 51017b40 (drugi template) toggle se ubaci kao DIREKTNO dijete
     headera i STACKA se iznad sadrzaja -> dodaje ~42px visine. Absolute ga vadi iz toka. */
  body:not(.transparent-yes) #header-hz-elementor > #rs-theme-toggle{
    position:absolute !important; left:54px !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; z-index:5 !important;   /* 54px = ista pozicija kao toggle na homepage */
  }
  body:not(.transparent-yes) #header-hz-elementor > div:not(#rs-theme-toggle){ flex:1 1 auto !important; }   /* sadrzaj puni sirinu */
  /* social ikonice (kao sek.6b) */
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icons-wrapper{ display:flex !important; flex-wrap:nowrap !important; gap:10px !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icons-wrapper .elementor-grid-item{ width:auto !important; flex:0 0 auto !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon{ width:42px !important; height:42px !important; font-size:23px !important; background-color:transparent !important; border-radius:50% !important; transition:background-color .2s ease, transform .2s ease !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon i,
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon svg{ color:#ffffff !important; fill:#ffffff !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon:hover{ background-color:rgba(240,201,108,0.22) !important; transform:translateY(-2px) !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon:hover i,
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icon:hover svg{ color:#f0c96c !important; fill:#f0c96c !important; }
  /* meni + logo centrirani; social vadimo iz toka (kao sek.6c) — TEMPLATE A ids (property stranice) */
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-51017b40{ position:relative !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-726d806e{ position:absolute !important; right:0 !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-60fe701{ flex:1 1 0 !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-1fdddd3f{ flex:1 1 0 !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-7a718aa1{ flex:0 0 auto !important; }
  /* TEMPLATE B ids ("Inner Pages Header" 19175 — blog/Explore/360/About/Contact): isti raspored
     (meniji se skupljaju, logo centriran, social desno + vertikalno centriran). */
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-634f94c6{ position:relative !important; }
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-399a9d93{ flex:1 1 0 !important; min-width:0 !important; }   /* lijevi meni */
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-483538c{ flex:1 1 0 !important; min-width:0 !important; }    /* desni meni */
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-7a109cfc{ flex:0 0 auto !important; }                        /* logo */
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-29ee508f{ position:absolute !important; right:50px !important; top:50% !important; transform:translateY(-50%) !important; flex:0 0 auto !important; margin:0 !important; }  /* social — right:50px = ista pozicija kao homepage */
  body:not(.transparent-yes) #header-hz-elementor .elementor-social-icons-wrapper{ display:flex !important; align-items:center !important; flex-wrap:nowrap !important; gap:10px !important; }
  /* DARK tema = tegetni glass (kao homepage dark) */
  html.rs-dark body:not(.transparent-yes) #header-hz-elementor{ background:linear-gradient(180deg, rgba(var(--rs-dark-rgb),0.96) 0%, rgba(var(--rs-dark-card-rgb),0.70) 100%) !important; }


  /* ================= 28) TEMPLATE B INNER HEADER — RESPONSIVE (2026-07-15) =================
     Template B = inner header za Contact/blog/Explore/360/About (meniji 399a9d93 LIJEVI + 483538c DESNI,
     social 29ee508f, logo 7a109cfc). Sek.6c ga je stilizovala SAMO za desktop -> ispod PC-a je pucao:
       - inline social (absolute right:50px) PREKLAPAO desni meni;
       - tema je UZ (skriveni) desktop meni pokazivala DVA hamburgera (svaki widget svoj).

     ⚠️ Temin prag desktop<->hamburger je NEPOUZDAN i uzak (~1024-1194): u tom procjepu tema zna sakriti I
     desktop meni I toggle -> prazno. Zato NE koristimo @media prag, nego JS (inc/07: rsSingleHamburger)
     GLEDA da li je toggle (hamburger) vidljiv i stavlja na header klasu:
        .rs-hdr-mobile  (tema u hamburger modu)   ILI   .rs-hdr-desktop (tema pokazuje desktop meni).
     CSS reaguje na klasu -> UVIJEK se poklopi s temom, nema praznog headera ni na jednoj sirini.
     JS uz to sakriva DRUGI widget (483538c) + skupljeni desktop meni prvog kad je mobile -> JEDAN hamburger.
     Mobilni offcanvas meni sad radi i na tabletu (css/06, opseg 769-1200). */

  /* SOCIAL na Template B (korisnik 2026-07-15: desktop = inline gore desno, laptop = dropdown):
     inline social (29ee508f, absolute right:50) FITA tek na sirokom desktopu (izmjereno: 2560 razmak 347px,
     1536 preklapa 68px; prag ~1700). Zato:
       ≥1800 -> INLINE social vidljiv (default iz sek.6c).
       ≤1799 -> inline SAKRIVEN; umjesto njega DROPDOWN (rs-social-dd-inner, inc/09) u laptop opsegu 1201-1799;
                ≤1200 (hamburger) nista (social u footeru). */
  @media (max-width:1799px){
    body:not(.transparent-yes) #header-hz-elementor .elementor-element-29ee508f{ display:none !important; }
  }
  /* B social DROPDOWN (klonira dizajn rs-social-dd, css/11 sek.42) — samo laptop opseg, inner desktop.
     Toggle je na inner-desktopu LIJEVO (sek.6c left:54), pa je desna strana slobodna -> dugme desno. */
  @media (min-width:1201px) and (max-width:1799px){
    body:not(.transparent-yes) #header-hz-elementor .rs-social-dd-inner{ display:block !important; position:absolute !important; right:24px !important; top:50% !important; transform:translateY(-50%) !important; z-index:120 !important; }
  }
  /* HAMBURGER MOD: NIKAD social dropdown (preklapao je theme-toggle na tablet-landscape 1194). Bez ovoga
     ga home sek.42 pravilo `.rs-social-dd{display:block}` (1025-1200) prikaze jer moj B dd nosi istu klasu. */
  body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile .rs-social-dd-inner{ display:none !important; }

  /* HAMBURGER MOD (klasa iz JS-a): raspored [hamburger lijevo] [logo centriran] [toggle desno].
     399 je flex:1 (sek.6c) pa gura logo desno na toggle -> flex:0 + logo margin:auto; logo ogranicen. */
  body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile > #rs-theme-toggle{ left:auto !important; right:14px !important; }
  /* hamburger i toggle su OBA apsolutni (out-of-flow) -> logo je jedini u toku; padding simetrican (0) da
     se logo centrira geometrijski (padding-right je ranije gurao logo lijevo). */
  body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile{ padding-left:0 !important; padding-right:0 !important; }
  /* HAMBURGER 14px od LIJEVE ivice (simetricno toggle-u desno). Kontejner hamburgera na tablet-landscape
     (1194) zadrzava desktop DESNO-poravnanje (widget 60px, justify:end) pa je hamburger isao na ~44px i
     pomjerao logo. Zato kontejner PINUJEM apsolutno na left:14 (u odnosu na #header koji je position:relative),
     a widget 399 svedem na 0 sirine da ne rezervise prostor -> logo (margin:auto) se centrira u punu sirinu. */
  body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile .elementor-element-399a9d93{ flex:0 0 auto !important; width:0 !important; margin:0 !important; overflow:visible !important; }
  body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile .elementor-element-399a9d93 [class*="houzez-ele-mobile-menu"]{ position:absolute !important; left:14px !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; z-index:5 !important; }
  /* LOGO CENTRIRAN (2026-07-15): `margin:0 auto` je ostavljao logo ~10px UDESNO od centra (nedokuciva
     20px asimetrija u flex toku — auto margine su se rjesavale 90/90 ali logo je i dalje bio desno).
     Apsolutno centriranje (left:50% + translate) = geometrijski tacno na pola, na svim hamburger sirinama
     (390/834/1194). Row (offsetParent) je simetrican u clientWidth pa left:50% pada na centar ekrana.
     Visina headera se NE oslanja na logo (ostaje 97px) pa absolute ne skuplja traku. */
  body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile .elementor-element-7a109cfc{ position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; margin:0 !important; }
  body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile .elementor-element-7a109cfc img{ max-width:200px !important; height:auto !important; }
  @media (max-width:600px){
    body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile .elementor-element-7a109cfc img{ max-width:150px !important; }
  }

  /* DESKTOP MENI — SIMETRICNA UDALJENOST OD LOGOA (2026-07-15).
     Oba menija (399a9d93 lijevi, 483538c desni) imaju Elementorov `margin-left:30px` na
     .elementor-widget-container. Lijevi meni je poravnat UDESNO (uz logo) pa mu taj margin-left ne smeta
     -> stavke se lijepe na ~20px od logoa. Desni meni je poravnat ULIJEVO pa mu isti margin-left DODAJE
     30px -> stavke pocinju ~50px od logoa (nesimetricno: 20 lijevo vs 50 desno). Fix: desnom meniju
     margin-left:0 -> pocinje ~20px od logoa kao lijevi. Rezultat: logo centriran + jednaki razmaci
     (verifikovano 1201/1280/1536/2560). Desni meni je left-aligned pa visak prostora ide na kraj (nevidljiv). */
  body:not(.transparent-yes) #header-hz-elementor .elementor-element-483538c > .elementor-widget-container{ margin-left:0 !important; }

  /* --- HAMBURGER I NA TABLET-LANDSCAPE (do 1200) ---
     Korisnik (2026-07-15): tablet horizontal (npr. iPad 11 = 1194) treba HAMBURGER, ne desktop meni.
     Tema u opsegu ~1024-1194 sakrije kontejner hamburgera (.houzez-ele-mobile-menu-XXXX -> display:none) a
     pokaze desktop meni. Zato deterministicki DO 1200: forsiraj kontejner hamburgera (399) VIDLJIV + sakrij
     desktop meni (399+483). JS onda vidi toggle -> rs-hdr-mobile + spoji/sakrij 483 = JEDAN hamburger.
     Preko 1200 (laptop 1536, PC 2560): obrnuto — sakrij hamburger kontejnere, pokazi desktop meni.
     ⚠️ Ako korisnikov tablet-landscape bude siri od 1200 (npr. iPad Pro 1366), podici ovaj prag. */
  @media (max-width:1200px){
    body:not(.transparent-yes) #header-hz-elementor .elementor-element-399a9d93 [class*="houzez-ele-mobile-menu"]{ display:block !important; }
    body:not(.transparent-yes) #header-hz-elementor .elementor-element-399a9d93 .houzez-nav-menu-main-desktop-wrap,
    body:not(.transparent-yes) #header-hz-elementor .elementor-element-483538c .houzez-nav-menu-main-desktop-wrap{ display:none !important; }
  }
  @media (min-width:1201px){
    body:not(.transparent-yes) #header-hz-elementor .elementor-element-399a9d93 [class*="houzez-ele-mobile-menu"],
    body:not(.transparent-yes) #header-hz-elementor .elementor-element-483538c [class*="houzez-ele-mobile-menu"]{ display:none !important; }
    body:not(.transparent-yes) #header-hz-elementor .elementor-element-399a9d93 .houzez-nav-menu-main-desktop-wrap,
    body:not(.transparent-yes) #header-hz-elementor .elementor-element-483538c .houzez-nav-menu-main-desktop-wrap{ display:block !important; }
  }