/*
 * Figuree canonical dark UI surfaces.
 *
 * This file is intentionally loaded after all page/component styles. It only
 * normalizes visual surfaces; layout, interactions, and content remain owned
 * by their original stylesheets.
 */

/* Shared component-local aliases. */
.figuree-freebies-page {
    --freebies-card: var(--figuree-ui-dark-surface);
    --freebies-card-hover: var(--figuree-ui-dark-surface-hover);
}

.figuree-tools-page {
    --tools-surface: var(--figuree-ui-dark-surface);
    --tools-surface-strong: var(--figuree-ui-dark-surface-raised);
}

.figuree-fsi-page {
    --fsi-card: var(--figuree-ui-dark-surface);
    --fsi-card-strong: var(--figuree-ui-dark-surface-raised);
}

.figuree-its-page {
    --its-card: var(--figuree-ui-dark-surface);
    --its-card-strong: var(--figuree-ui-dark-surface-raised);
}

.figuree-license-finder-page {
    --finder-card: var(--figuree-ui-dark-surface);
    --finder-card-hover: var(--figuree-ui-dark-surface-hover);
}

.figuree-license-page {
    --license-surface: var(--figuree-ui-dark-surface);
    --license-surface-2: var(--figuree-ui-dark-surface-raised);
}

.figuree-lb {
    --lb-bg: var(--figuree-ui-dark-surface);
    --lb-raise: var(--figuree-ui-dark-surface-raised);
    --lb-surface: var(--figuree-ui-dark-surface);
    --lb-surface-strong: var(--figuree-ui-dark-surface-raised);
    --lb-glass-bg: color-mix(in srgb, var(--figuree-ui-dark-surface) 92%, transparent);
}

/* Store: product, cart, checkout, order confirmation, and account. */
.figuree-single-editorial-preview,
.figuree-single-editorial-card,
.figuree-single-editorial-summary,
.figuree-single-editorial-total-card,
.figuree-single-editorial-license-list,
.figuree-single-editorial-license-term,
.figuree-try-font-content,
.figuree-box,
.figuree-tech-card,
.figuree-license-download,
.figuree-font-card,
.figuree-preview-control-panel,
.figuree-typography-control-panel,
.figuree-related li.product,
.figuree-classic-product-card__body,
.figuree-related li.product .figuree-classic-product-card__body,
body.woocommerce-cart .figuree-cart-hero,
body.woocommerce-cart .figuree-cart-card,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-cart .figuree-cart-trust,
body.woocommerce-cart .figuree-cart-coupon,
body.woocommerce-checkout .figuree-checkout-header,
body.woocommerce-checkout .figuree-checkout-card,
body.woocommerce-checkout .figuree-checkout-review-card,
body.woocommerce-checkout .woocommerce-form-login,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-order-received .figuree-thankyou-card,
body.woocommerce-order-received .figuree-thankyou-digital-access,
.figuree-account-login-card,
.figuree-account-login-note,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .figuree-font-library-tools,
body.woocommerce-account .woocommerce-MyAccount-content .figuree-font-card,
body.woocommerce-account .figuree-font-library-empty,
body.woocommerce-account .figuree-orders-tools,
body.woocommerce-account .figuree-orders-card,
body.woocommerce-account .figuree-orders-empty,
body.woocommerce-account .figuree-account-card,
body.woocommerce-account .figuree-dashboard-summary,
body.woocommerce-account .figuree-dashboard-action-card,
body.woocommerce-account .figuree-dashboard-note {
    background: var(--figuree-ui-dark-surface) !important;
}

/* Commerce notices use the same surface without losing their status border. */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon,
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error {
    background: var(--figuree-ui-dark-surface) !important;
}

/* Nested table, address, selector, and input surfaces retain one subtle step. */
body.woocommerce-account .woocommerce-MyAccount-content table,
body.woocommerce-account .woocommerce-MyAccount-content address,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
.figuree-hero-select-trigger,
.figuree-hero-select-panel,
.figuree-select-trigger,
body.woocommerce-cart .figuree-cart-tier-trigger,
body.woocommerce-cart .figuree-cart-tier-panel,
.figuree-lb-tierselect__panel,
.figuree-lb-modal__sheet {
    background: var(--figuree-ui-dark-surface-raised) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content input,
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea,
body.woocommerce-cart input[name="coupon_code"],
body.woocommerce-cart input#coupon_code,
body.woocommerce-checkout .input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-checkout .select2-container--default .select2-selection--single,
.figuree-qty,
.figuree-right form.variations_form .quantity {
    background: var(--figuree-ui-dark-control) !important;
}

/* Homepage, archive, editorial, and utility cards. */
.figuree-home-product-card > a,
.figuree-home-featured-editorial-card > a,
.figuree-home-licensing-panel,
.figuree-home-journal-grid article:not(.figuree-journal-card) > a,
.figuree-journal-card,
.figuree-shop-hero,
.figuree-shop-toolbar,
.figuree-shop-search-shell,
.woocommerce ul.products.figuree-products-list .figuree-product-row-inner,
.figuree-tools-card,
.figuree-tools-cta,
.figuree-fsi-final-cta-inner,
.figuree-fsi-included-card,
.figuree-its-panel,
.figuree-its-feature-card,
.figuree-its-card,
.figuree-license-finder-panel,
.figuree-license-finder-option,
.figuree-license-finder-result,
.figuree-license-finder-cta,
.license-tabs__layout,
.license-tab-panel,
.license-comparison {
    background: var(--figuree-ui-dark-surface) !important;
}

.figuree-journal-card:hover,
.figuree-tools-card:hover,
.figuree-freebies-card:hover,
.figuree-license-finder-option:hover,
.figuree-license-finder-option:focus-visible {
    background: var(--figuree-ui-dark-surface-hover) !important;
}

/* About, contact, FAQ, and legal/support structural cards. */
.page-id-12214 .about-split-card,
.page-id-12214 .about-process-card,
.page-id-12214 .about-trust-card,
.page-id-12214 .about-team-meta,
.page-id-12214 .about-team-quote-v2,
.page-id-12214 .about-legal-card,
.page-id-12214 .about-legal-warning,
.page-id-12231 .contact-info-card,
.page-id-12231 .contact-form-card,
.page-id-12231 .contact-info-note,
.page-id-12231 .contact-help-card,
.page-id-12231 .contact-faq-mini details,
.page-id-704 .legal-toc,
.page-id-704 .legal-content,
.page-id-704 .legal-contact-card,
.page-id-695 .faq-aside,
.page-id-695 .faq-content,
.page-id-695 .faq-ask-card,
.page-id-3 .privacy-toc,
.page-id-3 .privacy-content,
.page-id-3 .privacy-contact-card,
.page-id-3779 .refund-toc,
.page-id-1211 .refund-toc,
.page-id-3779 .refund-content,
.page-id-1211 .refund-content,
.page-id-3779 .refund-contact-card,
.page-id-1211 .refund-contact-card,
.page-id-11993 .eula-toc,
.page-id-12120 .eula-toc,
.page-id-11993 .eula-content,
.page-id-12120 .eula-content,
.page-id-11993 .eula-contact-card,
.page-id-12120 .eula-contact-card,
.page-id-11053 .sponsored-toc,
.page-id-12119 .sponsored-toc,
.page-id-11053 .sponsored-content,
.page-id-12119 .sponsored-content,
.page-id-11053 .sponsored-feature-card,
.page-id-12119 .sponsored-feature-card,
.page-id-11053 .sponsored-plan,
.page-id-12119 .sponsored-plan,
.page-id-11053 .sponsored-process div,
.page-id-12119 .sponsored-process div,
.page-id-11053 .sponsored-contact-card,
.page-id-12119 .sponsored-contact-card {
    background: var(--figuree-ui-dark-surface) !important;
}

/* Navigation and temporary panels are UI surfaces; true backdrops stay intact. */
.figuree-header--editorial-topline,
.figuree-mobile-menu-panel,
.figuree-search-panel {
    background: var(--figuree-ui-dark-surface) !important;
}