/* brand.css */

/* ---- Logo ---- */
.vm-logo-link{ display:inline-flex; align-items:center; }
.vm-wordmark{ height:46px; width:auto; display:block; }
@media (max-width:768px){ .vm-wordmark{ height:38px; } }

/* ---- Announcement bar ---- */
.vm-annc{
  background:var(--vm-amber); color:var(--vm-amber-ink);
  text-align:center; padding:7px 14px;
  font-family:var(--vm-ui); font-weight:800; font-size:11.5px;
  letter-spacing:1px; text-transform:uppercase; line-height:1.3;
}
@media (max-width:768px){ .vm-annc{ font-size:10px; letter-spacing:.5px; } }

/* ---- Global typography ---- */
body{ font-family:var(--vm-body); }
h1,h2,h3,.entry-title,.ast-single-post .entry-title{
  font-family:var(--vm-display); font-style:italic; font-weight:800; letter-spacing:.2px;
}

/* ---- Links ---- */
a{ color:var(--vm-amber-deep); }
a:hover,a:focus{ color:var(--vm-amber); }

/* ---- Buttons (Astra + Gutenberg + WooCommerce) ---- */
.ast-button,.button,.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit{
  background-color:var(--vm-amber); border-color:var(--vm-amber);
  color:var(--vm-amber-ink); font-family:var(--vm-ui); font-weight:800;
  letter-spacing:.4px; border-radius:var(--vm-radius);
}
.ast-button:hover,.button:hover,.wp-block-button__link:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #respond input#submit:hover{
  background-color:#ffb52e; border-color:#ffb52e; color:var(--vm-amber-ink);
}

/* ---- WooCommerce price ---- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{ color:var(--vm-amber-deep); font-weight:800; }

/* ---- Focus visibility ---- */
:focus-visible{ outline:2px solid var(--vm-amber); outline-offset:2px; }

/* ---- Header ---- */
/* The inline wordmark already reads "VINCE MOTORSPORTS" — hide Astra's
   redundant site title/tagline (also removed from markup in inc/logo.php). */
.site-header .site-title,
.site-header .site-description{ display:none; }
.site-header,.ast-primary-header-bar,.main-header-bar{ background-color:var(--vm-carbon); }
/* Menu links: .site-header prefix out-specifies Astra's dynamic customizer CSS
   (which otherwise leaves links dim and the current item browser-blue). */
.site-header .main-header-menu .menu-link,
.site-header .ast-nav-menu .menu-link,
.site-header .main-navigation a{
  font-family:var(--vm-ui); font-size:13px; font-weight:600;
  letter-spacing:1.1px; text-transform:uppercase;
  color:var(--vm-silver); transition:color .15s ease;
}
.site-header .main-header-menu .menu-link:hover,
.site-header .ast-nav-menu .menu-link:hover,
.site-header .main-navigation a:hover,
.site-header .main-header-menu .menu-item:hover > .menu-link{ color:var(--vm-white); }
.site-header .main-header-menu .current-menu-item > .menu-link,
.site-header .main-header-menu .current_page_item > .menu-link,
.site-header .ast-nav-menu .current-menu-item > .menu-link,
.site-header .ast-nav-menu .current_page_item > .menu-link{ color:var(--vm-amber); }
.ast-search-menu-icon .search-field,.site-header .search-field{
  border:2px solid var(--vm-amber) !important; border-radius:var(--vm-radius);
}
/* Header WooCommerce cart (Astra woo-cart element). Configured in inc/header-cart.php
   as: trolley icon, no box, subtotal over a live "N items" line, no dot badge.
   Layout: [silver trolley] [amber subtotal / muted item count]. */
.site-header .ast-site-header-cart .ast-addon-cart-wrap{ display:flex; align-items:center; gap:10px; }
.site-header .ast-site-header-cart .astra-icon{ order:-1; line-height:0; }  /* trolley on the left of the total/count */
.site-header .ast-site-header-cart .astra-icon svg{ fill:var(--vm-silver); width:24px; height:24px; }
.site-header .ast-site-header-cart .cart-container:hover .astra-icon svg{ fill:var(--vm-white); }
.site-header .ast-woo-header-cart-info-wrap{ display:flex; flex-direction:column; line-height:1.18; text-align:left; }
.site-header .ast-woo-header-cart-total{ font-family:var(--vm-ui); font-weight:800; font-size:14px; color:var(--vm-amber); }
.site-header .ast-woo-header-cart-title{ font-family:var(--vm-ui); font-weight:600; font-size:11px; letter-spacing:.4px; text-transform:uppercase; color:var(--vm-muted-dark); }

/* ---- Footer ---- */
footer.site-footer{ background-color:#08090c; color:var(--vm-silver); }
footer.site-footer a{ color:var(--vm-muted-dark); }
footer.site-footer a:hover{ color:var(--vm-amber); }
footer.site-footer .widget-title,footer.site-footer h2,footer.site-footer h3{
  font-family:var(--vm-ui); font-weight:800; color:var(--vm-white);
  letter-spacing:.6px; text-transform:uppercase; font-size:13px;
}
footer.site-footer .vm-wordmark{ height:40px; }
.ast-small-footer{ background-color:var(--vm-carbon); color:var(--vm-muted-dark); border-top:1px solid var(--vm-charcoal-2); }

/* ---- Page surface ---- */
body{ background-color:var(--vm-surface); }

/* ---- Shared atoms (buttons / eyebrows / section headings / icons) ---- */
.vm-ico{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; color:var(--vm-amber); }
.vm-eyebrow{ font-family:var(--vm-ui); font-weight:800; font-size:11px; letter-spacing:3px; color:var(--vm-amber); margin:0 0 12px; text-transform:uppercase; }
.vm-eyebrow--center{ text-align:center; }
.vm-sec-title{ font-family:var(--vm-display); font-style:italic; font-weight:800; font-size:clamp(22px,3.4vw,30px); color:var(--vm-ink); margin:6px 0 4px; }
.vm-sec-sub{ font-family:var(--vm-body); font-size:14px; color:var(--vm-muted); margin:0; }
.vm-btn{ display:inline-block; padding:12px 24px; border-radius:var(--vm-radius); font-family:var(--vm-ui); font-weight:800; font-size:13px; letter-spacing:.5px; text-transform:uppercase; text-decoration:none; margin:0 10px 8px 0; }
.vm-btn--amber{ background:var(--vm-amber); color:var(--vm-amber-ink); }
.vm-btn--amber:hover{ background:#ffb52e; color:var(--vm-amber-ink); }
.vm-btn--ghost{ background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.4); }
.vm-btn--ghost:hover{ background:rgba(255,255,255,.16); color:#fff; }
.vm-btn--block{ display:block; text-align:center; margin:0; }