/* Garage99 page spacing */ body:is(.page-id-2196,.page-id-2198,.page-id-2205,.page-id-2208,.page-id-2211,.page-id-2214,.page-id-2218,.page-id-2222,.page-id-2227,.page-id-2246) :is(.site-main, main#content, .page-content, .entry-content, .elementor-template-full-width .site-main) { margin-top: 0 !important; padding-top: 0 !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } body:is(.page-id-2196,.page-id-2198,.page-id-2205,.page-id-2208,.page-id-2211,.page-id-2214,.page-id-2218,.page-id-2222,.page-id-2227,.page-id-2246) :is(.page-header, .entry-header) { display: none !important; } body:is(.page-id-2196,.page-id-2198,.page-id-2205,.page-id-2208,.page-id-2211,.page-id-2214,.page-id-2218,.page-id-2222,.page-id-2227,.page-id-2246) { background-color: #0a0a0a; } /* Garage99 quote form submit button */ body.page-id-2198 .contact-form .contact-submit button, body.page-id-2198 .contact-form button[type="submit"], body.page-id-2198 .contact-form input[type="submit"], body.page-id-2198 .wp-block-jetpack-contact-form button[type="submit"] { background-color: #e10600 !important; color: #ffffff !important; border: 2px solid #e10600 !important; border-radius: 4px; padding: 14px 28px; font-weight: 700; font-size: 16px; letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer; } body.page-id-2198 .contact-form .contact-submit button:hover, body.page-id-2198 .contact-form button[type="submit"]:hover, body.page-id-2198 .contact-form input[type="submit"]:hover { background-color: #b80500 !important; border-color: #b80500 !important; } /* Garage99 catalog mode (no cart, no checkout) */ .woocommerce div.product form.cart, .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .ajax_add_to_cart, .woocommerce ul.products li.product .button.product_type_simple, .woocommerce ul.products li.product .button.product_type_variable, .elementor-menu-cart__wrapper, .woocommerce-mini-cart, .site-header .cart-contents, .hfe-menu-cart__toggle, .hfe-cart-menu-wrap-default, .hfe-menu-cart-with-border, li.hfe-cart-li, .woocommerce span.onsale { display: none !important; }

/* Garage99 mobile header full width */
@media (max-width: 1024px) { header#masthead, #masthead.site-header, .ehf-header #masthead, .elementor-375 .elementor-element.elementor-element-dc4d723, .elementor-375 .elementor-element.elementor-element-0ce9fec { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } }

/* Footer newsletter contrast */
.elementor-393 .elementor-element-0366865 h5 { color:#ffffff !important; }
.elementor-393 .elementor-element-0366865 .mc4wp-form label { color:#ffffff !important; opacity:1 !important; }
.elementor-393 .elementor-element-0366865 .mc4wp-form input[type=submit] { background-color:#e10600 !important; border:1px solid #e10600 !important; color:#ffffff !important; }
.elementor-393 .elementor-element-0366865 .mc4wp-form input[type=submit]:hover, .elementor-393 .elementor-element-0366865 .mc4wp-form input[type=submit]:focus { background-color:#b80500 !important; border-color:#b80500 !important; color:#ffffff !important; }
/* Garage99 a11y (WCAG 2.1 AA 1.4.3 contrast), Nov 2026. Add at the END of Appearance > Customize > Additional CSS. */
/* 1) Small brand-red text on the dark kit pages: #e10600 -> #ff4d4d (5.2:1 on #1c1c1c, 5.6:1 on #151515, 6.0:1 on #0a0a0a).
      Only elements whose inline style sets the TEXT color to #e10600. Red buttons (background-color), red-bordered chips,
      H1/H2 headings (large text, already pass) and the big clamp()-sized RAYS wordmark on /wheels/ keep #e10600. */
body [style*="color:#e10600"]:not([style*="background-color:#e10600"]):not([style*="border-color:#e10600"]):not([style*="font-size:clamp"]):not(h1):not(h2):not(h1 *):not(h2 *) { color:#ff4d4d !important; }
/* 2) /brands/ (page 1265) and /terms-and-conditions/ (page 1348): Elementor's global Text color #7a7a7a on white -> #595959 (7.0:1).
      Overrides the variable only inside each page's own content (.elementor-1265 / .elementor-1348), so header, footer and
      every element with its own color are untouched. */
body.page-id-1265 .elementor-1265, body.page-id-1348 .elementor-1348 { --e-global-color-text:#595959; }
/* 3) /terms-and-conditions/ accordion 2d103a7: the open tab's title red #ff0000 on white -> #cc0000 (5.9:1). Closed titles unchanged. */
body.page-id-1348 .elementor-element-2d103a7 .elementor-tab-title.elementor-active a, body.page-id-1348 .elementor-element-2d103a7 .elementor-tab-title.elementor-active .elementor-accordion-icon { color:#cc0000 !important; }
/* 4) MC4WP form 1024: the label now wraps the email input (WCAG 1.3.1/4.1.2). This keeps the old layout: the existing "#mc4wp-form-1 p {display:flex}" rule makes the first form on a page one row, and later forms stay stacked. */
.mc4wp-form label.g99-mc-email { display:block; }
.mc4wp-form label.g99-mc-email input[type="email"] { display:block; width:100%; box-sizing:border-box; }
#mc4wp-form-1 .mc4wp-form-fields label.g99-mc-email { display:flex; align-items:end; gap:5px; flex:1 1 auto; min-width:0; }