/* ============================================
   SPLATCHI COUTURE — CUSTOM STYLES
   Applied: 28 April 2026 | Updated: 06 May 2026 v5 — Cormorant Garamond font, luxury error/success styling
   Staging: new.splatchi.com
   ============================================ */

/* -------------------------------------------
   FONT IMPORT — Cormorant Garamond (luxury serif; closest free equivalent
   to Canela Trial. Once Canela Trial 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
   Canela Trial is applied globally so it overrides
   all widget-level Times New Roman declarations.
   Inter is then re-applied to body/UI elements.
   ------------------------------------------- */

/* Step 1 — everything inherits Canela Trial.
   !important is required to beat Elementor's widget-level
   inline <style> blocks that hardcode "Times New Roman". */
* {
  font-family: 'Canela Trial', 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
}

/* 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:  #B8952A;
  --sc-gold-light: #E8D060;
  --sc-red:        #C20A0A;
  --sc-red-bright: #C20A0A;
  --sc-black:      #000000;
  --sc-near-black: #0a0a0a;
  --sc-dark:       #111111;
  --sc-mid:        #1a1a1a;
  --sc-text:       #e0e0e0;
  --sc-muted:      #9a9a9a;
}

/* -------------------------------------------
   1. TYPOGRAPHY — Canela Trial + Inter
   ------------------------------------------- */

/* Canela Trial is declared globally via WordPress Additional CSS.
   Here we ensure headings get the full luxury treatment. */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Canela Trial', 'Cormorant Garamond', 'Playfair Display', serif !important;
  color: #ffffff !important;
  letter-spacing: 0.04em;
}

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 #3a3a3a !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: #9a9a9a !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: #B8952A !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: #9a9a9a !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: #3a3a3a !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: 'Canela Trial', 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: #B8952A !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, #E8D060, #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: #C20A0A !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: 'Canela Trial', 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: #9a9a9a !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 #111111 !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, #E8D060) !important;
}

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

.sc-tier-price {
  font-family: 'Canela Trial', 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: #9a9a9a !important;
}

/* -------------------------------------------
   19. PHYSICAL PAINTING SERVICE — 8-12 wks note
   ------------------------------------------- */
.sc-timeline-note {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: #9a9a9a !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: #111111 !important;
  border-left: 4px solid #D4AF37 !important;
  color: #EDEDED !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 #C20A0A !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: #C20A0A !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 #3a3a3a !important;
  color: #EDEDED !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 #111111 !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: #EDEDED !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: #141414 !important;
    color: #EDEDED !important;
    border-color: #3a3a3a !important;
}

/* Dropdown options */
select option {
    background-color: #141414 !important;
    color: #EDEDED !important;
}

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

/* Focus */
input:focus,
textarea:focus,
select:focus {
    background-color: #1e1e1e !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: #141414 !important;
    color: #EDEDED !important;
    border-color: #3a3a3a !important;
}

/* Select2 — rendered dropdown list items */
.select2-dropdown,
.select2-results__option {
    background-color: #141414 !important;
    color: #EDEDED !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: #141414 !important;
    color: #EDEDED !important;
    border-color: #3a3a3a !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: #141414 !important;
    color: #EDEDED !important;
    border-color: #3a3a3a !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 1: Rendition logo in Renditions page header (post 1017) ─────────── */
/* First container of the Renditions page = .elementor-element-131b18d        */
.elementor-element-131b18d {
    position: relative !important;
    overflow: visible !important;
}
.elementor-element-131b18d::after {
    content: '';
    position: absolute;
    top: 24px;
    right: 32px;
    width: 120px;
    height: 120px;
    background: url('https://new.splatchi.com/wp-content/uploads/2026/05/RenditionSplatchiLogo_Clear.png')
                no-repeat center / contain;
    opacity: 0.92;
    pointer-events: none;
    z-index: 10;
    mix-blend-mode: luminosity; /* handles any white fringe on dark bg */
}

/* ── TASK 4a: NFT logo in NFT page header (post 1091) ───────────────────── */
.elementor-element-73f0866 {
    position: relative !important;
    overflow: visible !important;
}
.elementor-element-73f0866::after {
    content: '';
    position: absolute;
    top: 24px;
    right: 32px;
    width: 120px;
    height: 120px;
    background: url('https://new.splatchi.com/wp-content/uploads/2026/05/NFTSplatchiLogo_clear.png')
                no-repeat center / contain;
    opacity: 0.92;
    pointer-events: none;
    z-index: 10;
    mix-blend-mode: screen; /* makes dark bg areas transparent on the glowing NFT logo */
}

/* ── 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://new.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://new.splatchi.com/wp-content/uploads/2026/05/NFTSplatchiLogo_clear.png')
                no-repeat center / contain;
    opacity: 0.9;
    pointer-events: none;
    z-index: 5;
    mix-blend-mode: screen;
}

/* ══════════════════════════════════════════════════════════════════════════
   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: #111111 !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: "Canela Trial", "Cormorant Garamond", "Playfair Display", Georgia, 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: #EDEDED !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: #EDEDED !important;
    font-family: "Canela Trial", "Cormorant Garamond", "Playfair Display", Georgia, 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: #111111 !important;
    border: 1px solid #2a2a2a !important;
}
/* Add to cart */
.single-product .cart .quantity input,
.woocommerce .quantity input.qty {
    background: #1a1a1a !important;
    color: #EDEDED !important;
    border: 1px solid #3a3a3a !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: #111111 !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: #EDEDED !important;
    font-family: "Canela Trial", "Cormorant Garamond", "Playfair Display", Georgia, serif !important;
    border-bottom: 1px solid #C9A84C !important;
    padding-bottom: 8px !important;
}

/* ── Cart page ──────────────────────────────────────────────────────────── */
.woocommerce-cart table.shop_table {
    background: #111111 !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: "Canela Trial", "Cormorant Garamond", Georgia, 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: #EDEDED !important;
}
.woocommerce-cart table.shop_table .amount {
    color: #C9A84C !important;
}
/* Cart totals */
.woocommerce-cart .cart_totals,
.woocommerce .cart_totals {
    background: #111111 !important;
    border: 1px solid #2a2a2a !important;
    padding: 24px !important;
}
.woocommerce .cart_totals h2 {
    color: #EDEDED !important;
    font-family: "Canela Trial", "Cormorant Garamond", Georgia, 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: #EDEDED !important;
    border: 1px solid #3a3a3a !important;
}
.woocommerce .coupon .button {
    background: transparent !important;
    color: #888888 !important;
    border: 1px solid #3a3a3a !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: #111111 !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: #EDEDED !important;
    border-top: 1px solid #C9A84C !important;
    font-size: 1.05em !important;
}
/* Billing / shipping headings */
.woocommerce-checkout h3,
.woocommerce-checkout h2 {
    color: #EDEDED !important;
    font-family: "Canela Trial", "Cormorant Garamond", Georgia, serif !important;
    border-bottom: 1px solid #2a2a2a !important;
    padding-bottom: 10px !important;
}
/* Payment methods */
.woocommerce-checkout #payment {
    background: #111111 !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: #111111 !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: #111111 !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: #EDEDED !important;
    font-family: "Canela Trial", "Cormorant Garamond", Georgia, 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: #111111 !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: #EDEDED !important;
    font-family: "Canela Trial", "Cormorant Garamond", Georgia, serif !important;
}
.woocommerce-order table.woocommerce-table {
    background: #111111 !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: #EDEDED !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: #EDEDED !important;
}

/* ── Shop sidebar / widgets ─────────────────────────────────────────────── */
.woocommerce-sidebar .widget,
.shop-sidebar .widget,
.sidebar .widget {
    background: #111111 !important;
    border: 1px solid #2a2a2a !important;
    padding: 20px !important;
}
.woocommerce-sidebar .widget-title,
.shop-sidebar .widget-title {
    color: #EDEDED !important;
    font-family: "Canela Trial", "Cormorant Garamond", Georgia, 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: #EDEDED !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: #111111 !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: #141414 !important;
    color: #EDEDED !important;
    border-color: #3a3a3a !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus,
.wc-block-components-textarea textarea:focus {
    background-color: #1e1e1e !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: #EDEDED !important;
    font-family: "Canela Trial", "Cormorant Garamond", Georgia, 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: #141414 !important;
    border: 1px solid #C9A84C !important;
}
.forminator-ui .select2-results__options,
.forminator-ui .select2-container--default .select2-results > .select2-results__options {
    background-color: #141414 !important;
}
.forminator-ui .select2-results__option,
.forminator-ui .select2-container--default .select2-results__option {
    background-color: #141414 !important;
    color: #EDEDED !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: #1e1e1e !important;
    color: #C9A84C !important;
}
.forminator-ui .select2-selection--single,
.forminator-ui .select2-container--default .select2-selection--single {
    background-color: #141414 !important;
    border-color: #3a3a3a !important;
    color: #EDEDED !important;
}
.forminator-ui .select2-selection--single .select2-selection__rendered,
.forminator-ui .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #EDEDED !important;
    background-color: #141414 !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: #141414 !important;
    border-color: #3a3a3a !important;
    color: #EDEDED !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: #EDEDED !important;
    background-color: #141414 !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: #141414 !important;
    border-color: #3a3a3a !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: #141414 !important;
    color: #EDEDED !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: #141414 !important;
    color: #EDEDED !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: #1e1e1e !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: #141414 !important;
    border-color: #3a3a3a !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: #141414 !important;
    border-color: #3a3a3a !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: #141414 !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: #141414 !important;
    border-color: #3a3a3a !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: #141414 !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: #141414 !important;
    color: #EDEDED !important;
    border-color: #3a3a3a !important;
}
.forminator-ui input:focus,
.forminator-ui textarea:focus,
.forminator-ui select:focus {
    background-color: #1e1e1e !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: #EDEDED !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: #141414 !important;
    border-color: #3a3a3a !important;
    color: #EDEDED !important;
    height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #EDEDED !important;
    line-height: 40px !important;
    background-color: #141414 !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: #1e1e1e !important;
    border-color: #C9A84C !important;
}

/* ── WooCommerce / global Select2 dropdown panel ────────────────────── */
.select2-dropdown {
    background-color: #141414 !important;
    border-color: #3a3a3a !important;
}
.select2-search--dropdown .select2-search__field {
    background-color: #141414 !important;
    color: #EDEDED !important;
    border-color: #C9A84C !important;
}
.select2-results__option {
    background-color: #141414 !important;
    color: #EDEDED !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: #1e1e1e !important;
    color: #C9A84C !important;
}

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