/* CARS24.ba V56 - a shared interface, using untouched original brand PNGs. */
:root{--c24-v56-font:'Jost',system-ui,Arial,sans-serif;--c24-v56-accent:#f5a916;--c24-v56-bg:#07090b;--c24-v56-surface:#111418;--c24-v56-raised:#171b20;--c24-v56-stroke:#343b44;--c24-v56-text:#f6f7f9;--c24-v56-secondary:#aeb9c8;--c24-v56-input:#0a0e12;color-scheme:dark}
html[data-c24-theme="light"]{--bg:#f5f6f8;--panel:#fff;--panel2:#f5f6f8;--line:#d6dce4;--muted:#576678;--white:#1b2631;--c24-bg:#f5f6f8;--c24-surface:#fff;--c24-surface-raised:#f5f6f8;--c24-stroke:#d6dce4;--c24-text:#1b2631;--c24-subtext:#576678;--c24-v56-bg:#f5f6f8;--c24-v56-surface:#fff;--c24-v56-raised:#f2f5f8;--c24-v56-stroke:#d6dce4;--c24-v56-text:#1b2631;--c24-v56-secondary:#576678;--c24-v56-input:#fff;color-scheme:light}
html,body{font-family:var(--c24-v56-font)!important}button,input,select,textarea{font-family:inherit!important}
/* Same soft edged component system on every page. */
.c24-v56-header-logo{display:block;width:min(196px,40vw);max-height:46px;height:auto;object-fit:contain;object-position:left center}
.c24-v56-settings{position:relative;display:inline-flex;gap:9px;align-items:center;flex:0 0 auto;font-family:var(--c24-v56-font);z-index:100;isolation:isolate}
.c24-v56-picker{position:relative;display:inline-flex;align-items:center;min-width:0}
.c24-v56-picker-button{width:auto;min-height:39px;display:inline-flex;align-items:center;gap:9px;justify-content:space-between;padding:8px 12px;border:1px solid var(--c24-v56-stroke);border-radius:11px;background:var(--c24-v56-surface);color:var(--c24-v56-text);cursor:pointer;white-space:nowrap;font:600 13px/1.2 var(--c24-v56-font);transition:background .16s,border-color .16s}
.c24-v56-picker-button:hover,.c24-v56-picker-button[aria-expanded="true"]{border-color:#f5a916;background:var(--c24-v56-raised)}
.c24-v56-picker-button:focus-visible{outline:2px solid #f5a916;outline-offset:3px}
.c24-v56-caret{display:inline-block;width:7px;height:7px;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.75;flex-shrink:0}
.c24-v56-options{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;min-width:max(100%,165px);padding:6px;border:1px solid var(--c24-v56-stroke);border-radius:13px;background:var(--c24-v56-surface);color:var(--c24-v56-text);box-shadow:0 18px 42px rgba(0,0,0,.25);display:grid;gap:3px}
.c24-v56-options[hidden]{display:none!important}
.c24-v56-option{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--c24-v56-text);text-align:left;cursor:pointer;font:600 13px/1.2 var(--c24-v56-font)}
.c24-v56-option:hover,.c24-v56-option:focus-visible{background:var(--c24-v56-raised);outline:0}.c24-v56-option[aria-selected="true"]{background:rgba(245,169,22,.13);color:#cf8400}
html:not([data-c24-theme="light"]) .c24-v56-option[aria-selected="true"]{color:#ffbf43}
.c24-v56-native{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;max-width:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;clip-path:inset(50%)!important;overflow:hidden!important;left:0;top:0}
.c24-v56-theme-icon{font-size:15px;line-height:1}.c24-v56-settings > .c24-v56-picker{width:auto}
/* Light mode for existing V52/V54/V55 pages. No form semantics are modified. */
html[data-c24-theme="light"] body{color:#1b2631!important;background:#f5f6f8!important;background-image:none!important}
html[data-c24-theme="light"] .top,html[data-c24-theme="light"] header.top,html[data-c24-theme="light"] .mast{background:#ffffffec!important;border-color:#d6dce4!important;color:#1b2631!important}
html[data-c24-theme="light"] .nav a,html[data-c24-theme="light"] .c24-chat-nav a{color:#273440!important}
html[data-c24-theme="light"] .nav a:hover,html[data-c24-theme="light"] .nav a[aria-current="page"]{color:#d48a04!important}
html[data-c24-theme="light"] :is(.panel,.results-sidebar,.search-advanced,.search-panel,.filter-panel,.card,.c24-category-strip,.c24-weather-v54,.c24-weather-v54-city,.c24-chat-v52 .panel,.c24-option-group,.c24-color-section,.c24-option-choices,.c24-ad-infeed,#formPanel,#listPanel,#adminLoginPanel){background:#fff!important;border-color:#d6dce4!important;color:#1b2631!important}
html[data-c24-theme="light"] :is(.c24-category-item,.c24-ad-link,.card-img,.c24-weather-v54-city,.c24-option-item,.c24-option-group,details,.filter-chip){border-color:#d6dce4;color:#1b2631}
html[data-c24-theme="light"] .c24-category-item:not([aria-pressed="true"]){background:#f9fafb!important}
html[data-c24-theme="light"] .c24-category-item[aria-pressed="true"]{background:#fff3dc!important;border-color:#db920a!important;color:#aa6d00!important}
html[data-c24-theme="light"] :is(.input,input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){background:#fff!important;color:#1b2631!important;border-color:#b9c3cd!important}
html[data-c24-theme="light"] :is(.c24-v56-picker-button,.c24-v56-option){background:transparent!important;border-color:var(--c24-v56-stroke)!important;color:#1b2631!important}
html[data-c24-theme="light"] .c24-v56-options{background:#fff!important;border-color:#d6dce4!important}
html[data-c24-theme="light"] .c24-v56-option:hover{background:#f2f5f8!important}
html[data-c24-theme="light"] :is(h1,h2,h3,h4,.result-count,.card h3,.spec b,.listing-row,.top-inner,.c24-weather-v54-name,.c24-v56-header-title){color:#1b2631!important}
html[data-c24-theme="light"] :is(.muted,.hero p,.meta,.sub,.footer,.small,.field>span,.form label>span,.c24-weather-v54-desc,.c24-weather-v54-title,.c24-option-hint){color:#576678!important}
html[data-c24-theme="light"] :is(.btn.ghost,.filter-close,.btn:not(.primary),button:not(.primary):not(.c24-v56-picker-button):not(.c24-v56-option)){background:#f2f5f8;color:#26333d;border-color:#c7d0d9}
html[data-c24-theme="light"] :is(.btn.primary,button.primary){background:#f5a916!important;color:#171205!important;border-color:#f5a916!important}
html[data-c24-theme="light"] .footer{border-color:#d6dce4}
html[data-c24-theme="light"] .filter-chip{background:#fff2d8!important;color:#865c11!important}
html[data-c24-theme="light"] .c24-ad-infeed{background:#fff!important;border-color:#d6dce4!important}
html[data-c24-theme="light"] .c24-weather-v54-temp,html[data-c24-theme="light"] .price{color:#d28c00!important}
html[data-c24-theme="light"] .notice.show{color:#8e5e00;background:#fff6e4;border-color:#e2bf75}
html[data-c24-theme="light"] .c24-chat-v52{background:#f5f6f8!important}
html[data-c24-theme="light"] .c24-chat-v52 :is(.panel,.bubble,.conversation,.conversation-list,.chat-list,.message,.message-in,.message-out){background:#fff;color:#1b2631;border-color:#d6dce4}
/* Admin V55.2 contains its own inline CSS; these overrides are appended last. */
html[data-c24-theme="light"] .wrap{color:#1b2631}
html[data-c24-theme="light"] .wrap :is(.panel,.upload,.warn){background:#fff!important;color:#1b2631!important;border-color:#d6dce4!important}
html[data-c24-theme="light"] .wrap :is(.field,.sub,.small,th,footer){color:#576678!important}
html[data-c24-theme="light"] .wrap :is(h1,h2,strong,.brand){color:#1b2631!important}
html[data-c24-theme="light"] .wrap .warn{background:#fff6e4!important;color:#765400!important}
html[data-c24-theme="light"] .wrap :is(.btn:not(.primary),.tag){color:#26333d!important;background:#f2f5f8!important;border-color:#c7d0d9!important}
html[data-c24-theme="light"] .wrap .notice{color:#286a3b!important}
html[data-c24-theme="light"] .wrap .notice.error{color:#b52c2c!important}
html[data-c24-theme="light"] .wrap table td{border-color:#d6dce4!important}
html[data-c24-theme="light"] .wrap .tag.active{color:#22703b!important;border-color:#6aa576!important}
/* Ads preserve complete source image; never crop the original logo or other banner. */
#results > .c24-ad-infeed .c24-ad-link{background:#0a0c10!important}
#results > .c24-ad-infeed .c24-ad-link img{object-fit:contain!important;background:#0a0c10!important;max-height:none!important}
/* Fix preview clipping, hidden broken image, and overflow. */
.upload img[hidden]{display:none!important}
.upload #desktopPreview,.upload #mobilePreview{display:block;width:100%;max-width:100%!important;max-height:none!important;height:auto;object-fit:contain!important;border-radius:8px;border:1px solid var(--c24-v56-stroke);background:#080b0e;margin:10px 0 0;box-sizing:border-box}
.upload #desktopPreview{aspect-ratio:1200/280}.upload #mobilePreview{aspect-ratio:640/480;max-width:440px!important}
.upload #desktopPreview[hidden],.upload #mobilePreview[hidden]{display:none!important}
@media(max-width:750px){.c24-v56-picker-button{min-height:37px;padding:8px 9px;font-size:12px}.c24-v56-settings{gap:6px}.c24-v56-header-logo{max-width:150px}.c24-v56-options{min-width:150px}}
@media(prefers-reduced-motion:reduce){.c24-v56-picker-button{transition:none}}