/* Force Shop & product archives to use your header image */
body.post-type-archive-product #page-title-bar.page-title-bar,
body.tax-product_cat #page-title-bar.page-title-bar,
body.tax-product_tag #page-title-bar.page-title-bar,
body.archive #page-title-bar.page-title-bar {
  background-image: url('https://vintagemotocrossvictoria.com.au/wp-content/uploads/2025/08/Untitled-design-35.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Some Opal/Lexrider demos put the image on :before — neutralise that */
#page-title-bar.page-title-bar:before {
  background-image: none !important;          /* stop the demo image */
  background-color: rgba(0,0,0,.35) !important; /* keep a soft overlay for text */
}


/* All single product pages */
body.single-product #page-title-bar.page-title-bar{
  background-image:url('https://vintagemotocrossvictoria.com.au/wp-content/uploads/2025/08/1983-Mr-Motocross-Marty-Moates.jpg') !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
/* Kill any demo overlay image the theme adds */
#page-title-bar.page-title-bar:before{ background-image:none !important; }


/* Only THIS specific page */
body.page-id-#### #page-title-bar.page-title-bar{
  background-image:url('https://vintagemotocrossvictoria.com.au/wp-content/uploads/2025/08/1983-Mr-Motocross-Marty-Moates.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
/* Kill any demo/overlay image the theme adds on :before */
body.page-id-#### #page-title-bar.page-title-bar:before{
  background-image:none !important;
}


/* Remove demo image on event headers */
.single-tribe_events .page-title-bar {
  background-image: none !important;
  background: #0f0f0f !important;
}
.single-tribe_events .page-title-bar:before {
  background: rgba(0,0,0,0.45) !important; /* subtle overlay for readable text */
}

/* THIS POST ONLY — remove any hero/featured/background images and force black */
.postid-#### .page-title-bar,
.postid-#### .entry-header,
.postid-#### .post-thumbnail,
.postid-#### .post-thumbnail img,
.postid-#### .single-post-header,
.postid-#### .post-hero,
.postid-#### .breadcrumbs,
.postid-#### .page-header {
  background-image: none !important;
  background: #0f0f0f !important;
}

/* Hide featured image block if the theme injects it above the title */
.postid-#### .post-thumbnail img { display: none !important; }

/* If any element uses inline background-image styles, kill them too */
.postid-#### [style*="background-image"] {
  background-image: none !important;
  background: #0f0f0f !important;
}

/* Keep the subtle overlay look if your template draws one */
.postid-#### .page-title-bar:before,
.postid-#### .entry-header:before,
.postid-#### .post-hero:before {
  background: rgba(0,0,0,0.45) !important;
}


/* Remove header background for all single blog posts */
.single-post .page-header,
.single-post .post-hero,
.single-post .page-title-bar {
  background-image: none !important;
  background: #0f0f0f !important; /* solid black background */
}

/* Keep subtle overlay for readability */
.single-post .page-header:before,
.single-post .post-hero:before,
.single-post .page-title-bar:before {
  background: rgba(0,0,0,0.45) !important;
}

/* Hide ALL header/hero bits on page 7072 only */
body.page-id-7072 .site-header,
body.page-id-7072 #opal-header,
body.page-id-7072 .elementor-location-header,
body.page-id-7072 .page-title-bar,
body.page-id-7072 .page-header,
body.page-id-7072 .entry-header,
body.page-id-7072 .breadcrumb,
body.page-id-7072 .opal-default-breadcrumb,
body.page-id-7072 .page-banner,
body.page-id-7072 .hero-header { 
  display: none !important;
}

/* Remove any top gap left by sticky header placeholders */
body.page-id-7072 .site-content,
body.page-id-7072 .content-area,
body.page-id-7072 .elementor-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* VMV Rules page (ID 7099): hide hero background + breadcrumbs, but keep spacing balanced */
body.page-id-7099 .page-title-bar,
body.page-id-7099 .opal-breadcrumb,
body.page-id-7099 .site-breadcrumbs,
body.page-id-7099 .breadcrumb,
body.page-id-7099 .breadcrumbs {
  display: none !important;
}

/* Remove hero background only */
body.page-id-7099 .page-header,
body.page-id-7099 .entry-header {
  background: none !important;
  background-image: none !important;
  min-height: 0 !important;
  height: auto !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Restore nice spacing below the nav */
body.page-id-7099 .site-content,
body.page-id-7099 .content-area,
body.page-id-7099 .site-main {
  margin-top: 40px !important;   /* adjust value to taste */
  padding-top: 20px !important;  /* adjust value to taste */
}

}
/* Restore nice spacing below the nav */
body.page-id-cart .site-content,
body.page-id-cart .content-area,
body.page-id-cart .site-main {
  margin-top: 40px !important;   /* adjust value to taste */
  padding-top: 20px !important;  /* adjust value to taste */
}

}
/* Remove the big stock header/hero image on Checkout + Order Received */
body.woocommerce-checkout .page-header,
body.woocommerce-checkout .entry-header,
body.woocommerce-checkout .page-hero,
body.woocommerce-checkout .hero,
body.woocommerce-checkout .elementor-page-title,
body.woocommerce-order-received .page-header,
body.woocommerce-order-received .entry-header,
body.woocommerce-order-received .page-hero,
body.woocommerce-order-received .hero,
body.woocommerce-order-received .elementor-page-title {
  display: none !important;
  background: none !important;
}

/* Remove any extra space left by the hidden header */
body.woocommerce-checkout .site-content,
body.woocommerce-order-received .site-content,
body.woocommerce-checkout .content-area,
body.woocommerce-order-received .content-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Garage tab container */
.woocommerce-MyAccount-content form {
  background: #000 !important;       /* Black background */
  color: #fff !important;            /* White text */
}

/* Labels and headings */
.woocommerce-MyAccount-content form label,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content p {
  color: #fff !important;
}

/* Input fields */
.woocommerce-MyAccount-content form input,
.woocommerce-MyAccount-content form textarea,
.woocommerce-MyAccount-content form select {
  background: #111 !important;       /* Dark input fields */
  color: #fff !important;            /* White input text */
  border: 1px solid #444 !important; /* Subtle border */
}

/* File upload button */
.woocommerce-MyAccount-content form input[type=file] {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #444 !important;
}

/* Submit button */
.woocommerce-MyAccount-content form button,
.woocommerce-MyAccount-content form .button {
  background: #c30000 !important;    /* VMV red */
  color: #fff !important;
  border: none !important;
  padding: 12px 20px !important;
  border-radius: 6px !important;
  font-weight: bold;
}


/* Badge styling */
.vmv-badge{
  display:inline-block; padding:6px 10px; border-radius:999px;
  font-size:12px; font-weight:700; letter-spacing:.2px; line-height:1;
  border:1px solid transparent;
}
.vmv-badge--red{ background:#2a0000; color:#fff; border-color:#c30000; }
.vmv-badge--gold{ background:#2a2000; color:#ffdf6e; border-color:#b8941a;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }

/* Hero badge position */
.vmv-hero-wrap{ position:relative; }
.vmv-hero-badge{ position:absolute; top:12px; right:12px; }
@media (max-width: 767px){ .vmv-hero-badge{ top:10px; right:10px; } }
/* Hide Woo's default My Account sidebar nav */
.woocommerce-account .woocommerce-MyAccount-navigation{
  display:none !important;
}

/* Let endpoint content use full width */
.woocommerce-account .woocommerce-MyAccount-content{
  width:100% !important;
  float:none !important;
}

/* Optional: hide Woo's default dashboard intro paragraph */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{
  display:none;
}
/* Fix vertical login form text on mobile */
.woocommerce form.login,
.woocommerce form.register {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

.woocommerce form.login label,
.woocommerce form.register label {
  display: block !important;
  writing-mode: horizontal-tb !important;
  text-align: left !important;
  white-space: normal !important;
}

.woocommerce form.login input,
.woocommerce form.register input {
  width: 100% !important;
  max-width: 100% !important;
}
/* --- Force horizontal layout on Woo login/register (mobile & desktop) --- */
html body.woocommerce-account .woocommerce,
html body.woocommerce-account .woocommerce * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  transform: none !important;
  rotate: 0deg !important;
}

html body.woocommerce-account .woocommerce form.login,
html body.woocommerce-account .woocommerce form.register,
html body.woocommerce-account .woocommerce .woocommerce-form {
  display: block !important;
  white-space: normal !important;
  word-break: normal !important;
  letter-spacing: normal !important;
  text-align: left !important;
  line-height: 1.3 !important;
}

/* Labels & headings must not stack vertically */
html body.woocommerce-account .woocommerce form.login label,
html body.woocommerce-account .woocommerce form.register label,
html body.woocommerce-account .woocommerce h2,
html body.woocommerce-account .woocommerce .form-row label {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  display: block !important;
}

/* Inputs should be full width and readable on phones */
html body.woocommerce-account .woocommerce input.input-text,
html body.woocommerce-account .woocommerce .input-text,
html body.woocommerce-account .woocommerce input,
html body.woocommerce-account .woocommerce select,
html body.woocommerce-account .woocommerce textarea {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 16px !important;
}
/* Force login/register headings & labels horizontal */
body.woocommerce-account h2,
body.woocommerce-account .woocommerce-form label,
body.woocommerce-account .entry-title,
body.woocommerce-account .woocommerce form legend {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  rotate: 0deg !important;
  text-orientation: mixed !important;
  display: block !important;
  white-space: normal !important;
  letter-spacing: normal !important;
  text-align: left !important;
}

/* Fix inputs spacing on mobile */
body.woocommerce-account .woocommerce form .form-row {
  display: block !important;
  margin-bottom: 15px;
}
body.woocommerce-account .woocommerce form input.input-text {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 16px !important;
}/* ===== Force Woo Account page headings & labels horizontal ===== */
body.woocommerce-account,
body.woocommerce-account * {
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

/* Kill theme rotates on common “vertical” utility classes/selectors */
body.woocommerce-account .entry-title,
body.woocommerce-account [class*="vertical"],
body.woocommerce-account [class*="rotate"],
body.woocommerce-account [style*="writing-mode"],
body.woocommerce-account [style*="rotate"],
body.woocommerce-account [style*="transform"] {
  transform: none !important;
  rotate: 0deg !important;
  writing-mode: horizontal-tb !important;
}

/* Woo login/register layout */
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce legend,
body.woocommerce-account .woocommerce .form-row label {
  display: block !important;
  white-space: normal !important;
  text-align: left !important;
  letter-spacing: normal !important;
}

/* Inputs readable & full width on phones */
body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce .input-text,
body.woocommerce-account .woocommerce select,
body.woocommerce-account .woocommerce textarea {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

/* Failsafe: hide any vertical “Login” heading the theme prints and inject our own */
body.woocommerce-account .woocommerce h2.woocommerce-form__title,
body.woocommerce-account .entry-title.title-vertical,
body.woocommerce-account .title-vertical {
  display: none !important;
}
body.woocommerce-account .woocommerce form.login::before {
  content: "Login";
  display: block;
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 12px;
}

/* --- Lexrider hard reset for Account nav + Woo forms + VMV forms --- */

/* 1) Account nav (left column menu) */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation * {
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  transform: none !important;
  rotate: 0deg !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  letter-spacing: normal !important;
}

/* 2) All Woo forms on Account (login/register/edit-account/etc.) */
body.woocommerce-account .woocommerce form,
body.woocommerce-account .woocommerce form * {
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  transform: none !important;
  rotate: 0deg !important;
  text-orientation: mixed !important;
  white-space: normal !important;
}

/* Make each form row stack/tap-friendly */
body.woocommerce-account .woocommerce .form-row { display:block !important; margin-bottom:14px !important; }
body.woocommerce-account .woocommerce .form-row label { display:block !important; margin-bottom:6px !important; text-align:left !important; }

/* Inputs full-width on mobile */
body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce select,
body.woocommerce-account .woocommerce textarea {
  width:100% !important; max-width:100% !important; font-size:16px !important; line-height:1.35 !important;
}

/* 3) Your VMV sections (My Garage + Parts Finder) */
.vmv-form, .vmv-form * ,
.vmv-hub, .vmv-hub * ,
[class*="vmv-"], [class*="vmv-"] * {
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  transform: none !important;
  rotate: 0deg !important;
  text-orientation: mixed !important;
  white-space: normal !important;
}

/* Ensure selects/labels in Make/Model rows behave */
.vmv-form .form-row,
.vmv-form .vmv-grid { display:block !important; }
.vmv-form label { display:block !important; margin-bottom:6px !important; }
.vmv-form input, .vmv-form select, .vmv-form textarea { width:100% !important; }

/* (Optional) normalize direction if the theme flips it */
body.woocommerce-account { direction: ltr !important; }

/* --- EMERGENCY RESET: WooCommerce account/login forms --- */
body.woocommerce-account .woocommerce form {
  display: block !important;
  grid-template-columns: none !important;
  max-width: 640px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

body.woocommerce-account .woocommerce form .form-row,
body.woocommerce-account .woocommerce form p,
body.woocommerce-account .woocommerce form fieldset {
  display: block !important;
  width: 100% !important;
}

body.woocommerce-account .woocommerce form label {
  white-space: normal !important;
  writing-mode: horizontal-tb !important;
}

body.woocommerce-account .woocommerce input,
body.woocommerce-account .woocommerce select,
body.woocommerce-account .woocommerce textarea,
body.woocommerce-account .woocommerce button.button {
  width: 100% !important;
  max-width: 100% !important;
}
/* Force WooCommerce My Account login form back to normal */
body.woocommerce-account form.woocommerce-form,
body.woocommerce-account form.login {
  all: unset !important;           /* reset inherited styles */
  display: block !important;
  max-width: 500px !important;
  margin: 0 auto !important;
  padding: 20px !important;
  font-family: inherit !important;
  background: transparent !important;
}

/* Reset form rows */
body.woocommerce-account .woocommerce form .form-row {
  all: unset !important;
  display: block !important;
  width: 100% !important;
  margin-bottom: 15px !important;
}

/* Reset labels */
body.woocommerce-account .woocommerce form label {
  all: unset !important;
  display: block !important;
  margin-bottom: 6px !important;
  font-weight: 600 !important;
  writing-mode: horizontal-tb !important;
  text-align: left !important;
  color: #fff !important; /* adjust to match your theme */
}

/* Inputs */
body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="password"] {
  width: 100% !important;
  padding: 10px !important;
  border-radius: 6px !important;
  border: 1px solid #444 !important;
  background: #111 !important;
  color: #fff !important;
}
/* --- HARD RESET: WooCommerce /my-account/ login page --- */

/* 1) Kill any vertical writing + rotations coming from global styles */
body.woocommerce-account #customer_login,
body.woocommerce-account #customer_login * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  transform: none !important;
  rotate: 0 !important;
  white-space: normal !important;
}

/* 2) Stop any grids/flex that are squeezing fields into a skinny column */
body.woocommerce-account #customer_login,
body.woocommerce-account #customer_login *,
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.woocommerce-form {
  display: block !important;            /* force block layout */
  grid-template-columns: none !important;
  grid-auto-flow: row !important;
  flex-direction: column !important;
  max-width: none !important;
}

/* 3) Make the form a clean, centered single column */
body.woocommerce-account .woocommerce form.login {
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

/* 4) Full-width rows, labels, inputs */
body.woocommerce-account .woocommerce .form-row,
body.woocommerce-account .woocommerce p.form-row,
body.woocommerce-account .woocommerce fieldset {
  width: 100% !important;
  margin: 0 0 14px !important;
}

body.woocommerce-account .woocommerce form label {
  display: block !important;
  margin: 0 0 6px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce button.button {
  width: 100% !important;
  max-width: 100% !important;
}

/* 5) Make sure the two columns (login/register) stack normally */
body.woocommerce-account .u-columns,
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2 {
  width: 100% !important;
  float: none !important;
}

/* 6) If any VMV hub/grid styles are leaking in, neutralize them here */
body.woocommerce-account .vmv-grid,
body.woocommerce-account .vmv-tile {
  all: unset !important;
}
.price .vmv-renew { display:block; font-size:0.92em; opacity:0.9; line-height:1.3; }
.price .vmv-sale { font-weight:700; }
/* Target only this product page (ID 6964) */
body.single-product.postid-6964 .summary .price .subscription-details,
body.single-product.postid-6964 .summary .price .woocommerce-price-suffix {
  display: none !important; /* hides the default "/ year" bit next to $40 */
}

/* Add a clear renewal line under the price */
body.single-product.postid-6964 .summary .price::after {
  content: "Intro offer: $10"
  display: block;
  font-size: 4rem;
  line-height: 1.35;
  opacity: 0.9;
  margin-top: .5rem;
}
/* VMV Suspension Advisor – Dark theme overrides */
.vmv-sa-wrap{
  background: transparent !important;
  border-color: rgba(255,255,255,.12) !important;
}

.vmv-card{
  background: rgba(255,255,255,.04) !important; /* subtle panel on dark bg */
  border-color: rgba(255,255,255,.12) !important;
}

/* Make headings and body text readable on dark */
.vmv-card h3,
.vmv-grid label{ color:#fff !important; }

.vmv-card p,
.vmv-sa-notice,
#vmv-sa-result{ color:#e9e9e9 !important; }

/* “Baseline Settings” code block */
.vmv-pre,
#vmv-sa-result pre{
  background: rgba(0,0,0,.6) !important;
  color:#eaeaea !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px;
}

/* Inputs – make them dark too (if your theme hasn’t already) */
.vmv-grid input,
.vmv-grid select,
.vmv-grid textarea{
  background: rgba(255,255,255,.06) !important;
  color:#e9e9e9 !important;
  border-color: rgba(255,255,255,.16) !important;
}
.vmv-grid ::placeholder{ color: rgba(255,255,255,.55) !important; }

/* Notices on dark */
.vmv-sa-notice{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.12) !important;
}
/* Hide any theme top/secondary nav row above the Elementor header */
#masthead .topbar,
#masthead .top-bar,
#masthead .secondary-navigation,
#masthead .menu-secondary-container,
#masthead .menu-top-container,
header .opal-topbar,
header .opal-header-top,
header .top-navigation,
header .menu--top {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}