/* ============================================
   SPLATCHI BRAND PALETTE v17 (2026-05-26)
   ============================================ */
:root {
  --splatchi-gold: #D4AF37;
  --splatchi-gold-muted: #C9A84C;
  --splatchi-red: #8B1A1A;
  --splatchi-bg-1: #0D0D0D;
  --splatchi-bg-2: #1A1A1A;
  --splatchi-bg-3: #222222;
  --splatchi-bg-input: #2A2A2A;
  --splatchi-text: #E0E0E0;
  --splatchi-text-muted: #CCCCCC;
  --splatchi-text-subtle: #888888;
  --splatchi-white: #FFFFFF;
  --splatchi-black: #000000;
  --wp--preset--font-family--primary: Inter, system-ui, -apple-system, sans-serif;
}
html { font-family: Inter, system-ui, -apple-system, sans-serif !important; }


/* SPLATCHI FONT SYSTEM (locked May 26, 2026) */

/* HEADINGS — Cormorant Garamond */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.h1-style, .h2-style, .h3-style,
.section-title,
.product-title,
.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.entry-title,
.site-title,
.widget-title,
.kicker {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* BODY + ALL UI — Inter (with Inter fallback) */
body,
p, a, button, input, textarea, select, label, li, td, th,
.woocommerce, .woocommerce-cart, .woocommerce-checkout,
.woocommerce ul.products li.product, .woocommerce ul.products li.product .price,
.elementor-widget-text-editor,
.elementor-widget-button .elementor-button,
.price, .amount, .quantity input,
.button, .single_add_to_cart_button,
.checkout-button, .wc-forward,
.forminator-input, .forminator-textarea, .forminator-select,
nav, .menu-item,
.sfo1-grid3, .sfo1-links a, .sfo1-phone, .sfo1-email,
.entry-content, .description, .short-description {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* Italic / accent — Cormorant italic for pull quotes */
blockquote, .quote, .pull-quote, em.accent {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic;
}
/* ============================================
   SPLATCHI COUTURE — CUSTOM STYLES
   Applied: 28 April 2026 | Updated: 06 May 2026 v5 — Cormorant Garamond font, luxury error/success styling
   Staging: splatchi.com
   ============================================ */

/* -------------------------------------------
   FONT IMPORT — Cormorant Garamond (luxury serif; closest free equivalent
   to Cormorant Garamond. Once Cormorant Garamond font files are uploaded to the server,
   it will auto-activate as it is first in the font-family stack.)
   ------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap");
/* -------------------------------------------
   GLOBAL FONT OVERRIDE
   Cormorant Garamond is applied globally so it overrides
   all widget-level Times New Roman declarations.
   Inter is then re-applied to body/UI elements.
   ------------------------------------------- */
/* Step 2 — body text / UI elements use Inter */
body,
p,
li,
td,
th,
blockquote,
input,
textarea,
select,
button,
label,
.forminator-input,
.forminator-textarea,
.forminator-select select,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-text-editor,
.elementor-text-editor p,
.elementor-field-group label,
.woocommerce-Price-amount,
.woocommerce-loop-product__title,
.widget_shopping_cart_content,
nav,
.main-navigation,
.menu-item a,
.sub-menu li a,
.ceh-nav-list .menu-item > a,
.entry-content p,
.cart-total,
.order-total,
.checkout-steps {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* -------------------------------------------
   0. BRAND TOKENS
   ------------------------------------------- */
:root {
  --sc-gold:       #D4AF37;
  --sc-gold-dark:  #C9A84C;
  --sc-gold-light: #C9A84C;
  --sc-red:        #8B1A1A;
  --sc-red-bright: #8B1A1A;
  --sc-black:      #000000;
  --sc-near-black: #0a0a0a;
  --sc-dark:       #1A1A1A;
  --sc-mid:        #1a1a1a;
  --sc-text:       #e0e0e0;
  --sc-muted:      #888888;
}

/* -------------------------------------------
   1. TYPOGRAPHY — Cormorant Garamond + Inter
   ------------------------------------------- */

/* Cormorant Garamond is declared globally via WordPress Additional CSS.
   Here we ensure headings get the full luxury treatment. */
/* Heading font — handled by SPLATCHI FONT SYSTEM block */

h1, .elementor-heading-title.elementor-size-xxl,
.elementor-heading-title.elementor-size-xl {
  letter-spacing: 0.06em;
  line-height: 1.1 !important;
}

h2, .elementor-heading-title.elementor-size-large {
  letter-spacing: 0.05em;
  line-height: 1.15 !important;
}

/* Body / paragraph text — Inter */
body,
p,
.elementor-widget-text-editor,
.elementor-text-editor,
.elementor-widget-text-editor p,
li, td, th, span, div {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* -------------------------------------------
   2. FORM FIELDS — Dark styling (not white)
   ------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select,
.wpcf7-form-control,
.elementor-field-type-text input,
.elementor-field-type-email input,
.elementor-field-type-tel input,
.elementor-field-type-textarea textarea,
.elementor-field-type-select select,
.forminator-input,
.forminator-textarea,
.forminator-select select {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  font-family: 'Inter', sans-serif !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  background-color: #222222 !important;
  border-color: #D4AF37 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #D4AF37 !important;
}

input::placeholder,
textarea::placeholder {
  color: #666666 !important;
}

.elementor-field-label,
.forminator-label,
label {
  color: #888888 !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-family: 'Inter', sans-serif !important;
}

select option {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
}

/* -------------------------------------------
   3. SUBMIT BUTTONS
   ------------------------------------------- */
input[type="submit"],
button[type="submit"],
.wpcf7-submit,
.forminator-btn-submit,
.forminator-button-submit,
.forminator-button {
  background-color: #D4AF37 !important;
  color: #000000 !important;
  border: none !important;
  padding: 14px 32px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  transition: background-color 0.25s ease, transform 0.2s ease !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.wpcf7-submit:hover,
.forminator-btn-submit:hover,
.forminator-button-submit:hover,
.forminator-button:hover {
  background-color: #C9A84C !important;
  transform: translateY(-1px) !important;
}

/* Forminator form wrapper */
.forminator-custom-form {
  background: transparent !important;
}

/* Forminator field rows */
.forminator-row {
  margin-bottom: 20px !important;
}

/* Forminator labels */
.forminator-label,
.forminator-field-label {
  color: #888888 !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-family: 'Inter', sans-serif !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Forminator required asterisk */
.forminator-required {
  color: #D4AF37 !important;
}

/* Forminator description text */
.forminator-field-description {
  color: #666666 !important;
  font-size: 11px !important;
  font-family: 'Inter', sans-serif !important;
  margin-top: 4px !important;
}

/* Forminator checkbox and radio */
.forminator-checkbox-label,
.forminator-checkbox__label,
.forminator-radio-label {
  color: #e0e0e0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}

/* Forminator checkbox/radio box */
.forminator-checkbox-box,
.forminator-radio__box {
  border-color: #2A2A2A !important;
  background-color: #1a1a1a !important;
}

/* Forminator checked state */
.forminator-checkbox input:checked + .forminator-checkbox-box,
.forminator-radio input:checked + .forminator-radio__box {
  border-color: #D4AF37 !important;
  background-color: #D4AF37 !important;
}

/* Forminator section separator */
.forminator-section-header,
.forminator-section-title {
  color: #D4AF37 !important;
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 0.05em !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
}

/* -------------------------------------------
   4. GLOBAL LINK HOVER — gold
   ------------------------------------------- */
a:hover {
  color: #D4AF37 !important;
  text-decoration: none !important;
}

a[href^="tel:"],
a[href^="mailto:"] {
  color: #D4AF37 !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease !important;
}

a[href^="tel:"]:hover,
a[href^="mailto:"]:hover {
  opacity: 0.8 !important;
}

/* -------------------------------------------
   5. NAVIGATION — Dark + gold hover
   ------------------------------------------- */
.main-navigation ul.menu > li > a,
.main-navigation ul.menu > li.nolink > span {
  color: #ffffff !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current-menu-parent > a {
  color: #D4AF37 !important;
}

/* Gold underline accent on nav hover */
.main-navigation ul.menu > li > a::after {
  content: '' !important;
  display: block !important;
  height: 1px !important;
  background: #D4AF37 !important;
  transform: scaleX(0) !important;
  transition: transform 0.25s ease !important;
  transform-origin: left !important;
}

.main-navigation ul.menu > li > a:hover::after {
  transform: scaleX(1) !important;
}

/* Dropdown sub-menu */
.main-navigation ul.menu ul.sub-menu {
  background-color: #0d0d0d !important;
  border-top: 1px solid #D4AF37 !important;
}

.main-navigation ul.menu ul li > a {
  color: #cccccc !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

.main-navigation ul.menu ul li > a:hover {
  color: #D4AF37 !important;
  background-color: #1a1a1a !important;
}

/* -------------------------------------------
   6. ELEMENTOR CTA / BUTTONS — gold style
   ------------------------------------------- */
.elementor-button,
.elementor-button-wrapper .elementor-button,
.elementor-widget-button .elementor-button {
  background-color: #D4AF37 !important;
  color: #000000 !important;
  border: none !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  transition: background-color 0.25s ease, transform 0.2s ease !important;
}

.elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover {
  background-color: #C9A84C !important;
  color: #000000 !important;
  transform: translateY(-1px) !important;
}

/* Outline/ghost button variant */
.elementor-button.elementor-button-outline {
  background: transparent !important;
  border: 1px solid #D4AF37 !important;
  color: #D4AF37 !important;
}

.elementor-button.elementor-button-outline:hover {
  background-color: #D4AF37 !important;
  color: #000000 !important;
}

/* -------------------------------------------
   7. GOLD SECTION DIVIDER ACCENT
   ------------------------------------------- */
.sc-gold-divider {
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, #D4AF37, #C9A84C, #D4AF37);
  margin: 20px auto;
}

/* Section label / kicker text above headings */
.sc-kicker,
.elementor-widget-heading .elementor-heading-title[class*="kicker"] {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #D4AF37 !important;
  font-weight: 500 !important;
}

/* -------------------------------------------
   8. SUBTLE RED ACCENT — hover states, price tags
   ------------------------------------------- */
.price,
.woocommerce-Price-amount,
.amount {
  color: #D4AF37 !important;
}

/* Red accent for highlight/badge elements */
.sc-badge,
.product-label,
.onsale {
  background-color: #8B1A1A !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* Investment tier card accent bar (left border) */
.sc-tier-card,
.elementor-widget-icon-box .elementor-icon-box-wrapper {
  border-left: 3px solid #D4AF37 !important;
  padding-left: 16px !important;
}

/* -------------------------------------------
   9. RESPONSIVE PADDING — No bleeding
   ------------------------------------------- */
@media (max-width: 767px) {
  .elementor-section .elementor-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .elementor-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-section .elementor-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/* -------------------------------------------
   10. IMAGE FRAME CUT-OFF FIX — Large screens
   ------------------------------------------- */
@media (min-width: 1200px) {
  .elementor-widget-image img,
  .elementor-image img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .elementor-widget-image,
  .elementor-image {
    overflow: visible !important;
  }
}

/* -------------------------------------------
   11. LOGO SIZING
   ------------------------------------------- */
.site-logo img,
.custom-logo,
.custom-logo-link img,
.elementor-widget-site-logo img {
  max-height: 80px !important;
  width: auto !important;
  transition: opacity 0.2s ease !important;
}

.elementor-widget-site-logo img:hover {
  opacity: 0.85 !important;
}

/* -------------------------------------------
   12. FORM ERROR MESSAGES (see Forminator block above)
   ------------------------------------------- */

/* -------------------------------------------
   13. HOVER / SCROLL ANIMATIONS — Subtle luxury
   ------------------------------------------- */

/* Image reveal on hover */
.elementor-widget-image img,
.elementor-widget-image-box img {
  transition: transform 0.4s ease, opacity 0.3s ease !important;
}

.elementor-widget-image:hover img,
.elementor-widget-image-box:hover img {
  transform: scale(1.02) !important;
  opacity: 0.95 !important;
}

/* Widget appear on scroll — uses IntersectionObserver injected below */
.sc-fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.sc-fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* -------------------------------------------
   14. CART / SHOP ICON — luxury colour
   ------------------------------------------- */
.shoptimizer-cart-icon svg {
  stroke: #D4AF37 !important;
}

.shoptimizer-cart a.cart-contents .count,
.shoptimizer-cart a.cart-contents .count:after {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
}

.shoptimizer-cart a.cart-contents:hover .count {
  background-color: #D4AF37 !important;
  color: #000000 !important;
}

/* -------------------------------------------
   15. WOOCOMMERCE PRODUCT GRID — dark cards
   ------------------------------------------- */
ul.products li.product {
  background-color: #0d0d0d !important;
  border: 1px solid #222222 !important;
  padding: 20px !important;
  transition: border-color 0.25s ease, transform 0.25s ease !important;
}

ul.products li.product:hover {
  border-color: #D4AF37 !important;
  transform: translateY(-3px) !important;
}

ul.products li.product .woocommerce-loop-product__title {
  color: #ffffff !important;
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 0.05em !important;
}

/* Add to cart button in grid */
ul.products li.product .button {
  background-color: transparent !important;
  border: 1px solid #D4AF37 !important;
  color: #D4AF37 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  border-radius: 0 !important;
}

ul.products li.product .button:hover {
  background-color: #D4AF37 !important;
  color: #000000 !important;
}

/* -------------------------------------------
   16. FOOTER — dark, gold accents
   ------------------------------------------- */
footer.site-footer {
  background-color: #000000 !important;
  border-top: 1px solid #1a1a1a !important;
}

footer.site-footer a:not(.button) {
  color: #888888 !important;
  transition: color 0.2s ease !important;
}

footer.site-footer a:not(.button):hover {
  color: #D4AF37 !important;
}

footer.copyright {
  background-color: #000000 !important;
  border-top: 1px solid #1A1A1A !important;
  color: #555555 !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
}

/* -------------------------------------------
   17. SCROLL BAR — dark luxury
   ------------------------------------------- */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D4AF37;
}

/* -------------------------------------------
   18. INVESTMENT TIER CARDS — Commission page
   ------------------------------------------- */
.sc-tier {
  background: linear-gradient(135deg, #0d0d0d, #1a1a1a) !important;
  border: 1px solid #2a2a2a !important;
  padding: 32px 24px !important;
  position: relative !important;
  transition: border-color 0.3s ease, transform 0.3s ease !important;
}

.sc-tier::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #D4AF37, #C9A84C) !important;
}

.sc-tier:hover {
  border-color: #D4AF37 !important;
  transform: translateY(-4px) !important;
}

.sc-tier-price {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  color: #D4AF37 !important;
  letter-spacing: 0.05em !important;
}

.sc-tier-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #888888 !important;
}

/* -------------------------------------------
   19. PHYSICAL PAINTING SERVICE — 8-12 wks note
   ------------------------------------------- */
.sc-timeline-note {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: #888888 !important;
  letter-spacing: 0.5px !important;
  margin-top: 8px !important;
}

.sc-surcharge-tip {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #D4AF37;
  color: #000;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  line-height: 16px;
  cursor: help;
  margin-left: 6px;
  position: relative;
}

.sc-surcharge-tip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: #1a1a1a;
  border: 1px solid #D4AF37;
  color: #e0e0e0;
  padding: 8px 12px;
  font-size: 11px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 100;
}

.sc-surcharge-tip:hover::after {
  opacity: 1;
}


/* -------------------------------------------
   FORMINATOR — SUCCESS & ERROR MESSAGES (luxury dark)
   -------------------------------------------  */

/* Strip ALL Forminator default light/white backgrounds */
.forminator-response-output,
.forminator-response-output.forminator-error,
.forminator-response-output.forminator-success,
.forminator-response-output.forminator-info {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* SUCCESS — dark, gold left-border */
.forminator-response-output.forminator-success,
.forminator-success-message {
  background-color: #1A1A1A !important;
  border-left: 4px solid #D4AF37 !important;
  color: #E0E0E0 !important;
  padding: 20px 24px !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.03em !important;
  margin-top: 20px !important;
  border-radius: 0 4px 4px 0 !important;
}

/* FORM-LEVEL ERROR — dark, red left-border */
.forminator-response-output.forminator-error {
  background-color: #1a0a0a !important;
  border-left: 4px solid #8B1A1A !important;
  color: #ffaaaa !important;
  padding: 16px 20px !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  margin-top: 16px !important;
  border-radius: 0 4px 4px 0 !important;
}

/* INLINE FIELD ERRORS — clean text only, no pink box */
.forminator-field-errors,
.forminator-error-message,
.forminator-has_error .forminator-error-message,
.wpcf7-not-valid-tip {
  color: #ff7070 !important;
  font-size: 11px !important;
  font-family: Inter, sans-serif !important;
  margin-top: 5px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  display: block !important;
  letter-spacing: 0.02em !important;
}

/* FIELD BORDER TURNS RED ON VALIDATION ERROR */
.forminator-has_error input,
.forminator-has_error textarea,
.forminator-has_error select {
  border-color: #8B1A1A !important;
}

/* STRIP PINK BACKGROUND FROM ANY REMAINING FORMINATOR VALIDATION ELEMENTS */
.forminator-response-message,
.forminator-field-errors span {
  background: transparent !important;
}

/* -------------------------------------------
   SELECT2 DROPDOWN — Dark luxury (fixes white dropdown bg)
   ------------------------------------------- */

/* The open dropdown container */
.select2-container--default .select2-dropdown,
.select2-dropdown {
  background-color: #1a1a1a !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
}

/* Search field inside dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #252525 !important;
  border: 1px solid #2A2A2A !important;
  color: #E0E0E0 !important;
  padding: 8px 12px !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none !important;
  border-color: #D4AF37 !important;
}

/* Results list */
.select2-container--default .select2-results > .select2-results__options {
  background-color: #1a1a1a !important;
  max-height: 240px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #D4AF37 #1A1A1A !important;
}

/* Individual option */
.select2-container--default .select2-results__option {
  background-color: #1a1a1a !important;
  color: #cccccc !important;
  padding: 10px 14px !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  border-bottom: 1px solid #222222 !important;
  transition: background 0.15s ease !important;
}

/* Hovered option */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option:hover {
  background-color: #252525 !important;
  color: #D4AF37 !important;
}

/* Currently selected option */
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #2a2a2a !important;
  color: #D4AF37 !important;
}

/* Group label */
.select2-container--default .select2-results__group {
  color: #888888 !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 8px 14px 4px !important;
  font-family: Inter, sans-serif !important;
}

/* The closed selection display box */
.select2-container--default .select2-selection--single {
  background-color: #252525 !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 4px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #E0E0E0 !important;
  padding-left: 12px !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #888888 !important;
}

/* Dropdown arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #D4AF37 transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #D4AF37 transparent !important;
}
/* -------------------------------------------
   NAV DROPDOWN — Click fix (gap bridge + hover stability)
   ------------------------------------------- */
/* Bridge the gap between parent and dropdown so cursor move doesn't close it */
.main-navigation ul.menu > li.menu-item-has-children {
  position: relative !important;
}
.main-navigation ul.menu > li.menu-item-has-children > .sub-menu {
  margin-top: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 8px !important;
  min-width: 180px !important;
}
/* Keep dropdown open while hovering the li (not just the a) */
.main-navigation ul.menu > li.menu-item-has-children:hover > .sub-menu,
.main-navigation ul.menu > li.menu-item-has-children:focus-within > .sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: all !important;
}
/* Ensure sub-menu items are comfortably clickable */
.main-navigation ul.menu ul.sub-menu li > a {
  padding: 10px 18px !important;
  display: block !important;
  white-space: nowrap !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   GLOBAL DARK FORM FIELDS — v5.1 (2026-05)
   Covers native inputs/selects/textareas, WooCommerce billing fields,
   Forminator, and any Select2 native fallback.
   This prevents light-background regressions on any page or widget.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Native form elements ──────────────────────────────────────────── */
input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="date"],
textarea,
select {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-color: #2A2A2A !important;
}

/* Dropdown options */
select option {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
}

/* Placeholder */
input::placeholder,
textarea::placeholder {
    color: #888888 !important;
    opacity: 1 !important;
}

/* Focus */
input:focus,
textarea:focus,
select:focus {
    background-color: #222222 !important;
    border-color: #C9A84C !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.25) !important;
}

/* ── WooCommerce billing / shipping selects ────────────────────────── */
.woocommerce select,
.woocommerce-page select,
.woocommerce .select2-container .select2-selection--single,
#billing_country,
#shipping_country,
#billing_state,
#shipping_state {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-color: #2A2A2A !important;
}

/* Select2 — rendered dropdown list items */
.select2-dropdown,
.select2-results__option {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
}
.select2-results__option--highlighted {
    background-color: #C9A84C !important;
    color: #0d0d0d !important;
}

/* ── Forminator form fields ────────────────────────────────────────── */
.forminator-field input,
.forminator-field textarea,
.forminator-field select,
.forminator-field .forminator-input,
.forminator-row input,
.forminator-row textarea,
.forminator-row select {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-color: #2A2A2A !important;
}

/* ── Elementor form widget ─────────────────────────────────────────── */
.elementor-field-type-text .elementor-field,
.elementor-field-type-email .elementor-field,
.elementor-field-type-textarea .elementor-field,
.elementor-field-type-select .elementor-field {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-color: #2A2A2A !important;
}

/* ═══════════════════════════════════════════════════════════════════════ */

.sfo1-backtop {
    background-color: #0d0d0d !important;
    border: 1px solid #C9A84C !important;
    color: #C9A84C !important;
    box-shadow: 0 2px 12px rgba(201, 168, 76, 0.18) !important;
    opacity: 0.85 !important;
    transition: opacity 0.2s, box-shadow 0.2s !important;
}
.sfo1-backtop:hover {
    background-color: #1a1a1a !important;
    border-color: #e0c97a !important;
    box-shadow: 0 4px 20px rgba(201, 168, 76, 0.38) !important;
    opacity: 1 !important;
}
.sfo1-backtop svg {
    stroke: #C9A84C !important;
}
/* ─────────────────────────────────────────────────────────────────────────── */

/* ── Back-to-top button (Shoptimizer) — dark luxury restyle ────────────── */
/* ID prefix changes per-page so we use [id^="sfo1-"] attribute selector    */
[id^="sfo1-"] .sfo1-backtop {
    background: #0d0d0d !important;
    border: 1px solid #C9A84C !important;
    box-shadow: 0 2px 12px rgba(201, 168, 76, 0.18) !important;
    opacity: 0.85 !important;
    transition: opacity 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}
[id^="sfo1-"] .sfo1-backtop:hover {
    background: #1a1a1a !important;
    border-color: #e0c97a !important;
    box-shadow: 0 4px 20px rgba(201, 168, 76, 0.38) !important;
    opacity: 1 !important;
}
[id^="sfo1-"] .sfo1-backtop svg {
    stroke: #C9A84C !important;
}
/* ─────────────────────────────────────────────────────────────────────────── */


/* ═══════════════════════════════════════════════════════════════════════════
   LOGO PLACEMENTS + WOOCOMMERCE DARK LUXURY THEME
   Applied: 2026-05 | Covers: Renditions header, NFT header, product badges,
   Shop, Single Product, Cart, Checkout, My Account, Order Confirm
   ═══════════════════════════════════════════════════════════════════════════ */
/* ── TASK 3: Rendition badge on product cards ────────────────────────────── */
ul.products li.product.product_cat-renditions,
ul.products li.product.product_cat-physical-art {
    position: relative !important;
}
ul.products li.product.product_cat-renditions::after,
ul.products li.product.product_cat-physical-art::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 64px;
    height: 64px;
    background: url('https://splatchi.com/wp-content/uploads/2026/05/RenditionSplatchiLogo_Clear.png')
                no-repeat center / contain;
    opacity: 0.9;
    pointer-events: none;
    z-index: 5;
}

/* ── TASK 4b: NFT badge on product cards ────────────────────────────────── */
ul.products li.product.product_cat-nft-art {
    position: relative !important;
}
ul.products li.product.product_cat-nft-art::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 64px;
    height: 64px;
    background: url('https://splatchi.com/wp-content/uploads/2026/05/NFTSplatchiLogo_clear.png')
                no-repeat center / contain;
    opacity: 0.9;
    pointer-events: none;
    z-index: 5;

}

/* ══════════════════════════════════════════════════════════════════════════
   TASK 5 — WOOCOMMERCE DARK LUXURY THEME
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Page-level backgrounds ─────────────────────────────────────────────── */
body.woocommerce,
body.woocommerce-page,
body.single-product,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

/* Main content wrappers */
body.woocommerce .site-main,
body.woocommerce-page .site-main,
body.single-product .site-main,
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-account .site-main {
    background: #0d0d0d !important;
}

/* ── Product archive grid ───────────────────────────────────────────────── */
ul.products li.product {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 4px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    overflow: hidden !important;
}
ul.products li.product:hover {
    border-color: #C9A84C !important;
    box-shadow: 0 4px 24px rgba(201, 168, 76, 0.12) !important;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3 {
    color: #e0e0e0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}
ul.products li.product .price,
ul.products li.product .amount {
    color: #C9A84C !important;
    font-size: 1.05em !important;
}
ul.products li.product .price del,
ul.products li.product .price del .amount {
    color: #666666 !important;
}
ul.products li.product .button {
    background: transparent !important;
    color: #C9A84C !important;
    border: 1px solid #C9A84C !important;
    border-radius: 2px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-size: 0.78em !important;
    padding: 9px 18px !important;
    transition: background 0.2s, color 0.2s !important;
}
ul.products li.product .button:hover {
    background: #C9A84C !important;
    color: #0d0d0d !important;
}

/* Sale badge */
ul.products li.product .onsale,
span.onsale {
    background: #8B1A1A !important;
    color: #E0E0E0 !important;
    border-radius: 50% !important;
}

/* ── Breadcrumbs ────────────────────────────────────────────────────────── */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: #888888 !important;
}
.woocommerce-breadcrumb a:hover {
    color: #C9A84C !important;
}

/* ── Single product page ────────────────────────────────────────────────── */
.single-product div.product {
    background: transparent !important;
}
.single-product div.product .product_title,
.single-product div.product h1,
.single-product div.product h2 {
    color: #E0E0E0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}
.single-product div.product .price,
.single-product div.product .amount {
    color: #C9A84C !important;
    font-size: 1.4em !important;
}
.single-product div.product .woocommerce-product-details__short-description,
.single-product div.product .woocommerce-product-details__short-description p {
    color: #cccccc !important;
}
/* Product image wrapper */
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
}
/* Add to cart */
.single-product .cart .quantity input,
.woocommerce .quantity input.qty {
    background: #1a1a1a !important;
    color: #E0E0E0 !important;
    border: 1px solid #2A2A2A !important;
    border-radius: 2px !important;
}
.single-product .cart .single_add_to_cart_button,
button.single_add_to_cart_button {
    background: #0d0d0d !important;
    color: #C9A84C !important;
    border: 1px solid #C9A84C !important;
    border-radius: 2px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: 0.85em !important;
    padding: 14px 32px !important;
    transition: background 0.2s, color 0.2s !important;
}
.single-product .cart .single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover {
    background: #C9A84C !important;
    color: #0d0d0d !important;
}
/* Product tabs */
.woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border-color: #2a2a2a !important;
}
.woocommerce-tabs ul.tabs li a {
    color: #888888 !important;
}
.woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li.active a {
    background: #1a1a1a !important;
    color: #C9A84C !important;
    border-color: #C9A84C !important;
}
.woocommerce-tabs .panel,
.woocommerce-tabs #tab-description,
.woocommerce-tabs #tab-reviews,
.woocommerce-tabs #tab-additional_information {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
    color: #cccccc !important;
    padding: 24px !important;
}
.woocommerce-tabs .panel p,
.woocommerce-tabs .panel li {
    color: #cccccc !important;
}
/* Reviews */
.woocommerce-Reviews .comment-text,
#reviews #comments ol.commentlist li .comment_container {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}
.woocommerce .star-rating span,
.woocommerce .star-rating::before {
    color: #C9A84C !important;
}
/* Related products */
.related.products h2,
.up-sells h2 {
    color: #E0E0E0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
    border-bottom: 1px solid #C9A84C !important;
    padding-bottom: 8px !important;
}

/* ── Cart page ──────────────────────────────────────────────────────────── */
.woocommerce-cart table.shop_table {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
    color: #e0e0e0 !important;
}
.woocommerce-cart table.shop_table thead th,
.woocommerce-cart table.shop_table th {
    background: #1a1a1a !important;
    color: #C9A84C !important;
    border-bottom: 1px solid #C9A84C !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-size: 0.8em !important;
}
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table tr {
    border-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    background: transparent !important;
}
.woocommerce-cart table.shop_table td.product-name a,
.woocommerce-cart table.shop_table td.product-name {
    color: #E0E0E0 !important;
}
.woocommerce-cart table.shop_table .amount {
    color: #C9A84C !important;
}
/* Cart totals */
.woocommerce-cart .cart_totals,
.woocommerce .cart_totals {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
    padding: 24px !important;
}
.woocommerce .cart_totals h2 {
    color: #E0E0E0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
    background: transparent !important;
}
/* Coupon field */
.woocommerce .coupon input.input-text {
    background: #1a1a1a !important;
    color: #E0E0E0 !important;
    border: 1px solid #2A2A2A !important;
}
.woocommerce .coupon .button {
    background: transparent !important;
    color: #888888 !important;
    border: 1px solid #2A2A2A !important;
}
.woocommerce .coupon .button:hover {
    color: #C9A84C !important;
    border-color: #C9A84C !important;
}
/* Checkout / proceed buttons */
.woocommerce a.checkout-button,
a.wc-proceed-to-checkout,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
    background: #0d0d0d !important;
    color: #C9A84C !important;
    border: 1px solid #C9A84C !important;
    border-radius: 2px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: 0.85em !important;
    transition: background 0.2s, color 0.2s !important;
}
.woocommerce a.checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background: #C9A84C !important;
    color: #0d0d0d !important;
}

/* ── Checkout page ──────────────────────────────────────────────────────── */
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
    padding: 24px !important;
}
.woocommerce-checkout #order_review table.shop_table {
    background: transparent !important;
    border-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}
.woocommerce-checkout #order_review table.shop_table th {
    background: #1a1a1a !important;
    color: #C9A84C !important;
    border-color: #2a2a2a !important;
    text-transform: uppercase !important;
    font-size: 0.8em !important;
    letter-spacing: 0.06em !important;
}
.woocommerce-checkout #order_review table.shop_table td {
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
    background: transparent !important;
}
.woocommerce-checkout #order_review table.shop_table .amount {
    color: #C9A84C !important;
}
.woocommerce-checkout #order_review table.shop_table tfoot tr:last-child td,
.woocommerce-checkout #order_review table.shop_table tfoot tr:last-child th {
    color: #E0E0E0 !important;
    border-top: 1px solid #C9A84C !important;
    font-size: 1.05em !important;
}
/* Billing / shipping headings */
.woocommerce-checkout h3,
.woocommerce-checkout h2 {
    color: #E0E0E0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
    border-bottom: 1px solid #2a2a2a !important;
    padding-bottom: 10px !important;
}
/* Payment methods */
.woocommerce-checkout #payment {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
}
.woocommerce-checkout #payment .payment_methods {
    border-color: #2a2a2a !important;
}
.woocommerce-checkout #payment .payment_methods li {
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
    background: #1a1a1a !important;
}
.woocommerce-checkout #payment .payment_methods li label {
    color: #e0e0e0 !important;
}
.woocommerce-checkout #payment div.payment_box {
    background: #222222 !important;
    color: #cccccc !important;
}
.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #222222 !important;
}
.woocommerce-checkout #payment #place_order {
    background: #0d0d0d !important;
    color: #C9A84C !important;
    border: 1px solid #C9A84C !important;
    border-radius: 2px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 0.9em !important;
    padding: 16px 40px !important;
    width: 100% !important;
    transition: background 0.2s, color 0.2s !important;
}
.woocommerce-checkout #payment #place_order:hover {
    background: #C9A84C !important;
    color: #0d0d0d !important;
}

/* ── My Account page ────────────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #2a2a2a !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #888888 !important;
    padding: 10px 16px !important;
    display: block !important;
    transition: color 0.2s !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #C9A84C !important;
    background: #1a1a1a !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
    padding: 24px !important;
    color: #e0e0e0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    color: #E0E0E0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}
/* Orders table */
.woocommerce-account table.woocommerce-orders-table {
    background: transparent !important;
    border-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}
.woocommerce-account table.woocommerce-orders-table th {
    background: #1a1a1a !important;
    color: #C9A84C !important;
    border-color: #2a2a2a !important;
    text-transform: uppercase !important;
    font-size: 0.78em !important;
    letter-spacing: 0.06em !important;
}
.woocommerce-account table.woocommerce-orders-table td {
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
    background: transparent !important;
}
.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark {
    background: transparent !important;
    color: #C9A84C !important;
}

/* ── Order confirmation (thank you) page ────────────────────────────────── */
.woocommerce-order .woocommerce-order-overview {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
    color: #e0e0e0 !important;
}
.woocommerce-order .woocommerce-order-overview li {
    border-color: #2a2a2a !important;
    color: #888888 !important;
}
.woocommerce-order .woocommerce-order-overview li strong {
    color: #C9A84C !important;
}
.woocommerce-order h2,
.woocommerce-order .woocommerce-column__title {
    color: #E0E0E0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}
.woocommerce-order table.woocommerce-table {
    background: #1A1A1A !important;
    border-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}
.woocommerce-order table.woocommerce-table th {
    background: #1a1a1a !important;
    color: #C9A84C !important;
    border-color: #2a2a2a !important;
}
.woocommerce-order table.woocommerce-table td {
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
}
.woocommerce-order table.woocommerce-table tfoot th,
.woocommerce-order table.woocommerce-table tfoot td {
    color: #E0E0E0 !important;
    border-top: 1px solid #C9A84C !important;
}

/* ── General WC notices ─────────────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
    background: #1a1a1a !important;
    border-top-color: #C9A84C !important;
    color: #e0e0e0 !important;
}
.woocommerce-message a,
.woocommerce-info a {
    color: #C9A84C !important;
}
.woocommerce-error {
    background: #1a0000 !important;
    border-top-color: #8B1A1A !important;
    color: #E0E0E0 !important;
}

/* ── Shop sidebar / widgets ─────────────────────────────────────────────── */
.woocommerce-sidebar .widget,
.shop-sidebar .widget,
.sidebar .widget {
    background: #1A1A1A !important;
    border: 1px solid #2a2a2a !important;
    padding: 20px !important;
}
.woocommerce-sidebar .widget-title,
.shop-sidebar .widget-title {
    color: #E0E0E0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
    border-bottom: 1px solid #C9A84C !important;
    padding-bottom: 8px !important;
}

/* ── WC form labels and links globally ──────────────────────────────────── */
.woocommerce label,
.woocommerce-page label {
    color: #cccccc !important;
}
.woocommerce a:not(.button):not(.wp-element-button) {
    color: #C9A84C !important;
}
.woocommerce a:not(.button):hover {
    color: #e0c97a !important;
}

/* ── Physical Painting Service page (post 2212) ─────────────────────────── */
body.page-id-2212 .site-main {
    background: #0d0d0d !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */


/* === WC BLOCKS DARK OVERRIDE — 2026-05 =====================================
   WooCommerce Gutenberg Blocks (cart/checkout) use different selectors.
   =========================================================================== */

/* ── Cart block submit button ───────────────────────────────────────────── */
.wc-block-cart__submit-container .wc-block-components-button,
.wc-block-cart__submit-container .wp-element-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    background: #0d0d0d !important;
    color: #C9A84C !important;
    border: 1px solid #C9A84C !important;
    border-radius: 2px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: 0.85em !important;
    box-shadow: none !important;
    transition: background 0.2s, color 0.2s !important;
}
.wc-block-cart__submit-container .wc-block-components-button:hover,
.wc-block-cart__submit-container .wp-element-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
    background: #C9A84C !important;
    color: #0d0d0d !important;
}

/* ── Block cart/checkout wrappers ───────────────────────────────────────── */
.wc-block-cart,
.wc-block-checkout,
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
    background: #0d0d0d !important;
    color: #e0e0e0 !important;
}

/* Cart item rows */
.wc-block-cart-items,
.wc-block-cart-items__row,
.wc-block-components-order-summary {
    background: transparent !important;
    border-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}
.wc-block-cart-items .wc-block-cart-item__product-name,
.wc-block-cart-items a {
    color: #E0E0E0 !important;
}
.wc-block-cart-items .wc-block-cart-item__prices .wc-block-components-formatted-money-amount {
    color: #C9A84C !important;
}

/* Totals panel */
.wc-block-cart__totals-title,
.wc-block-components-totals-wrapper,
.wc-block-components-panel {
    background: #1A1A1A !important;
    border-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
    color: #e0e0e0 !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #C9A84C !important;
}

/* Coupon / expand toggle */
.wc-block-components-panel__button,
.wc-block-components-panel__button-title {
    color: #888888 !important;
    background: transparent !important;
}
.wc-block-components-panel__button:hover,
.wc-block-components-panel__button-title:hover {
    color: #C9A84C !important;
}

/* Input fields inside blocks */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-textarea textarea {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-color: #2A2A2A !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus,
.wc-block-components-textarea textarea:focus {
    background-color: #222222 !important;
    border-color: #C9A84C !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,0.25) !important;
    outline: none !important;
}

/* Section headings inside blocks */
.wc-block-checkout__step-title,
.wc-block-components-checkout-step__title {
    color: #E0E0E0 !important;
    font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}

/* Payment methods block */
.wc-block-components-payment-method-label,
.wc-block-components-payment-methods__list-item {
    color: #e0e0e0 !important;
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

/* Express payments */
.wc-block-components-express-payment-continue-rule,
.wc-block-express-checkout-divider__text {
    color: #666666 !important;
}

/* Elementor checkout button (classic) */
a.elementor-button--checkout,
.elementor-button.elementor-button--checkout {
    background: #0d0d0d !important;
    color: #C9A84C !important;
    border: 1px solid #C9A84C !important;
    border-radius: 2px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
a.elementor-button--checkout:hover,
.elementor-button.elementor-button--checkout:hover {
    background: #C9A84C !important;
    color: #0d0d0d !important;
}

/* ========================================================================= */

/* ── Horizontal scroll suppression (2026-05-08) ──────────────────────────── */
/* The cart drawer extends slightly off-screen, creating a 3px horizontal    */
/* overflow that shows as a thin scrollbar at the bottom. Hide it entirely.  */
html, body {
    overflow-x: hidden !important;
}
/* Also make the horizontal scrollbar invisible for browsers that ignore     */
/* overflow-x on body (some edge cases)                                       */
::-webkit-scrollbar:horizontal {
    height: 0 !important;
    display: none !important;
}
/* ─────────────────────────────────────────────────────────────────────────── */

/* ── Horizontal scroll suppression (2026-05-08) ──────────────────────────── */
html, body { overflow-x: hidden !important; }
::-webkit-scrollbar:horizontal { height: 0 !important; display: none !important; }
/* ─────────────────────────────────────────────────────────────────────────── */

/* ── Forminator Select2 dark overrides (beats Forminator specificity) ─────── */
.forminator-ui .select2-dropdown,
.forminator-ui .select2-container--default .select2-dropdown {
    background-color: #1A1A1A !important;
    border: 1px solid #C9A84C !important;
}
.forminator-ui .select2-results__options,
.forminator-ui .select2-container--default .select2-results > .select2-results__options {
    background-color: #1A1A1A !important;
}
.forminator-ui .select2-results__option,
.forminator-ui .select2-container--default .select2-results__option {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
}
.forminator-ui .select2-results__option--highlighted,
.forminator-ui .select2-container--default .select2-results__option--highlighted[aria-selected],
.forminator-ui .select2-container--default .select2-results__option:hover {
    background-color: #C9A84C !important;
    color: #0d0d0d !important;
}
.forminator-ui .select2-results__option[aria-selected="true"],
.forminator-ui .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #222222 !important;
    color: #C9A84C !important;
}
.forminator-ui .select2-selection--single,
.forminator-ui .select2-container--default .select2-selection--single {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
    color: #E0E0E0 !important;
}
.forminator-ui .select2-selection--single .select2-selection__rendered,
.forminator-ui .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #E0E0E0 !important;
    background-color: #1A1A1A !important;
}
/* ─────────────────────────────────────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════════════
   SPLATCHI DARK FORM OVERRIDES — v11 (2026-05-08)
   Beats Forminator generated CSS (style-XXXX.css) which uses #ID selectors
   but no !important on color rules. Covers ALL Forminator forms globally.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Select2 closed combobox (selected value display) ──────────────── */
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"],
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover,
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus,
.forminator-ui .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
    color: #E0E0E0 !important;
}
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered,
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover .select2-selection__rendered,
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus .select2-selection__rendered,
.forminator-ui .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #E0E0E0 !important;
    background-color: #1A1A1A !important;
}
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow,
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover .select2-selection__arrow,
.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus .select2-selection__arrow {
    color: #C9A84C !important;
}

/* ── Select2 open dropdown container ───────────────────────────────── */
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"].forminator-dropdown--default,
.forminator-select-dropdown-container--open .forminator-select-dropdown,
.forminator-select-dropdown-container--open .forminator-dropdown--default {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
}

/* ── Select2 search input inside dropdown ──────────────────────────── */
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .select2-search input,
.forminator-select-dropdown-container--open .select2-search input {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-color: #C9A84C !important;
}

/* ── Select2 option rows ───────────────────────────────────────────── */
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .select2-results__options .select2-results__option,
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .select2-results__options .select2-results__option span,
.forminator-select-dropdown-container--open .select2-results__option {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
}
/* Hover / highlighted */
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .select2-results__option--highlighted,
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .select2-results__option:hover,
.forminator-select-dropdown-container--open .select2-results__option--highlighted,
.forminator-select-dropdown-container--open .select2-results__option:hover {
    background-color: #C9A84C !important;
    color: #0d0d0d !important;
}
/* Already-selected option */
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .select2-results__option[aria-selected="true"],
.forminator-select-dropdown-container--open .select2-results__option[aria-selected="true"] {
    background-color: #222222 !important;
    color: #C9A84C !important;
}

/* ── Checkbox boxes inside select dropdowns ────────────────────────── */
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .forminator-checkbox .forminator-checkbox-box,
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .forminator-checkbox input:checked + .forminator-checkbox-box {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
}
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .forminator-checkbox .forminator-checkbox-box:hover,
.forminator-select-dropdown-container--open [class*="forminator-custom-form-"] .forminator-checkbox input:checked + .forminator-checkbox-box:hover {
    border-color: #C9A84C !important;
}

/* ── Radio buttons — outer ring ────────────────────────────────────── */
.forminator-ui .forminator-radio .forminator-radio-bullet,
.forminator-ui .forminator-radio .forminator-radio-image {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
}
/* Hover state */
.forminator-ui .forminator-radio .forminator-radio-bullet:hover,
.forminator-ui .forminator-radio:hover .forminator-radio-bullet {
    border-color: #C9A84C !important;
}
/* Focus */
.forminator-ui .forminator-radio input:focus-visible + .forminator-radio-bullet {
    border-color: #C9A84C !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,0.3) !important;
}
/* Inner filled dot when checked */
.forminator-ui .forminator-radio .forminator-radio-bullet:before {
    background-color: #C9A84C !important;
}
/* Checked outer ring */
.forminator-ui .forminator-radio input:checked + .forminator-radio-bullet {
    border-color: #C9A84C !important;
    background-color: #1A1A1A !important;
}
/* Image-style radio checked/hover */
.forminator-ui .forminator-radio:hover .forminator-radio-image,
.forminator-ui .forminator-radio input:checked ~ .forminator-radio-image {
    border-color: #C9A84C !important;
    background-color: #1a1a1a !important;
}

/* ── Checkbox bullets (standard Forminator checkboxes) ─────────────── */
.forminator-ui .forminator-checkbox .forminator-checkbox-bullet,
.forminator-ui .forminator-checkbox .forminator-checkbox-image {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
}
.forminator-ui .forminator-checkbox input:checked + .forminator-checkbox-bullet,
.forminator-ui .forminator-checkbox input:checked ~ .forminator-checkbox-image {
    border-color: #C9A84C !important;
    background-color: #1A1A1A !important;
}
.forminator-ui .forminator-checkbox .forminator-checkbox-bullet:before {
    color: #C9A84C !important;
}

/* ── General form inputs (belt-and-suspenders for every page) ──────── */
.forminator-ui input[type="text"],
.forminator-ui input[type="email"],
.forminator-ui input[type="tel"],
.forminator-ui input[type="number"],
.forminator-ui input[type="url"],
.forminator-ui input[type="password"],
.forminator-ui textarea,
.forminator-ui select {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-color: #2A2A2A !important;
}
.forminator-ui input:focus,
.forminator-ui textarea:focus,
.forminator-ui select:focus {
    background-color: #222222 !important;
    border-color: #C9A84C !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,0.25) !important;
}

/* ═══════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════
   GLOBAL NATIVE INPUT THEMING — v11b (2026-05-08)
   Covers native radio/checkbox on ALL pages (product, checkout, etc.)
   accent-color changes browser-rendered radio dots & checkbox ticks.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Native radio + checkbox accent (affects ALL pages globally) ───── */
input[type="radio"],
input[type="checkbox"] {
    accent-color: #C9A84C !important;
}

/* ── WooCommerce variation / product radio labels ───────────────────── */
.wc-pao-radio-field input[type="radio"],
.wc-pao-addon-radio input[type="radio"],
table.variations input[type="radio"],
.variable-items-wrapper input[type="radio"] {
    accent-color: #C9A84C !important;
}

/* ── Advanced Product Fields radio option labels ────────────────────── */
.wc-pao-addon-wrap label,
.wc-pao-addon-radio-image label {
    color: #E0E0E0 !important;
}

/* ── WooCommerce checkout Select2 (country/state dropdowns) ─────────── */
.woocommerce .select2-container .select2-selection--single,
.woocommerce-page .select2-container .select2-selection--single,
.select2-container--default .select2-selection--single {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
    color: #E0E0E0 !important;
    height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #E0E0E0 !important;
    line-height: 40px !important;
    background-color: #1A1A1A !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}
.select2-container--default .select2-selection--single:hover,
.select2-container--default.select2-container--open .select2-selection--single {
    background-color: #222222 !important;
    border-color: #C9A84C !important;
}

/* ── WooCommerce / global Select2 dropdown panel ────────────────────── */
.select2-dropdown {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
}
.select2-search--dropdown .select2-search__field {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-color: #C9A84C !important;
}
.select2-results__option {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
}
.select2-results__option--highlighted[aria-selected],
.select2-results__option:hover {
    background-color: #C9A84C !important;
    color: #0d0d0d !important;
}
.select2-results__option[aria-selected="true"] {
    background-color: #222222 !important;
    color: #C9A84C !important;
}

/* ═══════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════
   PRODUCT GALLERY — Image dimension fix & bottom whitespace — v12 (2026-05-08)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Restrict WooCommerce product gallery image height ─────────────── */
.woocommerce-product-gallery {
    overflow: hidden !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery .flexslider {
    max-height: 540px !important;
    overflow: hidden !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img,
.woocommerce-product-gallery img:not(.wp-post-image--thumbnail) {
    max-height: 520px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* ── Remove orphan whitespace after footer on product pages ────────── */
.woocommerce.single-product .site-main,
.woocommerce.single-product #main,
.woocommerce.single-product .content-area {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.woocommerce.single-product footer,
.woocommerce.single-product .site-footer {
    margin-top: 0 !important;
}
/* Catch any Elementor section that adds trailing space */
.single-product .elementor-section:last-child,
.single-product .e-con:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════
   v13 — Current Obsessions: art hover reveals car photo
   Each card uses data-veh attribute. On hover, ::after overlay fades in
   with the corresponding car photo. Add new vehicles as Donald sends images.
   ══════════════════════════════════════════════════════════════════════ */

/* Hover base — position media div for absolute overlay */
article.card .imgwrap {
    position: relative;
    overflow: hidden;
}

/* Overlay pseudo-element (hidden by default) */
article.card .imgwrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.45s ease;
    pointer-events: none;
    z-index: 2;
}

/* Reveal on card hover */
article.card:hover .imgwrap::after {
    opacity: 1;
}

/* ── Per-vehicle car images (Wikimedia Commons CC-licensed photos) ───── */

/* BMW 750i / 7 Series */
article.card[data-brand="bmw"] .imgwrap::after {
    background-image: url('/wp-content/uploads/2026/05/bmw_dark_closeup.jpg');
}

/* Lamborghini Aventador */
article.card[data-brand="lamborghini"] .imgwrap::after {
    background-image: url('/wp-content/uploads/2026/05/car_lamborghini_aventador.jpg');
}

/* Bugatti Chiron */
article.card[data-brand="bugati"] .imgwrap::after {
    background-image: url('/wp-content/uploads/2026/05/car_bugatti_chiron.jpg');
}

/* McLaren (both 650S GT3 and MP4 share mclaren tag — 650S takes priority) */
article.card[data-brand="mclaren"] .imgwrap::after {
    background-image: url('/wp-content/uploads/2026/05/car_mclaren_650s_gt3.jpg');
}

/* Ferrari — placeholder until car photo sourced */
/* article.card[data-brand="ferarri"] .imgwrap::after {
    background-image: url('/wp-content/uploads/...');
} */

/* ═══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════
   v15 — Universal dark theme enforcement
   Override every Shoptimizer/WooCommerce default white/light background.
   Applies sitewide — no more white bleed-through on any page.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Page / layout wrappers ─────────────────────────────────────────── */
body,
.site,
.site-content,
#page,
.col-full,
.woocommerce-page .col-full,
.container,
.content-area,
#primary,
#content,
.entry-content {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

/* ── Site header ────────────────────────────────────────────────────── */
.site-header,
header.site-header,
.ceh-header,
.header-wrapper,
.site-header-wrapper {
    background-color: #0d0d0d !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
}

/* ── WooCommerce product page ───────────────────────────────────────── */
.woocommerce div.product,
.woocommerce div.product .product_title,
.single-product .product,
.woocommerce-page.single-product #content,
.woocommerce-page.single-product .entry-content {
    background-color: #0d0d0d !important;
}

/* ── Product tabs (Description / Reviews) ──────────────────────────── */
.woocommerce-tabs,
.wc-tabs-wrapper,
.woocommerce-tabs .panel,
.woocommerce-tabs .wc-tab,
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #1A1A1A !important;
    color: #e0e0e0 !important;
    border-color: rgba(255,255,255,0.08) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background-color: #1a1a1a !important;
    border-bottom-color: #1a1a1a !important;
}

/* ── Related / Upsell products section ──────────────────────────────── */
.related-wrapper,
.related.products,
.upsells.products,
section.related,
section.upsells,
.related-wrapper h2,
.related.products h2 {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

/* ── Quantity nav / Add to cart row ────────────────────────────────── */
.quantity-nav,
.quantity input,
.qty,
.woocommerce div.product form.cart .quantity .qty {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255,255,255,0.15) !important;
}
.quantity-nav button {
    background-color: #222222 !important;
    color: #e0e0e0 !important;
}

/* ── Product gallery trigger (zoom icon) ───────────────────────────── */
.woocommerce-product-gallery__trigger,
a.woocommerce-product-gallery__trigger {
    background-color: rgba(13,13,13,0.85) !important;
    color: #C9A84C !important;
}

/* ── Cart / mini-cart ───────────────────────────────────────────────── */
.shoptimizer-mini-cart-wrap,
.widget_shopping_cart,
.woocommerce-cart-form,
.cart-collaterals,
.cart_totals,
.shoptimizer-modal--container {
    background-color: #1A1A1A !important;
    color: #e0e0e0 !important;
}
.shoptimizer-modal--button_close {
    background-color: #222222 !important;
    color: #e0e0e0 !important;
}

/* ── WooCommerce notices ────────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-top-color: #C9A84C !important;
}

/* ── Shoptimizer theme default overrides ───────────────────────────── */
.shoptimizer-layout--content,
.shoptimizer-two-col,
.main-container,
#main.site-main,
.site-main {
    background-color: #0d0d0d !important;
}

/* ── Tooltip ────────────────────────────────────────────────────────── */
.tooltip,
.woocommerce .tooltip {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* ── Footer ─────────────────────────────────────────────────────────── */
.site-footer,
footer.site-footer,
.footer-widget-area,
.footer-credit {
    background-color: #0d0d0d !important;
    color: #888 !important;
    border-top-color: rgba(255,255,255,0.06) !important;
}

/* ── Checkout / My Account / Cart pages ─────────────────────────────── */
.woocommerce-checkout,
.woocommerce-account,
.woocommerce-cart,
.woocommerce form,
.woocommerce form .form-row input,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
#billing_country_field .select2-selection,
.select2-container--default .select2-selection--single {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: rgba(255,255,255,0.15) !important;
}

/* ── Generic light-bg catch-all (last resort) ───────────────────────── */
.woocommerce-page *:not(img):not(svg):not(path):not(circle):not(button):not(a):not(input):not(select):not(textarea) {
    scrollbar-color: #333 #0d0d0d;
}

/* ═══════════════════════════════════════════════════════════════════════ */


/* ============================================================
   SPLATCHI v16 — May 15, 2026 — A2 + A5 + A6 + A8 additions
   ============================================================ */

/* A2: Product meta display block (Established, Family, Series, NFT) */
.splatchi-meta-block {
    margin: 18px 0 !important;
    padding: 16px 20px !important;
    background: #0d0d0d !important;
    border: 1px solid #2a2a2a !important;
    border-left: 3px solid #D4AF37 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
    color: #cccccc !important;
    letter-spacing: 0.04em !important;
}
.splatchi-meta-block .sm-label {
    display: inline-block !important;
    width: 110px !important;
    color: #888 !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
}
.splatchi-meta-block .sm-val { color: #ffffff !important; }
.splatchi-meta-block .sm-gold { color: #D4AF37 !important; font-weight: 600 !important; }
.splatchi-meta-block .sm-nft-row {
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #1a1a1a !important;
}
.splatchi-meta-block .sm-nft-link {
    color: #D4AF37 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #D4AF37 !important;
}
.splatchi-meta-block .sm-nft-link:hover { color: #fff !important; border-bottom-color: #fff !important; }

/* A5: Site-wide image cropping defense — keep subject centered */
.elementor-widget-image img,
.elementor-widget-image-carousel img,
.woocommerce-product-gallery__image img,
.splatchi-img-center,
img.splatchi-keep-centered {
    object-fit: cover !important;
    object-position: 50% 50% !important;
}
.elementor-section .elementor-background-overlay,
.elementor-section[style*='background-image'] {
    background-position: center center !important;
    background-size: cover !important;
}

/* A6: Dark form fields — Forminator + WooCommerce + generic */
input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
textarea,
select,
.form-control,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout #payment,
.woocommerce-MyAccount-content input,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.forminator-input,
.forminator-textarea,
.forminator-select,
.forminator-dropdown {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 0 !important;
}
input:focus, textarea:focus, select:focus,
.forminator-input:focus, .forminator-textarea:focus, .forminator-select:focus {
    border-color: #D4AF37 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(212,175,55,0.3) !important;
}
.woocommerce-checkout, .woocommerce-cart, .woocommerce-account,
.woocommerce-checkout .col-1, .woocommerce-checkout .col-2,
.cart_totals, .shop_table {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}
.woocommerce-checkout table.shop_table th, .woocommerce-cart table.shop_table th {
    background-color: #111 !important; color: #fff !important;
}
.woocommerce-checkout table.shop_table td, .woocommerce-cart table.shop_table td {
    background-color: #1a1a1a !important; color: #ccc !important;
}
label, .forminator-label, .woocommerce form .form-row label { color: #cccccc !important; }

/* A8: All product cards site-wide — sleek hover */
.elementor-widget-wc-products li.product,
.woocommerce ul.products li.product,
ul.products li.product {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.elementor-widget-wc-products li.product:hover,
.woocommerce ul.products li.product:hover,
ul.products li.product:hover {
    transform: translateY(-4px) !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 8px 24px rgba(212,175,55,0.15) !important;
}
ul.products li.product a, ul.products li.product .woocommerce-loop-product__link {
    cursor: pointer !important;
}


/* B5: Hover photos for Ferrari + Posh (Cherokee) — added May 17 */
article.card[data-brand="ferarri"] .imgwrap::after {
    background-image: url('/wp-content/uploads/2026/05/car_ferrari_488_gtb.jpg');
}
article.card[data-brand="posh"] .imgwrap::after {
    background-image: url('/wp-content/uploads/2026/05/car_jeep_grand_cherokee_2022.jpg');
}

/* v17 FIX: Product card button hover — ensure dark text on gold bg */
body ul.products li.product .button:hover,
body ul.products li.product a.button:hover,
body ul.products li.product .added_to_cart:hover,
body .wc-forward:hover,
body .woocommerce a.button:hover,
body .checkout-button:hover {
    background: #D4AF37 !important;
    color: #000000 !important;
    border-color: #D4AF37 !important;
}
body ul.products li.product .button,
body ul.products li.product a.button,
body ul.products li.product .added_to_cart {
    background: #0d0d0d !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
}

/* v17 T-PHYSICAL-BADGE — Category tags as subtle labels, not buttons */
ul.products li.product .product__categories a,
.product_meta .posted_in a,
p.product__categories a {
    display: inline-block;
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #888888 !important;
    background: transparent !important;
    border: 1px solid #333 !important;
    border-radius: 2px !important;
    padding: 3px 8px !important;
    margin: 2px 4px 2px 0 !important;
    text-decoration: none !important;
    pointer-events: none;
    font-weight: 400 !important;
}
/* Make whole product card clickable */
ul.products li.product {
    position: relative;
}
ul.products li.product > a.woocommerce-LoopProduct-link {
    display: block;
}

/* QA FIX: Meta block labels/values should be Inter (body), not Cormorant Garamond */
.splatchi-meta-block,
.splatchi-meta-block span,
.splatchi-meta-block .sm-label,
.splatchi-meta-block .sm-val,
.splatchi-meta-block .sm-nft-link,
.splatchi-meta-block .sm-nft-row {
    font-family: 'Inter', system-ui, sans-serif !important;
}

/* QA FIX: Add-to-cart button font consistency */
.single_add_to_cart_button,
button.single_add_to_cart_button,
.single-product .cart .single_add_to_cart_button {
    font-family: 'Inter', system-ui, sans-serif !important;
}

/* QA FIX: Subscribe button font */
.sfo1-form input[type="submit"],
.sfo1-form button {
    font-family: 'Inter', system-ui, sans-serif !important;
}

/* QA FIX: Callback button — Kirki orange -> brand gold */
.call-back-feature button,
.call-back-feature button:hover {
    background-color: #D4AF37 !important;
}

/* QA FIX: Form labels + selects */
.comment-form label,
.woocommerce form label,
select {
    font-family: 'Inter', system-ui, sans-serif !important;
}

/* QA FIX: breadcrumb + prevnext price should be body font */
.breadcrumb-separator,
.prevnext_price,
.woocommerce-Price-currencySymbol {
    font-family: 'Inter', system-ui, sans-serif !important;
}

/* ============================================
   SPLATCHI FONT PRECISION v19 (2026-05-26)
   Approved by Gideon — Groups A + C5/C6/C8/C11
   ============================================ */

/* GROUP A: UI/functional/data elements → Inter */
.cart-drawer-heading,
.woocommerce-mini-cart__empty-message,
.ceh-text,
.ceh-cur-trigger,
.ceh-cur-list,
.ceh-badge,
.stats, .stats span,
.row, .row span,
.cta,
.sbf5-pill-title,
.sbf5-pill-desc,
.sbs7-short,
.btn-row, .btn-row span,
.seg-btn,
.tab-chip,
.dd, .dd-text,
.sbfq-intro,
.tools,
.faq header,
.answer-wrap,
.sfo1-tag,
.sfo1-contact,
.sfo1-copy,
.sfo1-cta-link,
.sfo1-links a,
.view-all,
.subline span,
a.see-more,
span[class*="see-more"] {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* GROUP C5: Body paragraphs in LIQUID LIGHTNING → Inter */
.sbf5-intro,
.sbf5-emph,
.sbf5-subcenter,
.sbf5-panel-body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* GROUP C6: Card descriptions in BEYOND OWNERSHIP → Inter */
.sbs6-intro,
.sbs6-card-desc,
.sbs9-card-desc,
.sbs10-card-desc {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* GROUP C8: Prices → Inter */
.sbs7-price,
.prevnext_price,
.woocommerce-Price-currencySymbol {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* GROUP C11: Footer CTA link → Inter */
.sfo1-cta-link,
.sfo1-cta-link a {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* GROUP C7: Pull quotes → Cormorant Garamond ITALIC */
.panel-emph,
.sbt-emph,
.sbf5-emph-quote {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic;
}

/* C-KEEP: Editorial accents that stay Cormorant Garamond */
.ceb1-kicker,
.sbt-kicker,
.sbf5-kicker,
.sbs6-kicker,
.sbs7-kicker,
.sbs8-kicker,
.sbs9-kicker,
.sbs11-kicker,
.sbfq-kicker,
.word,
.subline,
.sbs8-byline,
.ceb2-headrow,
.panel-emph,
.sbt-emph {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
}

/* C7: Pull quotes italic */
.panel-emph,
.sbt-emph {
    font-style: italic;
}

/* ============================================
   BLOCK 5: CARDS CLICKABLE + HOVER SITEWIDE
   ============================================ */

/* Make entire product card clickable */
ul.products li.product {
    position: relative !important;
    cursor: pointer !important;
}
ul.products li.product > a.woocommerce-LoopProduct-link {
    display: block !important;
}

/* Card hover: lift + gold border + soft shadow */
ul.products li.product {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}
ul.products li.product:hover {
    transform: translateY(-4px) !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 8px 32px rgba(212, 175, 55, 0.12) !important;
}

/* Physical/NFT badge as subtle label */
ul.products li.product .product__categories a,
.product_meta .posted_in a,
p.product__categories a {
    display: inline-block !important;
    font-size: 9px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #888888 !important;
    background: transparent !important;
    border: 1px solid #333 !important;
    border-radius: 2px !important;
    padding: 2px 6px !important;
    margin: 2px 4px 2px 0 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    font-family: 'Inter', system-ui, sans-serif !important;
}

/* Price in gold on cards */
ul.products li.product .price,
ul.products li.product .amount {
    color: #D4AF37 !important;
}

/* ============================================
   BLOCK 6: PRODUCT + CART + CHECKOUT POLISH
   ============================================ */

/* --- Single Product Page --- */

/* Restrict image gallery height */
.single-product .woocommerce-product-gallery {
    max-height: 600px !important;
    overflow: hidden !important;
}
.single-product .woocommerce-product-gallery img {
    max-height: 580px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Fix ADD TO CART button padding gap */
.single-product form.cart {
    margin-top: 8px !important;
    padding-top: 0 !important;
}
.single-product .quantity {
    margin-right: 10px !important;
}

/* Remove bottom white space below related products */
.single-product .site-content .col-full {
    padding-bottom: 0 !important;
}
.single-product .related.products {
    margin-bottom: 0 !important;
    padding-bottom: 40px !important;
}

/* Button standard */
.single-product .cart .single_add_to_cart_button {
    background: #0d0d0d !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 14px 32px !important;
    transition: all 0.2s ease !important;
}
.single-product .cart .single_add_to_cart_button:hover {
    background: #D4AF37 !important;
    color: #000000 !important;
}

/* --- Cart Page --- */
.woocommerce-cart .site-content,
.woocommerce-cart .col-full,
.woocommerce-cart .content-area {
    background: #0d0d0d !important;
}
.woocommerce-cart table.cart,
.woocommerce-cart .cart_totals {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
    border: 1px solid #222 !important;
}
.woocommerce-cart table.cart th {
    background: #111 !important;
    color: #888 !important;
    border-color: #222 !important;
}
.woocommerce-cart table.cart td {
    border-color: #222 !important;
    color: #e0e0e0 !important;
}
.woocommerce-cart .cart-empty {
    color: #888 !important;
}

/* Cart popup fix: VIEW CART button readability */
.widget_shopping_cart .button.wc-forward,
.wc-forward {
    background: #0d0d0d !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
}
.widget_shopping_cart .button.wc-forward:hover,
.wc-forward:hover {
    background: #D4AF37 !important;
    color: #000 !important;
}
.widget_shopping_cart .button.checkout,
.checkout-button {
    background: #D4AF37 !important;
    color: #000 !important;
    border: 1px solid #D4AF37 !important;
}
.widget_shopping_cart .button.checkout:hover,
.checkout-button:hover {
    background: #C9A84C !important;
    color: #000 !important;
}

/* --- Checkout Page --- */
.woocommerce-checkout .site-content,
.woocommerce-checkout .col-full,
.woocommerce-checkout .content-area {
    background: #0d0d0d !important;
}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review {
    background: #1a1a1a !important;
    padding: 20px !important;
    border-radius: 4px !important;
}
.woocommerce-checkout label {
    color: #cccccc !important;
}
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    background: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.15) !important;
    outline: none !important;
}

/* --- My Account Page --- */
.woocommerce-account .site-content,
.woocommerce-account .col-full {
    background: #0d0d0d !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #cccccc !important;
    background: #1a1a1a !important;
    border-color: #222 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #D4AF37 !important;
    border-left: 2px solid #D4AF37 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    color: #e0e0e0 !important;
}
.woocommerce-account input,
.woocommerce-account select {
    background: #2a2a2a !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

/* Stripe iframe container */
.wc-stripe-elements-field,
#stripe-card-element {
    background: #2a2a2a !important;
    border: 1px solid #333 !important;
    padding: 10px !important;
    border-radius: 4px !important;
}

/* ============================================
   SPLATCHI TYPOGRAPHY SYSTEM v1
   8 sizes · 3 weights · 2 fonts
   Approved 2026-05-26
   
   REVERT: Delete everything from this comment
   to the end of file, restore CSS version in
   functions.php, purge cache.
   ============================================ */

:root {
  --font-heading: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --size-micro: 10px;
  --size-small: 12px;
  --size-secondary: 14px;
  --size-base: 16px;
  --size-large: 20px;
  --size-h3: 24px;
  --size-h2: 32px;
  --size-h1: 48px;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-semi: 600;
}

/* ---- HEADING FONT FAMILY ---- */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.product_title, .product_title.entry-title,
.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.entry-title, .site-title, .widget-title,
.kicker, .subline, .word,
.ceb1-heading, .ceb1-kicker,
.ceb2-eyebrow, .ceb2-headrow,
.sbt-kicker, .sbt-emph,
.sbf5-kicker, .sbf5-headline, .sbf5-panel-head,
.sbs6-kicker, .sbs6-headline, .sbs6-card-title,
.sbs7-kicker, .sbs7-headline, .sbs7-title,
.sbs8-kicker, .sbs8-headline, .sbs8-byline,
.sbs9-kicker, .sbs9-headline, .sbs9-card-title,
.sbs10-card-title,
.sbs11-kicker, .sbs11-headline,
.sbfq-kicker, .sbfq-headline,
.sfo1-cta-head,
.panel-emph,
.l1, .l2,
.section-title,
.card-title,
.comment-reply-title,
.summary h1 {
  font-family: var(--font-heading) !important;
}

/* ---- BODY FONT FAMILY ---- */
body, p, a, button, input, textarea, select,
label, li, td, th, div, span,
.woocommerce, .woocommerce-cart, .woocommerce-checkout,
.entry-content, .description, .short-description,
nav, .menu-item,
.stats, .stats span, .row, .row span,
.cta, .btn-row,
.sbf5-intro, .sbf5-emph, .sbf5-subcenter, .sbf5-panel-body,
.sbf5-pill-title, .sbf5-pill-desc,
.sbs6-intro, .sbs6-card-desc,
.sbs9-card-desc, .sbs10-card-desc,
.sbs7-short, .sbs7-price,
.dd, .dd-text, .tab-chip,
.sbfq-intro, .tools, .faq header, .answer-wrap,
.sfo1-tag, .sfo1-contact, .sfo1-copy, .sfo1-cta-link,
.sfo1-links a, .sfo1-cta-sub,
.view-all, .seg-btn,
.cart-drawer-heading,
.woocommerce-mini-cart__empty-message,
.ceh-text, .ceh-cur-trigger, .ceh-badge,
.prevnext_price,
.woocommerce-Price-currencySymbol,
.sm-label, .sm-val, .sm-nft-link,
.splatchi-meta-block, .splatchi-meta-block span,
.product__categories, .product__categories a,
.posted_in, .posted_in a,
.forminator-field, .forminator-label,
.price, .amount {
  font-family: var(--font-body) !important;
}

/* ---- HERO HEADLINES (48px) ---- */
.ceb1-heading,
.sbf5-headline, .sbf5-panel-head,
.sbs6-headline, .sbs7-headline,
.sbs8-headline, .sbs9-headline,
.sbs11-headline, .sbfq-headline {
  font-size: var(--size-h1) !important;
  font-weight: var(--weight-light) !important;
  line-height: 1.15 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* ---- SECTION TITLES (32px) ---- */
.section-title,
.sfo1-cta-head,
.sbs10-h1,
h2.woocommerce-Reviews-title {
  font-size: var(--size-h2) !important;
  font-weight: var(--weight-light) !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
}

/* Related products heading */
.related.products > h2,
.upsells > h2 {
  font-size: var(--size-h2) !important;
  font-weight: var(--weight-light) !important;
}

/* ---- PRODUCT H1 (32px) ---- */
.product_title.entry-title,
.summary h1,
.single-product div.product h1 {
  font-size: var(--size-h2) !important;
  font-weight: var(--weight-semi) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px !important;
}

/* ---- CARD TITLES (24px) ---- */
h3.card-title,
.sbs6-card-title, .sbs9-card-title, .sbs10-card-title,
.sbs7-title,
.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: var(--size-h3) !important;
  font-weight: var(--weight-semi) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.3px !important;
}

/* ---- FOOTER/SIDEBAR HEADINGS (20px) ---- */
h4, .sfo1-cta-head ~ h4 {
  font-size: var(--size-large) !important;
  font-weight: var(--weight-semi) !important;
  line-height: 1.3 !important;
}

/* ---- KICKERS (20px) ---- */
.ceb1-kicker,
.sbt-kicker, .sbf5-kicker,
.sbs6-kicker, .sbs7-kicker,
.sbs8-kicker, .sbs9-kicker,
.sbs11-kicker, .sbfq-kicker {
  font-size: var(--size-large) !important;
  font-weight: var(--weight-regular) !important;
  letter-spacing: 0.5px !important;
}

/* ---- EYEBROW (20px) ---- */
.ceb2-eyebrow {
  font-size: var(--size-large) !important;
  font-weight: var(--weight-light) !important;
}

/* ---- BRAND WORDS (40px) ---- */
.word {
  font-size: 40px !important;
  font-weight: var(--weight-light) !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

/* ---- SUBLINES (16px italic accent) ---- */
.subline {
  font-size: var(--size-base) !important;
  font-weight: var(--weight-regular) !important;
  font-style: italic !important;
  letter-spacing: 0.3px !important;
}

/* ---- PULL QUOTES (16px italic) ---- */
.panel-emph, .sbt-emph {
  font-size: var(--size-base) !important;
  font-weight: var(--weight-semi) !important;
  font-style: italic !important;
}

/* ---- BASE BODY (16px) ---- */
p, .entry-content p,
.sbf5-intro, .sbf5-emph, .sbf5-subcenter, .sbf5-panel-body,
.sbs6-intro, .sbs6-card-desc,
.sbt-body,
.answer-wrap, .answer-wrap p,
.ceb2-body, .ceb2-emph,
.sbfq-intro {
  font-size: var(--size-base) !important;
  font-weight: var(--weight-regular) !important;
  line-height: 1.6 !important;
}

/* Emphasis body text */
.sbf5-emph, .ceb2-emph {
  font-weight: var(--weight-semi) !important;
}

/* ---- SECONDARY TEXT (14px) ---- */
.sbs7-short, .short-description p,
.woocommerce-product-details__short-description p,
.sbs9-card-desc, .sbs10-card-desc,
.sfo1-cta-sub {
  font-size: var(--size-secondary) !important;
  font-weight: var(--weight-regular) !important;
  line-height: 1.5 !important;
}

/* ---- BUTTONS (14px/600/uppercase) ---- */
.button, button[type=submit],
.single_add_to_cart_button,
.checkout-button, .wc-forward,
a.button, a.added_to_cart,
ul.products li.product .button,
ul.products li.product .added_to_cart,
.elementor-button {
  font-size: var(--size-secondary) !important;
  font-weight: var(--weight-semi) !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-family: var(--font-body) !important;
}

/* ---- SMALL UI (12px) ---- */
.sfo1-copy, .sfo1-contact,
.sm-val, .prevnext_price,
.woocommerce-breadcrumb {
  font-size: var(--size-small) !important;
  font-weight: var(--weight-regular) !important;
}

/* ---- MICRO LABELS (10px) ---- */
.sm-label,
.product__categories a,
.posted_in a,
.sfo1-tag {
  font-size: var(--size-micro) !important;
  font-weight: var(--weight-regular) !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* ---- PRICES ---- */
.single-product .price,
.single-product .amount {
  font-size: var(--size-h3) !important;
  font-weight: var(--weight-regular) !important;
}
ul.products .price,
ul.products .amount,
.sbs7-price {
  font-size: var(--size-base) !important;
  font-weight: var(--weight-regular) !important;
}

/* ---- FAQ QUESTIONS (16px/600) ---- */
.faq header, .faq .qtext,
.faq button.qbtn {
  font-size: var(--size-base) !important;
  font-weight: var(--weight-semi) !important;
}

/* ---- NAV (14px) ---- */
.ceh-text, .ceh-cur-trigger, .ceh-badge,
.ceh-action {
  font-size: var(--size-secondary) !important;
}

/* ---- CART DRAWER (16px) ---- */
.cart-drawer-heading {
  font-size: var(--size-base) !important;
  font-weight: var(--weight-semi) !important;
}

/* ---- SUBSCRIBE / NEWSLETTER (12px) ---- */
.sfo1-news button,
.sfo1-news input {
  font-size: var(--size-small) !important;
}

/* ---- FOOTER CTA LINK ---- */
.sfo1-cta-link, .sfo1-cta-link a {
  font-size: var(--size-secondary) !important;
  font-weight: var(--weight-regular) !important;
}

/* Typography fixes — product page specificity overrides */
body.single-product div.product .product_title,
body.single-product div.product h1.product_title,
body.single-product .summary h1 {
  font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
}

body.single-product div.product p.price,
body.single-product div.product p.price .amount,
body.single-product div.product .summary .price,
body.single-product div.product .summary .amount {
  font-size: 24px !important;
}

body ul.products li.product .price,
body ul.products li.product .price .amount {
  font-size: 16px !important;
}

/* ============================================
   PADDING RHYTHM — consistent breathing room
   ============================================ */

/* Global content padding — prevent edge-to-edge text */
.elementor-section > .elementor-container,
.elementor-section-boxed > .elementor-container,
.wrap, .inner, .sfo1-grid3 {
  padding-left: max(20px, 3vw) !important;
  padding-right: max(20px, 3vw) !important;
}

@media (min-width: 1280px) {
  .elementor-section > .elementor-container,
  .elementor-section-boxed > .elementor-container {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .elementor-section > .elementor-container,
  .elementor-section-boxed > .elementor-container,
  .wrap, .inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Section vertical spacing */
.elementor-top-section {
  padding-top: clamp(40px, 6vw, 80px) !important;
  padding-bottom: clamp(40px, 6vw, 80px) !important;
}

/* Product page spacing */
.single-product .product-details-wrapper {
  padding-top: 20px !important;
}

/* Footer breathing room */
.sfo1-grid3 {
  gap: 32px !important;
}

/* ============================================
   RESPONSIVE TYPOGRAPHY + TAP TARGETS
   ============================================ */

@media (max-width: 767px) {
  /* Scale down hero headlines on mobile */
  .ceb1-heading,
  .sbf5-headline, .sbf5-panel-head,
  .sbs6-headline, .sbs7-headline,
  .sbs8-headline, .sbs9-headline,
  .sbs11-headline, .sbfq-headline {
    font-size: 28px !important;
    letter-spacing: 1px !important;
  }
  
  /* Section titles */
  .section-title, .sfo1-cta-head,
  .sbs10-h1, .related h2 {
    font-size: 24px !important;
  }
  
  /* Card titles */
  h3.card-title, .sbs6-card-title,
  .sbs9-card-title, .sbs7-title {
    font-size: 20px !important;
  }
  
  /* Product H1 */
  .product_title.entry-title,
  body.single-product div.product h1 {
    font-size: 24px !important;
  }
  
  /* FAMILY · PASSION · UNITY */
  .word {
    font-size: 28px !important;
  }
  
  /* Kickers */
  .ceb1-kicker, .sbt-kicker, .sbf5-kicker,
  .sbs6-kicker, .sbs7-kicker, .sbs8-kicker {
    font-size: 16px !important;
  }
  
  /* Footer H4 */
  h4 {
    font-size: 16px !important;
  }
  
  /* FAQ questions — ensure tappable */
  .faq header, .faq button.qbtn {
    min-height: 44px !important;
    padding: 12px 0 !important;
  }
  
  /* Filter buttons — ensure tappable */
  .dd, .tab-chip, .seg-btn {
    min-height: 44px !important;
    padding: 10px 14px !important;
  }
  
  /* Slider nav — ensure tappable */
  button.prev, button.next,
  .nav button {
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* Tablet adjustments */
  .ceb1-heading,
  .sbf5-headline, .sbf5-panel-head,
  .sbs6-headline, .sbs7-headline,
  .sbs8-headline, .sbs9-headline,
  .sbs11-headline, .sbfq-headline {
    font-size: 36px !important;
  }
  
  .word {
    font-size: 32px !important;
  }
}

/* ============================================
   CARD CLICKABILITY FIX
   Cards are article.card (custom widgets),
   NOT li.product. The title link already exists
   inside the card — stretch it to cover the card.
   ============================================ */

/* Current Obsessions cards — title link covers entire card */
article.card {
  position: relative !important;
  cursor: pointer !important;
}
article.card .sbs7-title a,
article.card .p-title a {
  position: static !important;
}
article.card .sbs7-title a::after,
article.card .p-title a::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

/* Buy Now button must sit above the card overlay */
article.card .btn-row a,
article.card a.buy-btn,
article.card a[href*="add-to-cart"] {
  position: relative !important;
  z-index: 2 !important;
}

/* THREE CREATIVES cards — CTA link covers card */
.scbf5 article.card .cta a {
  position: static !important;
}
.scbf5 article.card .cta a::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

/* Collection page CURATE section cards */
.sbs7-title a::after,
.collections_body_seven article.card a[href*="/product/"]::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

/* Card hover: lift + gold border */
article.card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
article.card:hover {
  transform: translateY(-4px) !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 8px 32px rgba(212, 175, 55, 0.1) !important;
}

/* ============================================
   BUTTON HOVER FIX — kill gold-on-gold
   Override EVERYTHING including Kirki
   ============================================ */

/* Primary buttons (gold fill) — on hover: black text */
body .button:hover,
body a.button:hover,
body button:hover,
body input[type=submit]:hover,
body ul.products li.product .button:hover,
body ul.products li.product .added_to_cart:hover,
body .single_add_to_cart_button:hover,
body .checkout-button:hover,
body .wc-forward:hover,
body .elementor-button:hover,
body .widget_shopping_cart .button:hover,
body article.card a.buy-btn:hover,
body article.card a[href*="add-to-cart"]:hover {
  background-color: #D4AF37 !important;
  color: #000000 !important;
  border-color: #D4AF37 !important;
}

/* Secondary buttons (outline) — on hover: gold fill, black text */
body .button.alt:hover,
body .woocommerce a.button.alt:hover {
  background-color: #D4AF37 !important;
  color: #000000 !important;
}

/* The yellow CTA buttons rendered by custom widgets */
article.card .cta a:hover,
article.card .buy-btn:hover,
.view-all a:hover,
.sfo1-cta-link a:hover {
  color: #000000 !important;
}

/* ============================================
   FOOTER LOGO SIZE FIX
   ============================================ */
.sfo1-brand-row .logo img {
  width: 180px !important;
  height: auto !important;
  opacity: 0.8 !important;
}
.sfo1-brand-row .sfo1-tag {
  font-size: 10px !important;
  letter-spacing: 2.5px !important;
  opacity: 0.6 !important;
  margin-top: 10px !important;
}


/* ── CARD BORDER-RADIUS CONSISTENCY ─────────────────────────────────── */
/* WooCommerce product cards: match custom widget cards at 16px */
ul.products li.product {
    border-radius: 16px !important;
    overflow: hidden !important;
}
ul.products li.product img {
    border-radius: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   BLOG — Dark Luxury Editorial Design
   Archive listing + single post
   ══════════════════════════════════════════════════════════════════════ */

/* ── Blog Archive (listing page) ────────────────────────────────────── */
body.blog,
body.archive,
body.search-results {
    background: #0a0a0a !important;
}

/* Blog page title */
body.blog .page-title,
body.archive .page-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 48px !important;
    font-weight: 300 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #e9e9e9 !important;
    text-align: center !important;
    margin-bottom: 48px !important;
    padding-top: 32px !important;
}

/* Post cards in archive */
body.blog article.post,
body.archive article.post {
    background: #111 !important;
    border: 1px solid rgba(212, 175, 55, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 40px !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;
}
body.blog article.post:hover,
body.archive article.post:hover {
    border-color: rgba(212, 175, 55, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* Featured image in archive cards */
body.blog article.post .post-thumbnail,
body.blog article.post .entry-thumbnail {
    margin: 0 !important;
    overflow: hidden !important;
}
body.blog article.post .post-thumbnail img,
body.blog article.post .entry-thumbnail img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease !important;
}
body.blog article.post:hover .post-thumbnail img,
body.blog article.post:hover .entry-thumbnail img {
    transform: scale(1.03) !important;
}

/* Post title in archive */
body.blog article.post .entry-title,
body.archive article.post .entry-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    margin: 24px 28px 12px !important;
}
body.blog article.post .entry-title a,
body.archive article.post .entry-title a {
    color: #D4AF37 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}
body.blog article.post .entry-title a:hover {
    color: #e9c84e !important;
}

/* Excerpt */
body.blog article.post .entry-content,
body.blog article.post .entry-summary {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #a1a1a1 !important;
    margin: 0 28px 20px !important;
}

/* Post meta (date, category) */
body.blog article.post .entry-meta,
body.blog article.post .posted-on,
body.archive article.post .entry-meta {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #666 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin: 0 28px 24px !important;
}

/* Read more link */
body.blog article.post .more-link,
body.blog article.post a.read-more {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    margin: 0 28px 28px !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
}
body.blog article.post .more-link:hover {
    background: #D4AF37 !important;
    color: #000 !important;
}

/* Sidebar hide on blog */
body.blog .col-full > .col-right,
body.archive .col-full > .col-right {
    display: none !important;
}
body.blog .col-full > .col-left,
body.archive .col-full > .col-left {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    float: none !important;
}

/* ── Single Blog Post ───────────────────────────────────────────────── */
body.single-post {
    background: #0a0a0a !important;
}

/* Article container */
body.single-post .col-full > .col-left {
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    float: none !important;
}
body.single-post .col-full > .col-right {
    display: none !important;
}

/* Single post title */
body.single-post .entry-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 42px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    color: #e9e9e9 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
    padding-top: 24px !important;
}

/* Post date */
body.single-post .entry-meta,
body.single-post .posted-on {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #666 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 40px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
}

/* Single post body */
body.single-post .entry-content {
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #c8c8c8 !important;
}

body.single-post .entry-content p {
    margin-bottom: 24px !important;
}

/* Headings inside post content */
body.single-post .entry-content h2 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    color: #D4AF37 !important;
    margin: 48px 0 20px !important;
    letter-spacing: 0.5px !important;
}

body.single-post .entry-content h3 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #e9e9e9 !important;
    margin: 36px 0 16px !important;
}

/* Blockquotes */
body.single-post .entry-content blockquote {
    border-left: 3px solid #D4AF37 !important;
    padding: 16px 24px !important;
    margin: 32px 0 !important;
    background: rgba(212, 175, 55, 0.04) !important;
    font-style: italic !important;
    color: #b0b0b0 !important;
}

/* Strong text */
body.single-post .entry-content strong {
    color: #e9e9e9 !important;
    font-weight: 600 !important;
}

/* HR divider */
body.single-post .entry-content hr {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #D4AF37, transparent) !important;
    margin: 48px 0 !important;
}

/* Post navigation */
body.single-post .post-navigation,
body.single-post .nav-links {
    border-top: 1px solid rgba(212, 175, 55, 0.1) !important;
    margin-top: 64px !important;
    padding-top: 32px !important;
}
body.single-post .nav-links a {
    color: #D4AF37 !important;
    text-decoration: none !important;
}

/* Comments section dark theme */
body.single-post .comments-area {
    background: #111 !important;
    border-radius: 16px !important;
    padding: 32px !important;
    margin-top: 48px !important;
}
body.single-post .comments-title,
body.single-post .comment-reply-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    color: #e9e9e9 !important;
}

/* Author box */
body.single-post .author-box,
body.single-post .about-author {
    background: #111 !important;
    border: 1px solid rgba(212, 175, 55, 0.1) !important;
    border-radius: 16px !important;
    padding: 28px !important;
    margin-top: 48px !important;
}

/* Related posts */
body.single-post .related-posts h3,
body.single-post .shoptimizer-related-posts h3 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    color: #D4AF37 !important;
}

/* ── Blog Archive — Gutenberg Block Template Overrides ──────────────── */
/* The blog page (ID 2951) uses wp-block-post-template, not classic loop */

/* Post cards */
.wp-block-post {
    background: #111 !important;
    border: 1px solid rgba(212, 175, 55, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 0 0 28px 0 !important;
    margin-bottom: 32px !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;
}
.wp-block-post:hover {
    border-color: rgba(212, 175, 55, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* Post title */
h2.wp-block-post-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    padding: 24px 28px 0 !important;
    margin: 0 0 12px !important;
}
h2.wp-block-post-title a {
    color: #D4AF37 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}
h2.wp-block-post-title a:hover {
    color: #e9c84e !important;
}

/* Post excerpt */
.wp-block-post-excerpt,
.wp-block-post-excerpt__excerpt {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #a1a1a1 !important;
    padding: 0 28px !important;
    margin: 0 !important;
}

/* Post date */
.wp-block-post-date {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #555 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 16px 28px 0 !important;
}
.wp-block-post-date a {
    color: #555 !important;
    text-decoration: none !important;
}

/* Read more */
.wp-block-post-excerpt__more-link {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #D4AF37 !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    margin: 16px 28px 0 !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
}
.wp-block-post-excerpt__more-link:hover {
    background: #D4AF37 !important;
    color: #000 !important;
}

/* Blog container width */
.wp-block-query {
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* ── HOVER FIX: Current Obsessions uses .media + data-veh (not .imgwrap + data-brand) ── */
article.card .media {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
}
article.card .media::after {
    content: '';
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.45s ease;
    pointer-events: none;
    z-index: 2;
    border-radius: 16px;
}
article.card:hover .media::after {
    opacity: 1;
}
article.card[data-veh="bmw"] .media::after {
    background-image: url('/wp-content/uploads/2026/05/bmw_dark_closeup.jpg');
}
article.card[data-veh="lamborghini"] .media::after {
    background-image: url('/wp-content/uploads/2026/05/car_lamborghini_aventador.jpg');
}
article.card[data-veh="bugati"] .media::after {
    background-image: url('/wp-content/uploads/2026/05/car_bugatti_chiron.jpg');
}
article.card[data-veh="mclaren"] .media::after {
    background-image: url('/wp-content/uploads/2026/05/car_mclaren_650s_gt3.jpg');
}

/* ── Image border-radius consistency for ALL card images ──────────── */
article.card .imgwrap,
article.card .imgwrap img,
article.card .media img,
article.card .image,
article.card .image img {
    border-radius: 16px !important;
}

/* ══════════════════════════════════════════════════════════════════════
   WOOCOMMERCE PRODUCT CARDS — DEFINITIVE FIX (overrides everything)
   Related products, shop page, category archive
   ══════════════════════════════════════════════════════════════════════ */

/* Card base */
body ul.products li.product,
body .related.products ul.products li.product,
body .woocommerce ul.products li.product {
    background: #111 !important;
    border: 1px solid rgba(212, 175, 55, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 0 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* Card hover — dark + gold, NEVER white */
body ul.products li.product:hover,
body .related.products ul.products li.product:hover,
body .woocommerce ul.products li.product:hover {
    background: #1a1a1a !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 8px 32px rgba(212, 175, 55, 0.12) !important;
    transform: translateY(-4px) !important;
}

/* Product image */
body ul.products li.product a img,
body ul.products li.product .attachment-woocommerce_thumbnail {
    border-radius: 16px 16px 0 0 !important;
    margin: 0 !important;
    display: block !important;
}

/* Product title */
body ul.products li.product .woocommerce-loop-product__title,
body ul.products li.product h2.woocommerce-loop-product__title {
    color: #e0e0e0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    padding: 12px 16px 4px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* Product price */
body ul.products li.product .price,
body ul.products li.product .price .amount {
    color: #D4AF37 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    padding: 0 16px 8px !important;
    margin: 0 !important;
    display: block !important;
}

/* Category badges */
body ul.products li.product .product__categories {
    padding: 4px 16px 0 !important;
    margin: 0 !important;
}

/* Add to Cart button — consistent dark luxury */
body ul.products li.product .button,
body ul.products li.product a.button,
body ul.products li.product .add_to_cart_button,
body ul.products li.product a.add_to_cart_button {
    background: transparent !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    margin: 8px 16px 16px !important;
    display: inline-block !important;
    width: auto !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}
body ul.products li.product .button:hover,
body ul.products li.product a.button:hover {
    background: #D4AF37 !important;
    color: #000 !important;
}

/* Related products section */
body .related.products {
    background: #0a0a0a !important;
    padding: 48px 0 !important;
}
body .related.products > h2 {
    color: #e9e9e9 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   BATCH FIX — Single Product Button + Service Cards + Footer
   ══════════════════════════════════════════════════════════════════════ */

/* ── Single Product: Add to Cart area — tighten spacing ─────────── */
body.single-product .cart {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 16px 0 !important;
    padding: 0 !important;
}
body.single-product .cart .quantity {
    margin: 0 !important;
    flex-shrink: 0 !important;
}
body.single-product .cart .quantity input.qty {
    width: 60px !important;
    height: 48px !important;
    text-align: center !important;
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
}
body.single-product .cart .single_add_to_cart_button {
    flex: 1 !important;
    height: 48px !important;
    padding: 0 32px !important;
    margin: 0 !important;
    background: transparent !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
}
body.single-product .cart .single_add_to_cart_button:hover {
    background: #D4AF37 !important;
    color: #000 !important;
}

/* ── Single Product: Meta table font consistency ─────────────────── */
body.single-product .sm-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #777 !important;
}
body.single-product .sm-val {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #e0e0e0 !important;
}

/* ── Collection Deserves / Service Cards (sbs10) — add text padding ── */
.sbs10-card-title {
    padding: 16px 16px 4px !important;
}
.sbs10-card-desc {
    padding: 0 16px 16px !important;
}

/* ── Footer consistency ─────────────────────────────────────────── */
/* All footer column headers: same size + font */
.sfo1-cta-head,
.sfo1-col h4,
.sfo1-col .sfo1-head,
.sfo1 h4 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #e9e9e9 !important;
    margin-bottom: 16px !important;
    letter-spacing: 0.5px !important;
}

/* Footer link sizes: all same */
.sfo1-col a,
.sfo1-links a,
.sfo1 a:not(.sfo1-cta-link):not(.btn) {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #a1a1a1 !important;
    line-height: 2.2 !important;
}
.sfo1-col a:hover,
.sfo1-links a:hover {
    color: #D4AF37 !important;
}

/* Footer CTA heading (READY TO BREAK WALLS) */
.sfo1-cta-head {
    font-size: 28px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2 !important;
}

/* Footer columns equal width */
.sfo1-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 40px !important;
    align-items: start !important;
}

/* Newsletter heading */
.sfo1 .sfo1-head[style*=INNER CIRCLE],
.sfo1 h4:last-of-type {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

/* ── FAQ + Contact Section Headlines — realistic sizes ──────────── */
.sbfq-headline {
    font-size: 32px !important;
    font-weight: 300 !important;
    letter-spacing: 2px !important;
}
.sbfq-kicker {
    font-size: 16px !important;
}
.sbfq-intro {
    font-size: 14px !important;
}

/* Contact heading */
.splatchi_contact_body_two h2,
.splatchi_contact_body_three h2,
h2.sbs-contact-head {
    font-size: 28px !important;
    font-weight: 400 !important;
}

/* ── FAQ question hover — subtle, not yellow ────────────────────── */
.faq header:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}
.faq header:hover .qtext {
    color: #ffffff !important;
}
.faq header .qtext {
    transition: color 0.2s ease !important;
}
/* Kill any yellow/gold link hover on FAQ questions */
.sbfq .faq header:hover .qtext,
.sbfq .faq header a:hover,
.sbfq .faq header:hover a {
    color: #ffffff !important;
    background: none !important;
    text-decoration: none !important;
}

/* ── Breathing space between text sections and images ────────────── */
/* Collection/story sections: add vertical padding between text and next image */
.sbs6-intro,
.sbs9-intro,
.sbf5-intro {
    padding-bottom: 40px !important;
}
.ceb1-body,
.sbt-body {
    padding-bottom: 48px !important;
}

/* Generic section spacing — more air between sections */
.elementor-element > .elementor-widget-container > section,
.elementor-element > .elementor-widget-container > .wrap {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

/* ── Three Collection Gateways / Three Creatives — card inner padding ── */
.scbf5 .card .card-title,
.scbf5 .card .subline,
.scbf5 .card .body,
.scbf5 .card .stats,
.scbf5 .card .cta {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.scbf5 .card .card-title {
    padding-top: 20px !important;
}
.scbf5 .card .cta {
    padding-bottom: 20px !important;
}



/* ── Vault Performance / Metrics grid — center last row ─────────── */
.splatchi_collections_body_seven .grid,
[class*="collections-body-seven"] .grid {
    justify-content: center !important;
}

/* ── Caption Family section — hide entirely ─────────────────────── */
/* Hides the broken wc-archive-products section on Captions page */
.elementor-widget-heading + .elementor-widget-wc-archive-products,
.elementor-widget-wc-archive-products {
    display: none !important;
}
/* Also hide standalone heading BMW 750i 2022 — Caption Family */
.elementor-widget-heading .elementor-heading-title {
    /* only hide if it matches, can't target by text in CSS — using display:none on the widget instead */
}

/* ══════════════════════════════════════════════════════════════════════
   BUTTON HOVER — TARGETED FIX (replaces nuclear approach)
   Only actual buttons: form submits, add-to-cart, checkout, WC buttons
   Links, CTAs, FAQ headers, footer links are LEFT ALONE.
   ══════════════════════════════════════════════════════════════════════ */
:root {
    --btn-hover-bg: #D4AF37;
    --btn-hover-text: #000000;
}

/* Actual submit/action buttons only */
body button[type="submit"]:hover,
body input[type="submit"]:hover,
body .single_add_to_cart_button:hover,
body .add_to_cart_button:hover,
body a.checkout-button:hover,
body .wc-forward:hover,
body .forminator-button:hover,
body .forminator-btn-submit:hover,
body .wpcf7-submit:hover,
body ul.products li.product .button:hover,
body ul.products li.product a.button:hover,
body .wc-block-components-checkout-place-order-button:hover,
body .wc-block-cart__submit-button:hover,
body article.card a.buy-btn:hover {
    background: var(--btn-hover-bg) !important;
    color: var(--btn-hover-text) !important;
    border-color: var(--btn-hover-bg) !important;
}

/* Elementor buttons (actual .elementor-button, not links) */
body .elementor-button:hover {
    background: var(--btn-hover-bg) !important;
    color: var(--btn-hover-text) !important;
}

/* Scroll-to-top — round, subtle */
body [class*="scroll-top"],
body [id*="scroll-top"] {
    border-radius: 50% !important;
}
body [class*="scroll-top"]:hover,
body [id*="scroll-top"]:hover {
    background: rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
    border-radius: 50% !important;
}

/* Caption Family section — hide */
.elementor-widget-wc-archive-products {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════
   FAQ HOVER — kill gold background on question text (2026-05-27)
   The .qtext is being styled as a link. Override EVERYTHING.
   ══════════════════════════════════════════════════════════════════════ */
.sbfq .faq header .qtext,
.sbfq .faq header:hover .qtext,
.sbfq .faq header .qtext:hover,
.faq header .qtext,
.faq header:hover .qtext,
.faq .qtext,
.faq .qtext:hover,
.faq header:focus .qtext,
.faq header:focus-within .qtext {
    background: none !important;
    background-color: transparent !important;
    color: #F2F2F2 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
/* The FAQ header row itself — subtle bg shift on hover, no border */
.faq header {
    border: none !important;
    outline: none !important;
}
.faq header:hover {
    background: rgba(255, 255, 255, 0.03) !important;
    border: none !important;
}
/* FAQ expand all button */
.sbfq .toggle-all {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #a1a1a1 !important;
    border-radius: 20px !important;
}
.sbfq .toggle-all:hover {
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
    background: transparent !important;
}

/* ── NFT page: kicker colors → standard gold ────────────────────── */
.asplatchi_nft_body_five .kicker,
.nft-body-five .kicker,
[class*="nft-body-five"] .kicker,
[class*="nft-body"] .kicker {
    color: #D4AF37 !important;
}

/* NFT pricing accent — use standard gold */
[class*="nft-body-six"] .accent,
[class*="nft-body-six"] .price-text,
[class*="nft-body"] .accent {
    color: #D4AF37 !important;
}

/* NFT STRUCTURE heading gold word */
[class*="nft-body-six"] .headline .accent,
[class*="nft-body-six"] .gold,
[class*="nft-body-six"] [style*="color"] {
    color: #D4AF37 !important;
}

/* ── NFT Provenance section — more padding, ensure text visible ── */
[class*="nft-body-four"] .content,
[class*="nft-body-four"] .wrap {
    padding-bottom: 48px !important;
}
[class*="nft-body-four"] .cta,
[class*="nft-body-four"] .emph,
[class*="nft-body-four"] .panel-emph {
    margin-bottom: 24px !important;
    padding-bottom: 16px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   CEH NAV COLOR FIX (added 2026-06-12)
   splatchi-custom.css line 1609 sets .woocommerce a:not(.button) to
   #C9A84C !important — this turns nav links golden on product pages.
   Fix: same specificity (0,3,1) + later source order wins the tie.
   ═══════════════════════════════════════════════════════════════════ */
.woocommerce .ceh-nav-list .menu-item > a,
body .ceh-nav-list .menu-item > a {
    color: #ffffff !important;
    opacity: 1 !important;
}
.woocommerce .ceh-nav-list .menu-item > a:hover,
.woocommerce .ceh-nav-list .menu-item:hover > a,
body .ceh-nav-list .menu-item > a:hover,
body .ceh-nav-list .menu-item:hover > a {
    color: #D4AF37 !important;
}

/* ============================================================
   CHECKOUT REMOVE BUTTON (added 2026-06-17)
   .sc-checkout-remove: X button per cart item on checkout page
   ============================================================ */
.sc-checkout-remove {
    display: inline-block;
    margin-left: 10px;
    padding: 0 4px;
    color: #888 !important;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none !important;
    vertical-align: middle;
    cursor: pointer;
    transition: color .2s, background .2s;
    border-radius: 2px;
}
.sc-checkout-remove:hover {
    color: #ff6060 !important;
    background: rgba(255,96,96,0.08);
}