/* ===================  GLOBAL PALETTE & BASICS  =================== */
:root{
  --auto-blue:#111111;     /* deep black for primary */
  --auto-gold:#C4AD6D;     /* your gold accent */
  --auto-grayblue:#3E6B85; /* keep as secondary accent */
  --auto-cream:#F8F5F0;    /* off-white background */
  --auction-pad:1rem;      /* default card padding */
}

body{
  padding-top:72px;        /* clears fixed navbar */
  padding-bottom:100px;    /* clears fixed footer/bid-bar */
  background:var(--auto-cream);
}

/* ===================  NAVBAR & FOOTER  =================== */
.navbar-custom{background:var(--auto-blue)}
.navbar-custom .navbar-brand,
.navbar-custom .nav-link,
.navbar-custom .dropdown-toggle{color:#fff}
.navbar-brand img{height:40px;margin-right:10px}

.footer{
  position:fixed;bottom:0;left:0;right:0;height:80px;
  background:var(--auto-blue);border-top:2px solid var(--auto-gold);
  color:#fff;display:flex;align-items:center;justify-content:space-between;
  padding:0 20px;z-index:1030
}
.footer a{color:var(--auto-gold);margin-left:15px}

/* ===================  CARD, BUTTONS, HEADLINES  =================== */
.auction-card{
  padding:var(--auction-pad);
  border:2px solid var(--auto-grayblue);
  background:#fff
}
.btn-theme{background:var(--auto-gold);color:var(--auto-blue)}
.btn-theme:hover{background:#bfa256;color:#fff}

.make-logo-big{max-height:70px;width:auto;margin-bottom:.5rem}
.vehicle-headline{font-size:1.15rem;font-weight:600;color:var(--auto-blue);margin-bottom:.15rem}
.lot-line{font-size:.85rem;color:#6c757d;margin-bottom:.2rem}

/* ===================  CAROUSEL IMAGES & VIDEO  =================== */
.carousel-inner img,
.carousel-inner iframe{width:100%;height:auto;object-fit:cover}

/* ---- DESKTOP ≥768 px: always show entire image (no crop) ---- */
@media (min-width:768px){
  .carousel-inner img,
  .carousel-inner iframe{
    object-fit:contain;   /* letter-box if necessary, never crop */
    max-height:none;
    aspect-ratio:auto;
  }
}

/* thumbnails */
.thumb-nav{
  gap:0;margin-top:.5rem;display:flex;justify-content:center;flex-wrap:wrap
}
.thumb-nav img{
  width:50px;height:auto;object-fit:cover;
  border-radius:3px;border:2px solid transparent;cursor:pointer
}
.thumb-nav img.active-thumb{border-color:var(--auto-gold)}

/* ===================  VEHICLE INFO LINES  =================== */
.info-line{margin-bottom:.25rem;font-size:.9rem}
.color-chip{
  display:inline-block;width:16px;height:16px;border:1px solid #666;
  border-radius:50%;margin-right:4px;vertical-align:middle
}

/* align info column vertically (desktop) */
@media (min-width:992px){
  .info-col{display:flex;flex-direction:column;justify-content:center}
}

/* ===================  BID BAR (mobile)  =================== */
.mobile-bidbar{
  position:fixed;bottom:0;left:0;right:0;height:55px;
  background:var(--auto-blue);color:#fff;display:flex;
  justify-content:space-around;align-items:center;font-size:.9rem;z-index:1031
}
.mobile-bidbar .btn{
  background:#f8cc57;color:var(--auto-blue);
  border:none;padding:.25rem .5rem;font-size:.8rem
}

/* ===================  MOBILE-ONLY SPACING & IMAGE LIMITS  =================== */
@media (max-width:767.98px){
  :root{--auction-pad:.65rem}
  .pb-4{padding-bottom:0!important}
  .my-3{margin-top:0!important;margin-bottom:0!important}
  .carousel-inner img,
  .carousel-inner iframe{max-height:260px}
  body{padding-bottom: 0px}
  .text-danger{color: #f8ca59 !important}
}

/* ===================  Z-INDEX FIX FOR CAROUSEL & MODALS  =================== */
/* ensure carousel controls stay beneath any modal overlay */
.carousel-control-prev,
.carousel-control-next {
  z-index: 1;
}

/* force modals and backdrops on top of everything else */
.modal,
.modal-backdrop {
  z-index: 2000 !important;
}
.bidModal {
	z-index: 100!important;
}