
.bcs-cta-calculator{margin-top:12px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;}
.bcs-cta-buttons{margin-top:12px;display:flex;flex-direction:column;gap:10px !important;}
.bcs-btn{display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;width:100%;padding:12px 14px;border-radius:12px;font-weight:900;text-decoration:none !important;transition:all .18s ease;color:#ffffff !important;line-height:1.2 !important;box-sizing:border-box;}
.bcs-btn--details{order:99 !important;background:#FFB126 !important;border:1px solid #FFB126 !important;}
.bcs-btn--details:hover{background:rgba(58,58,58,1) !important;border-color:rgba(58,58,58,1) !important;color:#FFF !important;}
.bcs-btn--dark{background:rgba(58,58,58,1) !important;border:1px solid rgba(58,58,58,1) !important;}
.bcs-btn--dark:hover{background:#FFB126 !important;border-color:#FFB126 !important;color:#FFF !important;}
.bcs-btn .label{display:block !important;width:100% !important;text-align:center !important;}
.bcs-price-summary,.bcs-price-summary .bcs-price-row,.bcs-price-summary .bcs-price-label,.bcs-price-summary .bcs-price-value{font-size:15px !important;line-height:1.4 !important;}
/* Make Offer modal submit button */
.bcs-offer-submit{width:100%;border:0;border-radius:12px;padding:12px 14px;font-weight:900;background:#FFB126;color:#fff;cursor:pointer;}
.bcs-offer-submit:hover{background:rgba(58,58,58,1);color:#fff;}
/* reduce blur/backdrop issues */
body.modal-open *{filter:none !important;-webkit-filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
body.modal-open .modal,body.modal-open .modal *{filter:none !important;-webkit-filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
body.modal-open .modal-backdrop{filter:none !important;-webkit-filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(0,0,0,.65) !important;opacity:1 !important;}
.modal.fade .modal-dialog{transition:none !important;}


/* ---------------------------------------------------------
   FORCE MPC (Sawgrass) tabs to be HORIZONTAL (no vertical stack)
   We scope it to our widget so it doesn't distort other parts.
---------------------------------------------------------- */
.bcs-cta-widget .mpc-saw .mpc-tabs{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  grid-auto-flow:column !important;
  gap:0 !important;
  align-items:stretch !important;
  width:100% !important;
  background:#eceff3 !important;
  border-radius:999px !important;
  padding:6px !important;
  margin:0 0 12px 0 !important;
}
.bcs-cta-widget .mpc-saw .mpc-tab{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  float:none !important;
  margin:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#303030 !important;
}
.bcs-cta-widget .mpc-saw .mpc-tab.is-active{
  background:#FFB126 !important;
  color:#ffffff !important;
}
.bcs-cta-widget .mpc-saw .mpc-tab:hover{
  color:#303030 !important; /* your request: hover label 303030 */
}

/* ---------------------------------------------------------
   OFFER MODAL spacing + size (centered, correct margins)
---------------------------------------------------------- */
#trade-offer.modal{
  padding-left:0 !important;
}
#trade-offer .modal-dialog{
  width:92% !important;
  max-width:720px !important;
  margin:60px auto !important;  /* top margin so it doesn't stick to header */
}
@media (max-width: 767px){
  #trade-offer .modal-dialog{
    margin:24px auto !important;
    width:94% !important;
  }
}
#trade-offer .modal-content{
  border-radius:14px !important;
  overflow:hidden !important;
}
#trade-offer .modal-header{
  padding:16px 18px !important;
}
#trade-offer .modal-title{
  margin:0 !important;
}
#trade-offer .modal-body{
  padding:18px !important;
}


/* ---- Offer Price modal final spacing + header match ---- */
#trade-offer .modal-dialog{
  margin:50px auto !important;
}

#trade-offer .modal-header{
  background:#3a3a3a !important;
  color:#fff !important;
  padding:16px 20px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

#trade-offer .modal-title{
  color:#fff !important;
  font-weight:800 !important;
  font-size:18px !important;
  margin:0 !important;
}

#trade-offer .modal-close,
#trade-offer .motors-icons-close-times{
  color:#fff !important;
  opacity:1 !important;
}


/* Pre-approved modal (iframe) */
#pre-approved .modal-dialog{width:92% !important;max-width:980px !important;margin:50px auto !important;}
@media (max-width: 767px){
  #pre-approved .modal-dialog{width:94% !important;margin:24px auto !important;}
}
#pre-approved .modal-content{border-radius:14px !important;overflow:hidden !important;}
#pre-approved .modal-header{background:#3a3a3a !important;color:#fff !important;padding:16px 20px !important;}
#pre-approved .modal-title{color:#fff !important;font-weight:800 !important;font-size:18px !important;margin:0 !important;}
#pre-approved .modal-close, #pre-approved .motors-icons-close-times{color:#fff !important;opacity:1 !important;}
#pre-approved .bcs-preapproved-body{padding:0 !important;}
#pre-approved .bcs-preapproved-iframe{
  width:100% !important;
  height:80vh !important;
  min-height:640px !important;
  border:0 !important;
  display:block !important;
}
@media (max-width: 767px){
  #pre-approved .bcs-preapproved-iframe{height:84vh !important;min-height:560px !important;}
}


/* Pre-approved iframe now loads a header/footer-less page; reduce padding */
#pre-approved .bcs-preapproved-iframe{background:#fff;}


/* Pre-approved iframe: allow full-page scripts/layout; no extra padding needed */
#pre-approved .bcs-preapproved-iframe{background:#fff;}


/* Pre-approved modal loading state */
#pre-approved .bcs-preapproved-body{position:relative;}
#pre-approved .bcs-preapproved-loading{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  background:#fff;
  font-weight:800;
}
#pre-approved.is-loaded .bcs-preapproved-loading{display:none;}


/* Get Pre-Approved button "active" */
.bcs-cta-widget .bcs-btn--active{
  background:#FFB126 !important;
  color:#fff !important;
}
.bcs-cta-widget .bcs-btn--active:hover{
  background:rgba(58,58,58,1) !important;
  color:#fff !important;
}


/* Prevent Bootstrap modal scrollbar compensation from shifting layout */
html{ overflow-y: scroll; }
body.modal-open{ overflow:hidden !important; padding-right:0 !important; }
.stm-site-wrapper, .site, .wrapper{ padding-right:0 !important; }

/* Pre-approved modal: add inner top spacing without moving header element */
#pre-approved .modal-header{ margin-top:0 !important; }
#pre-approved .modal-body{ padding-top:200px !important; }
