/* === ADOS WAVE 2 DESKTOP CSS === */
/* ==========================================================================
   BUDD BAER BUICK GMC (www.buddbaergm.com | siteId: buddbaerbuick)
   Dealer.com Composer Wave 2 Self-Service Stylesheet — DESKTOP (deviceId: desktop)
   Preserves Dual-Franchise Buick & GMC Identity + 60-30-10 GMC Crimson (#cc0000)
   ========================================================================== */

:root {
  --bb-brand-primary: #cc0000;
  --bb-brand-primary-hover: #a30000;
  --bb-surface-60: #ffffff;
  --bb-surface-alt: #f8fafc;
  --bb-surface-30: #14181f;
  --bb-ink: #0f172a;
  --bb-ink-muted: #475569;
  --bb-border: #cbd5e1;
}

/* 1. BU1-POPUP-00 & BU1-TASK-03: Suppress Unsolicited Auto-Opening Chat/SMS/Offer Popups */
html:not([data-bb-user-chat-active="true"]) iframe.als-agent,
html:not([data-bb-user-chat-active="true"]) div.als-chat-side,
html:not([data-bb-user-chat-active="true"]) .CarcodeWidgetGlobalCallOutContainer,
html:not([data-bb-user-chat-active="true"]) .CallOut-eve,
html:not([data-bb-user-chat-active="true"]) .WidgetToolbarContaineruLS,
html:not([data-bb-user-chat-active="true"]) .purecars-offer-modal,
html:not([data-bb-user-chat-active="true"]) #purecars-modal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Keep floating launchers clear of bottom bar & primary CTAs */
.CarcodeWidgetContainer,
button.als-agent-coin,
aside#ae_launcher {
  bottom: 64px !important;
  right: 16px !important;
  z-index: 99990 !important;
  max-width: 140px !important;
}

/* 2. BU1-TASK-02: CLS Reservation on Top Banners & Hero Rotator (CLS < 0.05) */
.header-default,
header.site-header {
  min-height: 88px;
  contain: layout style;
}
.hero-carousel,
.slideshow-default,
.content-carousel,
[class*="hero-slider" i],
#index-slideshow {
  min-height: 420px;
  aspect-ratio: 16 / 6;
  background-color: #14181f;
  overflow: hidden;
}

/* 3. BU1-TASK-06 & BU1-TASK-09: Compact Desktop Header & Single-Row Navigation (No 2-Row Wrap) */
@media (min-width: 1025px) {
  .header-default,
  header {
    max-height: 104px !important;
  }
  .navigation-default > ul.navbar-nav,
  header nav > ul.navbar-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    float: none !important;
    width: 100% !important;
  }
  .navigation-default > ul.navbar-nav > li,
  header nav > ul.navbar-nav > li {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }
  .navigation-default > ul.navbar-nav > li > a,
  header nav > ul.navbar-nav > li > a {
    white-space: nowrap !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
  }
  /* Hide redundant Home icon (1st item) and empty phantom 10th <li> */
  .navigation-default > ul.navbar-nav > li:first-child,
  .navigation-default > ul.navbar-nav > li:empty {
    display: none !important;
  }
}

/* 4. BU1-TASK-07 & BU1-TASK-22: >=44x44px Hit Targets & Focus Accessibility */
.header-minimal-container a,
.header-minimal-container button,
.carousel-indicators li,
.slick-dots li button,
a.social-icon,
button.btn,
a.btn {
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 5. BU1-TASK-04: New & Used Inventory SRP — Lift Vehicle Grid Above y=340px */
body[class*="inventory-listing" i] [href*="affirm" i],
body[class*="inventory-listing" i] img[alt*="UNEXPECTED CAR REPAIRS" i],
body[class*="inventory-listing" i] img[src*="affirm" i],
body[class*="inventory-listing" i] .service-banner-srp,
body[class*="inventory-listing" i] .srp-seo-intro-top,
body[class*="INVENTORY_LISTING" i] .page-section.seo-intro {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body[class*="inventory-listing" i] .inventory-listing-default {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

/* 6. BU1-TASK-13: Vehicle Card Aspect Ratio Preservation (object-fit: contain) */
.vehicle-card img,
.inventory-listing-default .media img,
.model-carousel img,
.jellybean-carousel img,
[class*="vehicle-image" i] img {
  object-fit: contain !important;
  max-width: 100% !important;
  height: auto !important;
}

/* 7. BU1-TASK-14 & BU1-TASK-16: 60-30-10 GMC Crimson (#cc0000) Primary CTAs & 4-Pill Action Bar */
a.btn-primary,
button.btn-primary,
a.btn[href*="/new-inventory/index.htm"],
a.btn[href*="/service.htm"],
a.btn[href*="/value-your-trade"],
.eprice-button,
[data-action="get-eprice"],
.search-component button[type="submit"] {
  background-color: var(--bb-brand-primary) !important;
  border: 1px solid var(--bb-brand-primary) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(204, 0, 0, 0.28) !important;
  transition: background-color 0.15s ease, transform 0.15s ease !important;
}
a.btn-primary:hover,
button.btn-primary:hover,
a.btn[href*="/new-inventory/index.htm"]:hover {
  background-color: var(--bb-brand-primary-hover) !important;
  border-color: var(--bb-brand-primary-hover) !important;
  color: #ffffff !important;
}

/* Constrain >160ch body copy to readable 68ch measure */
.page-section p,
.ddc-content p {
  max-width: 68ch;
  line-height: 1.65;
}

/* 8. BU1-TASK-11: Purge Review7 & Coupon Expiration Text from Customer Reviews (#specials2-app-root) */
#specials2-app-root [class*="expiration" i],
#specials2-app-root [class*="disclaimer" i],
#specials2-app-root [class*="valid" i],
#specials2-app-root .offer-expiration,
#specials2-app-root .coupon-disclaimer {
  display: none !important;
}

/* 9. BU1-TASK-05 & BU1-TASK-08: Dual-Franchise Budd Baer Buick GMC Above-the-Fold H1 Banner */
#bb-dual-franchise-h1-bar {
  background: #14181f;
  color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  border-bottom: 2px solid var(--bb-brand-primary);
}
#bb-dual-franchise-h1-bar h1 {
  margin: 0 auto;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #ffffff !important;
  line-height: 1.3;
}

/* 10. BU1-TASK-16: High-Contrast 4-Pill Quick Action Bar */
#bb-quick-action-pills {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  max-width: 1200px;
  margin: 12px auto;
  padding: 0 16px;
}
#bb-quick-action-pills a.bb-pill {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none !important;
  background: #14181f;
  color: #ffffff !important;
  border: 1px solid #334155;
}
#bb-quick-action-pills a.bb-pill.bb-pill-primary {
  background: var(--bb-brand-primary) !important;
  border-color: var(--bb-brand-primary) !important;
  color: #ffffff !important;
}

/* 11. BU1-TASK-21: 4-Pill Why Buy From Budd Baer Buick GMC Value Bar */
#bb-why-buy-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  max-width: 1200px;
  margin: 10px auto 18px auto;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-left: 4px solid var(--bb-brand-primary);
  border-radius: 8px;
}
#bb-why-buy-bar .bb-why-item {
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 8px;
}
#bb-why-buy-bar .bb-why-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bb-brand-primary);
  flex-shrink: 0;
}

/* 12. BU1-TASK-12: 4,602px SEO Keyword Wall Collapsed into 220px Accordion */
.bb-seo-accordion-wrap {
  max-height: 220px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.35s ease;
  border-bottom: 1px solid #cbd5e1;
}
.bb-seo-accordion-wrap.bb-expanded {
  max-height: 6000px;
}
.bb-seo-accordion-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 12px auto 24px auto;
  min-height: 44px;
  padding: 10px 20px;
  background: #14181f;
  color: #ffffff !important;
  border: 1px solid #334155;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

/* 13. BU1-TASK-15, BU1-TASK-19 & BU1-TASK-23: PA/WV/OH Tri-State 6% Trade Tax & Payment Studio */
#ados-pa-tax-studio {
  max-width: 1200px;
  margin: 20px auto 26px auto;
  background: linear-gradient(135deg, #11161f 0%, #1d2432 100%);
  color: #f8fafc;
  border: 1px solid #334155;
  border-left: 5px solid var(--bb-brand-primary);
  border-radius: 12px;
  padding: 20px 24px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
}
#ados-pa-tax-studio .bb-state-switch {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 8px;
  margin-bottom: 16px;
}
#ados-pa-tax-studio .bb-state-btn {
  min-height: 44px;
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid #475569;
  background: #1e293b;
  color: #f8fafc;
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
#ados-pa-tax-studio .bb-state-btn.active {
  background: var(--bb-brand-primary);
  border-color: var(--bb-brand-primary);
  color: #ffffff;
}
#ados-pa-tax-studio .ados-grid {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 24px;
  align-items: center;
}

/* 14. BU1-TASK-20: Service Page Above-the-Fold 3-Card Self-Service Hub */
#bb-service-express-hub {
  max-width: 1200px;
  margin: 14px auto 22px auto;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-top: 4px solid var(--bb-brand-primary);
  border-radius: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
#bb-service-express-hub .bb-svc-card {
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
#bb-service-express-hub .bb-svc-card h3 {
  margin: 0 0 6px 0;
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
}


/* === Universal Viewport Boundary Containment & Zero Horizontal Overflow (Mobile 390px / Tablet 768px / Desktop 1440px) === */
html, body, .ddc-wrapper, .page-bd, header, .header-default, .navigation-default {
  max-width: 100vw !important;
  overflow-x: clip !important;
}
@supports not (overflow-x: clip) {
  html, body, .ddc-wrapper, .page-bd, header, .header-default, .navigation-default {
    overflow-x: hidden !important;
  }
}
@media (max-width: 1023px) {
  .header-default .d-flex,
  .header-mycars-search-container,
  .ws-mycars-nav-wrapper {
    min-width: 0 !important;
    max-width: 100% !important;
    flex-shrink: 1 !important;
  }
}


/* === EXCLUSIVE CHAT/TEXT INTERFACE: FULLPATH ONLY (Purge CarCode/Edmunds, VelocityEngage, PureCars, etc.) === */
/* 1. Completely purge competing non-Fullpath chat/SMS/offer widgets */
.CarcodeWidgetContainer,
div[class*="CarcodeWidget"],
.CarcodeWidgetGlobalCallOutContainer,
.CallOut-eve,
.WidgetToolbarContaineruLS,
.js-carcode-eve-toolbar,
.WidgetEveToolbarFag,
#carcode-widget,
iframe[src*="carcodesms.com"],
iframe[src*="edmunds.com"],
.purecars-offer-modal,
#purecars-modal,
div[id^="purecars"],
iframe[src*="purecars.com"],
.velocity-engage-button,
#velocity-engage-container,
iframe[src*="velocityengage.com"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* 2. Fullpath (AutoLeadStar) Exclusive Interface Rules:
   - Never auto-pop the 360x284px iframe.als-agent on page load unless user explicitly clicks Fullpath launcher or Chat button (html[data-fullpath-open="true"] or body[data-bb-user-chat-active="true"]).
   - Hide the redundant left-edge vertical 'CHAT' tab (div.als-chat-side) so there is only ONE clean Fullpath launcher.
   - Position the single Fullpath launcher coin (button.als-agent-coin) cleanly at bottom-right above the mobile communication bar (bottom: 64px !important; right: 12px !important; left: auto !important). */
div.als-chat-side,
div.als-chat.als-chat-side.als-chat-left {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html:not([data-fullpath-open="true"]) body:not([data-bb-user-chat-active="true"]) iframe.als-agent:not([data-user-opened="true"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-fullpath-open="true"] iframe.als-agent,
body[data-bb-user-chat-active="true"] iframe.als-agent,
iframe.als-agent[data-user-opened="true"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 99999999 !important;
}

button.als-agent-coin {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  right: 12px !important;
  left: auto !important;
  bottom: 64px !important;
  width: 52px !important;
  height: 52px !important;
  z-index: 999990 !important;
}


.slick-list,
.slick-slider,
.wsm-specials-display,
.fixed-program-aspect-ratio-blurred-box,
.page-section,
.ddc-content {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}