/* ===========================================================================
   S8 REDESIGN — 03 HEADER (V3 full rebuild: utility topbar + dark slab header)
   =========================================================================== */

/* ---- V3 TOP UTILITY BAR ---- */
.s8-topbar-v3 {
  background: #060708;
  border-bottom: 1px solid rgba(var(--s8-accent-rgb), .35);
  font-size: 12.5px;
}
.s8-topbar-v3__inner {
  max-width: var(--s8-container); margin: 0 auto; padding: 0 16px;
  display: flex; align-items: stretch; justify-content: space-between; gap: 18px;
  min-height: 38px;
}
.s8-topbar-v3__status {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--s8-accent);
  font-family: var(--font-head, "Antonio", sans-serif);
  letter-spacing: .14em; text-transform: uppercase; font-size: 11.5px;
  border-right: 1px solid var(--s8-border); padding-right: 18px;
}
.s8-topbar-v3__dot { width: 7px; height: 7px; background: var(--s8-accent); display: inline-block; }
.s8-topbar-v3__contact { display: inline-flex; align-items: center; gap: 0; flex-wrap: wrap; }
.s8-topbar-v3__item {
  display: inline-flex; align-items: center; gap: 7px;
  color: var(--s8-text); text-decoration: none;
  padding: 0 16px; border-left: 1px solid var(--s8-border);
  min-height: 38px;
}
.s8-topbar-v3__item:first-child { border-left: 0; }
a.s8-topbar-v3__item:hover { color: var(--s8-accent); }
.s8-topbar-v3__k {
  color: var(--s8-muted);
  font-family: var(--font-head, "Antonio", sans-serif);
  letter-spacing: .1em; text-transform: uppercase; font-size: 10.5px;
  color: var(--s8-accent);
}
.s8-header-cta-v3 { display: inline-flex; align-items: stretch; gap: 0; }
.s8-cta-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 16px; min-height: 38px;
  font-family: var(--font-head, "Antonio", sans-serif);
  font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  text-decoration: none; border-radius: 0 !important;
}
.s8-cta-btn--gold { background: var(--s8-accent); color: #0b0d10 !important; }
.s8-cta-btn--gold:hover { background: var(--s8-accent-hover); color: #0b0d10 !important; }
.s8-cta-btn--ghost { color: var(--s8-text) !important; border-left: 1px solid var(--s8-border); }
.s8-cta-btn--ghost:hover { color: var(--s8-accent) !important; }

/* ---- V3 MAIN HEADER SLAB ---- */
.s8-header-v3, header.s8-header-v3, .wpdevart-main-header-bg.s8-header-v3, .wpdevart-main-header-bg-gradient.s8-header-v3 {
  background: var(--s8-bg) !important;
  border-bottom: 2px solid var(--s8-accent) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}
.s8-header-v3 a { color: var(--s8-text); }
.s8-header-v3 .s8-header-nav-v3 a:hover { color: var(--s8-accent); }

/* nav typography: sharp dealership */
.s8-header-v3 nav li > a {
  font-family: var(--font-head, "Antonio", sans-serif) !important;
  text-transform: uppercase; letter-spacing: .07em;
  border-radius: 0 !important;
}
.s8-header-v3 nav .current-menu-item > a,
.s8-header-v3 nav li > a:hover {
  color: var(--s8-accent) !important;
  box-shadow: inset 0 -2px 0 var(--s8-accent);
  background: transparent !important;
}
/* submenu panels square + dark */
.s8-header-v3 nav ul ul {
  background: #0e1116 !important;
  border: 1px solid var(--s8-border) !important;
  border-top: 2px solid var(--s8-accent) !important;
  border-radius: 0 !important; box-shadow: 0 14px 30px rgba(0, 0, 0, .5);
}

/* legacy action button (theme_mod INVENTORY) -> square gold */
.s8-header-v3 .wpdevart-header-action-button,
.s8-header-v3 .wpdevart_car_rental_wda_hover_button_small {
  border-radius: 0 !important;
  background: var(--s8-accent) !important;
  color: #0b0d10 !important;
  font-family: var(--font-head, "Antonio", sans-serif);
  letter-spacing: .08em; text-transform: uppercase;
  border: 0 !important; box-shadow: none !important;
}
.s8-header-v3 .wpdevart-header-action-button:hover { background: var(--s8-accent-hover) !important; }

/* search trigger square */
.s8-header-v3 .search-menu-buttons, .s8-header-v3 .site-header__search-trigger {
  border-radius: 0 !important; color: var(--s8-text);
}
.s8-header-v3 .search-menu-buttons:hover svg path { stroke: var(--s8-accent); }

/* mobile: square dark panel, square toggle */
.s8-mobile-nav-v3, .s8-header-v3 .navbar-wpdevart {
  border-radius: 0 !important;
}
.s8-mobile-nav-v3 ul, .s8-mobile-nav-v3 li, .s8-mobile-nav-v3 a { border-radius: 0 !important; }
@media (max-width: 1024px) {
  .s8-mobile-nav-v3 { background: #0e1116 !important; border: 1px solid var(--s8-border) !important; border-top: 2px solid var(--s8-accent) !important; }
}

/* hide any legacy parent top-header remnants (replaced by s8-topbar-v3) */
.wpdevart-top-header-section, .wpdevart-top-header { display: none !important; }

/* hard square inside header/topbar */
.s8-topbar-v3 *, .s8-header-v3 * { border-radius: 0 !important; }

/* ============ V3.1 TOP HEADER = B (Status Command Bar) ============ */
.s8-topbar-v3--status .s8-topbar-v3__inner { gap: 0; }
.s8-topbar-v3__live {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--s8-text); padding-right: 16px; min-height: 40px;
  font-family: var(--font-head, "Antonio", sans-serif);
  letter-spacing: .08em; text-transform: uppercase; font-size: 12px;
}
.s8-topbar-v3__live b { color: var(--s8-accent); font-size: 14px; }
.s8-topbar-v3__live .s8-topbar-v3__k { color: var(--s8-accent); }
.s8-topbar-v3__flag {
  display: inline-flex; align-items: center; min-height: 40px;
  padding: 0 16px; border-left: 1px solid var(--s8-border);
  color: var(--s8-muted);
  font-family: var(--font-head, "Antonio", sans-serif);
  letter-spacing: .1em; text-transform: uppercase; font-size: 11px;
}
.s8-topbar-v3__spacer { flex: 1; }

/* ============ V3.1 MAIN HEADER = C (brand left / command panel right) ============ */
.s8-header-v3 {
  display: grid !important;
  grid-template-columns: minmax(230px, auto) 1fr;
  grid-template-areas: "brand nav" "brand cmd";
  align-items: center; column-gap: 30px; row-gap: 2px;
  padding: 10px 22px !important;
}
.s8-header-v3 > .s8-header-brand-v3 { grid-area: brand; }
.s8-header-brand-v3 h1, .s8-header-brand-v3 h2 { margin: 0; }
.s8-header-brand-v3::after {
  content: "Premium Pre-Owned Vehicles";
  display: block; margin-top: 3px;
  color: var(--s8-accent);
  font-family: var(--font-head, "Antonio", sans-serif);
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
}
.s8-header-v3 > .s8-header-nav-v3 { grid-area: nav; justify-self: end; }
.s8-header-v3 > .wpdevart-search-and-button-container-layoutthree {
  grid-area: cmd; justify-self: end;
  display: flex !important; align-items: center; gap: 12px;
}
.s8-hcmd-v3 { display: inline-flex; gap: 0; order: 2; }
.s8-hcmd-v3 .s8-cta-btn { min-height: 34px; font-size: 11.5px; }
.s8-header-v3 .header-action-button-area-layoutthree { order: 3; }
.s8-header-v3 > .header-action-button-mobile-area-layoutthree { display: none; }
@media (max-width: 1024px) {
  .s8-header-v3 { display: flex !important; flex-wrap: wrap; justify-content: space-between; }
  .s8-header-v3 > .header-action-button-mobile-area-layoutthree { display: block; }
  .s8-header-brand-v3::after { display: none; }
  .s8-hcmd-v3 { display: none; }
}

/* topbar responsive */
@media (max-width: 1100px) { .s8-topbar-v3__item--addr { display: none; } }
@media (max-width: 820px) {
  .s8-topbar-v3__status { display: none; }
  .s8-topbar-v3__inner { justify-content: space-between; }
}
@media (max-width: 560px) {
  .s8-topbar-v3__contact .s8-topbar-v3__item { padding: 0 10px; }
  .s8-topbar-v3__k { display: none; }
  .s8-header-cta-v3 .s8-cta-btn--ghost { display: none; }
}