/* =====================================================================
   CI-Override für den Online-Katalog. Lädt NACH online-katalog.css.
   Gleiche Struktur/Breite/Navigation, nur Styleguide-Optik.
   Aktiv nur mit ?ci=1 ($ciMode).
   ===================================================================== */

:root{
  --nachtblau:#16305F; --basisblau:#244C9B; --mittelblau:#4A6DB5;
  --himmelblau:#9FB6E3; --eisblau:#E9EEF8; --tinte:#1F2733; --rot:#C62828;
}

/* ---- Typografie ---------------------------------------------------- */
body,.katalog-main-wrap{font-family:'Karla',sans-serif !important;color:var(--tinte)}
h1,h2,h3,h4,.katalog-header-title,.filter-group-title,.sort-btn,.lot-nr,.lot-bid,
.katalog-btn-primary,.live-auction-btn,.quickfilter-btn,.lot-badge{
  font-family:'Montserrat',sans-serif !important;
}
.katalog-header-title{color:var(--nachtblau) !important;letter-spacing:-.3px}

/* ---- Kopfleiste ---------------------------------------------------- */
.katalog-back-btn,.katalog-icon-btn{color:var(--basisblau) !important;border-radius:6px !important}
.katalog-icon-btn:hover,.katalog-back-btn:hover{background:var(--eisblau) !important}
.katalog-btn-primary{background:var(--basisblau) !important;color:#fff !important;border-radius:6px !important;font-weight:700}
.katalog-btn-primary:hover{background:var(--nachtblau) !important}
.katalog-search input,.katalog-search{border-radius:6px !important}
.katalog-search input{background:#F3F5FA !important;border:1px solid #DEE4F0 !important}
.katalog-search-icon{color:var(--mittelblau) !important}
.live-auction-btn-red,.live-auction-btn{background:var(--rot) !important;color:#fff !important;border-radius:6px !important;font-weight:700} /* funktionales Live-Signal */

/* ---- Filter-Sidebar ----------------------------------------------- */
.filter-sidebar{border:none !important;border-radius:10px !important;background:#fff !important}
.filter-group-title{color:var(--nachtblau) !important;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.fg-arrow,.filter-count,.fg-count{color:var(--mittelblau) !important}
.filter-input,.filter-parent-check{accent-color:var(--basisblau) !important}
.filter-footer .katalog-btn-primary{width:100%}

/* ---- Sortierleiste ------------------------------------------------ */
.sort-bar{background:#fff !important;border:none !important;border-radius:10px !important}
.sort-btn{border:1px solid #DEE4F0 !important;border-radius:6px !important;color:var(--tinte) !important;font-weight:600}
.sort-btn.active{background:var(--basisblau) !important;color:#fff !important;border-color:var(--basisblau) !important}
.quickfilter-btn{border-radius:6px !important;border:1px solid #DEE4F0 !important}
.quickfilter-btn.active{background:var(--basisblau) !important;color:#fff !important;border-color:var(--basisblau) !important}

/* ---- Los-Karten (identisch zum Styleguide) ------------------------ */
.lot-card{border:1px solid #EAECEF !important;border-radius:10px !important;transition:.15s}
.lot-card:hover{box-shadow:0 4px 20px rgba(22,48,95,.10) !important;transform:translateY(-2px)}
.lot-nr{background:var(--nachtblau) !important;color:#fff !important;border-radius:5px !important;font-weight:700}
.lot-bid{color:var(--basisblau) !important;font-weight:800}
.lot-badge{border-radius:5px !important;font-weight:700;letter-spacing:.5px}
.lot-badge-popular{background:var(--basisblau) !important;color:#fff !important}
.lot-badge-ending{background:var(--rot) !important;color:#fff !important}
.lot-badge-ended{background:#6B7280 !important;color:#fff !important}

/* ---- Pagination --------------------------------------------------- */
.lot-pagination-top a,.pagination a{border-radius:6px !important;font-family:'Montserrat',sans-serif !important}
.lot-pagination-top .active,.pagination .active{background:var(--basisblau) !important;color:#fff !important;border-color:var(--basisblau) !important}