/* =====================================================================
   CI-Override für die Los-Detailseite. Lädt NACH online-los.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{font-family:'Karla',sans-serif !important;color:var(--tinte)}
h1,h2,h3,h4,.los-title,.los-title-mobile,.detail-section-title,
.bid-current-amount,.bid-next-amount,.bid-countdown,.btn-bid-submit,
.bid-panel-header,.lot-nr,.lot-bid,.history-amount,.mob-bid-amount{
  font-family:'Montserrat',sans-serif !important;
}
.los-title,.los-title-mobile{color:var(--nachtblau) !important;letter-spacing:-.3px}

/* ---- Breadcrumb / Navigation -------------------------------------- */
.breadcrumb a,.breadcrumb-item a,.mob-los-back,.los-position{color:var(--basisblau) !important}

/* ---- Galerie ------------------------------------------------------ */
.gallery-main,.lot-gallery{border:1px solid #EAECEF !important;border-radius:10px !important;background:var(--eisblau) !important}
.gallery-thumb{border-radius:8px !important;border:2px solid transparent !important}
.gallery-thumb.active{border-color:var(--basisblau) !important}
.gallery-zoom-btn{background:var(--nachtblau) !important;color:#fff !important}

/* ---- Gebotspanel -------------------------------------------------- */
.bid-panel-card{border:1px solid #EAECEF !important;border-radius:10px !important;background:#fff !important;overflow:hidden}
.bid-panel-header{background:linear-gradient(160deg,var(--nachtblau),var(--basisblau)) !important;color:#fff !important}
.bid-current-amount,.bid-next-amount{color:var(--basisblau) !important;font-weight:800}
.bid-current-label,.bid-next-label,.bid-label{color:#8a93a5 !important;text-transform:uppercase;letter-spacing:.6px}
.bid-countdown{color:var(--rot) !important;font-weight:800}          /* funktionales Signal */
.bid-input{border:1px solid #DEE4F0 !important;background:#F3F5FA !important;border-radius:6px !important;font-family:'Montserrat',sans-serif !important;font-weight:700}
.bid-step-btn{background:var(--basisblau) !important;color:#fff !important;border-radius:6px !important}
.btn-bid-submit{background:var(--basisblau) !important;color:#fff !important;border-radius:6px !important;font-weight:700}
.btn-bid-submit:hover{background:var(--nachtblau) !important}
.bid-trust .ico,.bid-trust i{color:var(--basisblau) !important}
.bid-proxy-hint{color:#8a93a5 !important}

/* Gebots-Zeitbox / Chips */
.bid-time-box,.countdown-chip{background:var(--eisblau) !important;border-radius:8px !important}

/* ---- Details / Beschreibung --------------------------------------- */
.detail-section{border:1px solid #EAECEF !important;border-radius:10px !important;background:#fff !important}
.detail-section-title{color:var(--nachtblau) !important;font-weight:700;letter-spacing:.5px;text-transform:uppercase}

/* ---- Cross-Selling-Karten ----------------------------------------- */
.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-ending{background:var(--rot) !important;color:#fff !important}

/* ---- Gebotshistorie ----------------------------------------------- */
.history-amount{color:var(--basisblau) !important;font-weight:800}

/* ---- Mobile Sticky-Bid-Bar ---------------------------------------- */
.mob-bid-amount{color:var(--basisblau) !important;font-weight:800}
.mob-bid-time{color:var(--rot) !important}
.btn-mob-bid{background:var(--basisblau) !important;color:#fff !important;border-radius:6px !important}
.mob-bid-status--highest{color:var(--basisblau) !important}
.mob-bid-status--outbid{color:var(--rot) !important}