/* kc_mcs_drawer_scrolllock.override.v1.3.1.css
   Purpose: ensure drawer scroll stays inside drawer + lock page scroll safely.
   Load AFTER kc_mcs_drawer_v1.addon.v1.3.1.css
*/

/* Lock page scroll while drawer open (JS toggles ._Q2Xxogp class on html/body) */
html._Q2Xxogp,
body._Q2Xxogp {
  overflow: hidden !important;
}

body._Q2Xxogp {
  padding-right: var(--kc-sbw, 0px); /* compensate for scrollbar width */
}

/* Ensure the drawer panel constrains height so inner body can scroll */
._GhJTaLe{
  height: 100dvh !important; /* modern browsers */
  max-height: 100vh !important; /* fallback */
  display: flex !important;
  flex-direction: column !important;
  overscroll-behavior: contain; /* prevent scroll chaining to page */
}

/* Key: allow flex children to shrink so overflow works */
._hDC6UcO{
  flex: 1 1 auto !important;
  min-height: 0 !important; /* CRITICAL for flex scrolling */
  overflow: auto !important;
  overscroll-behavior: contain !important; /* prevent bouncing to parent */
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  padding-bottom: 100px !important; /* clearance for sticky footer */
}

/* Footer should not scroll - sticky at bottom */
._X00Q4us,
._H1WDNNW{
  flex: 0 0 auto !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 10;
}

/* Hide price display to match WS drawer base design */
._SUjX8r2{
  display: none !important;
}

/* Ensure header title is visible */
._8hu3PNZ{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Add divider line for marker groups (INCLUDED, ADD-ONS, etc.) */
._rYL2dtr > li._d1JF6jf{
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}

/* First marker doesn't need top spacing/divider */
._rYL2dtr > li._d1JF6jf:first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}

/* Fix sticky CTA button to match kuma-btn--primary style */
._X00Q4us{
  padding: 12px 20px !important;
  border-top: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(6px);
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important; /* align left, not full-width */
}

._T5UFC8S{
  /* Match _s02TpC8 base */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  
  /* Size - NOT full width */
  width: auto !important;
  min-width: 180px !important;
  height: 44px !important;
  padding: 0 22px !important;
  
  /* Typography */
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  
  /* Style - match kuma-btn--primary */
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #3DBBFF, #2C86FF) !important;
  box-shadow: 0 14px 28px rgba(39,112,255,.18) !important;
  
  cursor: pointer !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

._T5UFC8S:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.02) saturate(1.02) !important;
  box-shadow: 0 18px 34px rgba(39,112,255,.22) !important;
}

._T5UFC8S:active{
  transform: translateY(0) !important;
  filter: brightness(.98) !important;
}

/* Optional: make scrollbars a bit more visible on Windows */
@media (hover: hover) and (pointer: fine){
  ._hDC6UcO::-webkit-scrollbar{ width: 10px; }
  ._hDC6UcO::-webkit-scrollbar-thumb{ background: rgba(15,23,42,0.18); border-radius: 10px; }
  ._hDC6UcO::-webkit-scrollbar-track{ background: transparent; }
}