h1,h2,h3,h4,h5,h6,.item-title,.item-title a,.houzez_section_title,.page-title-mobile,.elementor-heading-title,.widget-title{text-transform:none!important}
.item-header .label,.labels-wrap .label,.property-labels-wrap .label{min-height:24px!important;min-width:0!important;padding:4px 9px!important;font-size:12px!important;font-weight:600!important;line-height:16px!important;letter-spacing:.02em;border-radius:4px}
.sin-hub-guide{margin:0 0 12px;font-size:15px}
/* Houzez style-ltr.css sets .control{color:#EAECEC} — checkbox labels (Karakteristike, Zapamti me, uslovi) were near-white on white */
.control{color:#1F2937!important}.control__indicator{border-color:#94A3B8!important}
.control:hover .control__indicator{border-color:#0A58CA!important}
.sin-naselja summary{cursor:pointer;list-style:none;display:inline}
.sin-naselja summary::-webkit-details-marker{display:none}
.sin-naselja summary::after{content:" ▾";color:#0a58ca}
.sin-naselja[open] summary::after{content:""}
.sin-naselja[open] summary .sin-naselja-n{display:none}
/* Hub neighbourhood row: desktop line vs mobile <details>, picked here in the nitro-excluded head CSS (an inline style next to
   the row was merged into NitroPack's late CSS, so both variants painted first: desktop CLS 0.13, audit 2026-10-11b). */
@media (min-width:768px){.sin-naselja-m{display:none!important}.sin-naselja-d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}} /* one line: when Roboto (font-display:swap) arrived, a 2-line row re-wrapped and its text jumped 27px (CLS 0.13); top 9 in market-data.php */
@media (max-width:767.98px){.sin-naselja-d{display:none!important}}
@media (max-width:767px){
 .sin-hub-guide{font-size:14px;margin:0 0 8px;line-height:1.5}
 .sin-hub-links{padding:10px 14px!important;font-size:14px!important;line-height:1.7!important}
 /* Sort bar on every listing page (city/area hubs, /prodaja-*, /izdavanje-*, search, map pages), 2026-10-07:
    count on its own line, "Sortiraj po" + select across the full width. The phone's native picker sits on top of the
    bootstrap-select button: NitroPack delays theme JS until the first interaction, so the first tap on the button did
    nothing, and the theme menu was 166px wide with 12px uppercase options cut off. Native = opens on the first tap,
    never clipped; its change event goes to the theme handler (or the fallback script below). */
 .listing-tools-wrap>.d-flex{flex-wrap:wrap;row-gap:8px}
 .listing-tools-wrap .listings-count{flex:1 1 100%!important;width:100%;max-width:none!important;margin:0!important;text-align:left!important;font-weight:500}
 .sort-by{flex:1 1 100%;width:100%}
 .sort-by>.d-flex{gap:10px}
 .sort-by .sort-by-title{flex:0 0 auto;white-space:nowrap}
 .sort-by .bootstrap-select{position:relative;flex:1 1 auto;width:auto!important;min-width:0}
 .sort-by .bootstrap-select>.dropdown-toggle{border:1px solid #DCE0E0!important;background:#fff!important;border-radius:6px}
 .sort-by .bootstrap-select>select.selectpicker,.sort-by .bootstrap-select>select.selectpicker.bs-select-hidden{display:block!important;position:absolute!important;top:0!important;left:0!important;bottom:auto!important;width:100%!important;height:100%!important;padding:0!important;opacity:0!important;z-index:3!important;font-size:16px!important;cursor:pointer;pointer-events:auto!important}
 .sort-by .bootstrap-select>.dropdown-menu{display:none!important}
 .sort-by .d-flex>select.selectpicker,.sort-by .d-flex>select.selectpicker.bs-select-hidden{display:block!important;flex:1 1 auto;min-width:0;height:42px;padding:0 12px;font-size:16px;border:1px solid #DCE0E0;border-radius:6px;background:#fff;color:#1F2937}
}
/* Sort menu on PC/tablet (2026-10-18): guests get NitroPack's stripped CSS, which drops the theme's rules for the
   menu (bootstrap-select builds it with JS, so the optimizer sees it as unused) — the menu was as narrow as the
   button (166px) with 218px options cut off, 3 of 8 options visible in a scroll box, 12px capitals. Logged-in users
   get the full CSS, so it looked fine to admins. These rules live here (inline CSS is not stripped). */
@media (min-width:768px){
 .sort-by .bootstrap-select>.dropdown-menu{min-width:250px!important;width:auto!important;left:auto!important;right:0!important;max-height:none!important;min-height:0!important;height:auto!important;overflow:visible!important;padding:6px 0!important;border:1px solid #DCE0E0!important;border-radius:6px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;background:#fff!important;z-index:1000!important}
 .sort-by .bootstrap-select>.dropdown-menu .inner{max-height:none!important;min-height:0!important;height:auto!important;overflow:visible!important}
 .sort-by .bootstrap-select>.dropdown-menu ul{margin:0!important;padding:0!important;list-style:none!important}
 .sort-by .bootstrap-select>.dropdown-menu .dropdown-item{display:block!important;padding:8px 16px!important;font-size:15px!important;line-height:1.4!important;text-transform:none!important;letter-spacing:normal!important;white-space:nowrap!important;color:#1F2937!important;background:transparent}
 .sort-by .bootstrap-select>.dropdown-menu .dropdown-item:hover,.sort-by .bootstrap-select>.dropdown-menu .selected>.dropdown-item{background:#F1F5F9!important;color:#0E5FD8!important}
 .sort-by .bootstrap-select>.dropdown-menu .bs-title-option{display:none!important}
}