/*
 * Global Theme Engine 2.1
 * Compatibility layer.
 *
 * IMPORTANT:
 * This file does not modify WordPress, Hestia, WooCommerce or USDT Exchange.
 * It only overrides visual properties when data-gte-theme/data-gte-admin-theme
 * is present. Layout, JavaScript and business logic remain untouched.
 */

/* ==========================================================
   1. HESTIA FRONTEND
   ========================================================== */

html[data-gte-theme] .contactus,
html[data-gte-theme] .contactus .content,
html[data-gte-theme] .contactus .content .row {
    color: var(--gte-text);
}

html[data-gte-theme] .contactus h1,
html[data-gte-theme] .contactus h2,
html[data-gte-theme] .contactus h3,
html[data-gte-theme] .contactus h4,
html[data-gte-theme] .contactus h5,
html[data-gte-theme] .contactus h6,
html[data-gte-theme] .contactus p,
html[data-gte-theme] .contactus label,
html[data-gte-theme] .contactus .description,
html[data-gte-theme] .contactus .info-title,
html[data-gte-theme] .contactus .info,
html[data-gte-theme] .contactus .info p,
html[data-gte-theme] .contactus .hestia-info,
html[data-gte-theme] .contactus .hestia-info p,
html[data-gte-theme] .contactus .hestia-info a:not(.btn),
html[data-gte-theme] .contactus .hestia-info .info-title,
html[data-gte-theme] .contactus .info .info-title,
html[data-gte-theme] .contactus h5.description {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .contactus .hestia-info .icon,
html[data-gte-theme] .contactus .info .icon {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .contactus .card-contact,
html[data-gte-theme] .contactus .card-contact .content,
html[data-gte-theme] .contactus .pirate_forms_wrap {
    background-color: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .contactus .pirate_forms_wrap input,
html[data-gte-theme] .contactus .pirate_forms_wrap select,
html[data-gte-theme] .contactus .pirate_forms_wrap textarea,
html[data-gte-theme] .contactus .pirate_forms_wrap .form-control,
html[data-gte-theme] .contactus input[type="text"],
html[data-gte-theme] .contactus input[type="email"],
html[data-gte-theme] .contactus input[type="tel"],
html[data-gte-theme] .contactus textarea,
html[data-gte-theme] .contactus select {
    background-color: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    caret-color: var(--gte-text);
}

html[data-gte-theme] .contactus input::placeholder,
html[data-gte-theme] .contactus textarea::placeholder {
    color: var(--gte-muted) !important;
    opacity: 1;
}

html[data-gte-theme] .contactus .pirate_forms_wrap .form_field_wrap label,
html[data-gte-theme] .contactus .pirate_forms_wrap .form_field_wrap label span,
html[data-gte-theme] .contactus .pirate_forms_wrap .form_field_wrap p {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .contactus .pirate_forms_wrap .pirate-forms-footer {
    color: var(--gte-text) !important;
}

/* Dark Hestia sections: keep photographic backgrounds untouched, but make
   textual content readable. */
html[data-gte-theme="dark-professional"] .contactus,
html[data-gte-theme="midnight"] .contactus,
html[data-gte-theme="carbon"] .contactus,
html[data-gte-theme="obsidian"] .contactus,
html[data-gte-theme="dark-professional"] .contactus .content,
html[data-gte-theme="midnight"] .contactus .content,
html[data-gte-theme="carbon"] .contactus .content,
html[data-gte-theme="obsidian"] .contactus .content {
    color: var(--gte-text);
}

html[data-gte-theme="dark-professional"] .contactus .card-contact,
html[data-gte-theme="midnight"] .contactus .card-contact,
html[data-gte-theme="carbon"] .contactus .card-contact,
html[data-gte-theme="obsidian"] .contactus .card-contact {
    background: rgba(24, 24, 27, .96) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    box-shadow: var(--gte-shadow);
}

/* ==========================================================
   2. USDT EXCHANGE FRONTEND
   ========================================================== */

/* Base text inheritance. Explicit !important is intentional here because
   exchange.css contains several late hard-coded colors. */
html[data-gte-theme] #usdt-exchange-app,
html[data-gte-theme] .usdt-status-app {
    color: var(--gte-text) !important;
}

html[data-gte-theme] #usdt-exchange-app p,
html[data-gte-theme] #usdt-exchange-app h1,
html[data-gte-theme] #usdt-exchange-app h2,
html[data-gte-theme] #usdt-exchange-app h3,
html[data-gte-theme] #usdt-exchange-app h4,
html[data-gte-theme] #usdt-exchange-app h5,
html[data-gte-theme] #usdt-exchange-app h6,
html[data-gte-theme] #usdt-exchange-app label,
html[data-gte-theme] #usdt-exchange-app span,
html[data-gte-theme] #usdt-exchange-app strong,
html[data-gte-theme] #usdt-exchange-app small,
html[data-gte-theme] #usdt-exchange-app li,
html[data-gte-theme] #usdt-exchange-app td,
html[data-gte-theme] #usdt-exchange-app th,
html[data-gte-theme] #usdt-exchange-app dt,
html[data-gte-theme] #usdt-exchange-app dd,
html[data-gte-theme] #usdt-exchange-app .usdt-choice,
html[data-gte-theme] #usdt-exchange-app .usdt-radio-card,
html[data-gte-theme] #usdt-exchange-app .usdt-wallet-card {
    color: var(--gte-text) !important;
}

/* Surface components. */
html[data-gte-theme] #usdt-exchange-app .usdt-card,
html[data-gte-theme] #usdt-exchange-app .usdt-choice,
html[data-gte-theme] #usdt-exchange-app .usdt-radio-card,
html[data-gte-theme] #usdt-exchange-app .usdt-wallet-card,
html[data-gte-theme] #usdt-exchange-app .usdt-bank-box,
html[data-gte-theme] #usdt-exchange-app .usdt-order-status-box,
html[data-gte-theme] #usdt-exchange-app .usdt-status-current,
html[data-gte-theme] #usdt-exchange-app .usdt-calculation,
html[data-gte-theme] #usdt-exchange-app .usdt-transfer-box,
html[data-gte-theme] #usdt-exchange-app .usdt-instruction,
html[data-gte-theme] #usdt-exchange-app .usdt-big-code,
html[data-gte-theme] #usdt-exchange-app .usdt-pending-card,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-transfer,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-final,
html[data-gte-theme] #usdt-exchange-app .usdt-post-payment-contacts,
html[data-gte-theme] #usdt-exchange-app .usdt-history-card,
html[data-gte-theme] #usdt-exchange-app .usdt-history-groupbox,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-public-head,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-form-box,
html[data-gte-theme] #usdt-exchange-app .usdt-public-comment,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-notice,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-empty,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-step6 .usdt-comments-step6-groupbox {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

/* Secondary surfaces. */
html[data-gte-theme] #usdt-exchange-app .usdt-calculation,
html[data-gte-theme] #usdt-exchange-app .usdt-transfer-box,
html[data-gte-theme] #usdt-exchange-app .usdt-instruction,
html[data-gte-theme] #usdt-exchange-app .usdt-pending-code,
html[data-gte-theme] #usdt-exchange-app .usdt-final-order-code {
    background: var(--gte-surface-2) !important;
}

/* Inputs/selects/textareas. */
html[data-gte-theme] #usdt-exchange-app input:not([type="checkbox"]):not([type="radio"]),
html[data-gte-theme] #usdt-exchange-app select,
html[data-gte-theme] #usdt-exchange-app textarea,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-grid input,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-grid textarea,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-step6 input,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-step6 textarea,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-step6 select {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    caret-color: var(--gte-text);
}

html[data-gte-theme] #usdt-exchange-app input::placeholder,
html[data-gte-theme] #usdt-exchange-app textarea::placeholder {
    color: var(--gte-muted) !important;
    opacity: 1;
}

/* Known hard-coded dark text in the USDT stylesheet. */
html[data-gte-theme] #usdt-exchange-app .usdt-pending-card,
html[data-gte-theme] #usdt-exchange-app .usdt-pending-card h3,
html[data-gte-theme] #usdt-exchange-app .usdt-pending-card p,
html[data-gte-theme] #usdt-exchange-app .usdt-pending-card strong,
html[data-gte-theme] #usdt-exchange-app .usdt-pending-code,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-transfer,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-title,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-main-title,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-line strong,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-financial strong,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-final,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-final h2,
html[data-gte-theme] #usdt-exchange-app .usdt-final-amount,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-public,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-public-head h2,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-public-head p,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-form-title,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-grid label,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-grid input,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-grid textarea,
html[data-gte-theme] #usdt-exchange-app .usdt-public-comment-meta strong,
html[data-gte-theme] #usdt-exchange-app .usdt-public-comment-text,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-step6 .usdt-comments-step6-intro strong,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-step6 .usdt-comments-step6-field input,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-step6 .usdt-comments-step6-field textarea {
    color: var(--gte-text) !important;
}

/* Muted text remains visibly secondary. */
html[data-gte-theme] #usdt-exchange-app .usdt-muted,
html[data-gte-theme] #usdt-exchange-app .usdt-bank-box span,
html[data-gte-theme] #usdt-exchange-app .usdt-order-status-box span,
html[data-gte-theme] #usdt-exchange-app .usdt-status-current small,
html[data-gte-theme] #usdt-exchange-app .usdt-choice small,
html[data-gte-theme] #usdt-exchange-app .usdt-radio-card small,
html[data-gte-theme] #usdt-exchange-app .usdt-wallet-card small,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-line span,
html[data-gte-theme] #usdt-exchange-app .usdt-recovered-amount span,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-public-head p,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-grid small,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-form-title small,
html[data-gte-theme] #usdt-exchange-app .usdt-public-comment-meta span,
html[data-gte-theme] #usdt-exchange-app .usdt-public-comment-date,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-notice,
html[data-gte-theme] #usdt-exchange-app .usdt-comments-empty {
    color: var(--gte-muted) !important;
}

/* Links/buttons. */
html[data-gte-theme] #usdt-exchange-app a:not(.usdt-btn):not(.usdt-contact-btn) {
    color: var(--gte-primary) !important;
}

html[data-gte-theme] #usdt-exchange-app .usdt-btn {
    color: var(--gte-text) !important;
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] #usdt-exchange-app .usdt-btn.usdt-primary,
html[data-gte-theme] #usdt-exchange-app .usdt-primary,
html[data-gte-theme] #usdt-exchange-app button.usdt-primary {
    color: #fff !important;
    background: var(--gte-primary) !important;
    border-color: var(--gte-primary) !important;
}

/* ==========================================================
   3. DARK THEMES: OVERRIDE THE HARD-CODED WHITE SURFACES
   ========================================================== */

html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-card,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-choice,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-radio-card,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-wallet-card,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-field input,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-field select,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-service-closed,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-groupbox,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-history-filters select,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-copy-row .usdt-copy-btn,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-copy-btn,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-recovered-transfer,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-recovered-final,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-comments-public-head,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-comments-form-box,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-public-comment,
html[data-gte-theme="dark-professional"] #usdt-exchange-app .usdt-comments-step6 .usdt-comments-step6-groupbox,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-card,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-choice,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-radio-card,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-wallet-card,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-field input,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-field select,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-service-closed,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-groupbox,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-history-filters select,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-copy-row .usdt-copy-btn,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-copy-btn,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-recovered-transfer,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-recovered-final,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-comments-public-head,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-comments-form-box,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-public-comment,
html[data-gte-theme="midnight"] #usdt-exchange-app .usdt-comments-step6 .usdt-comments-step6-groupbox,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-card,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-choice,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-radio-card,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-wallet-card,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-field input,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-field select,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-service-closed,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-groupbox,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-history-filters select,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-copy-row .usdt-copy-btn,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-copy-btn,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-recovered-transfer,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-recovered-final,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-comments-public-head,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-comments-form-box,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-public-comment,
html[data-gte-theme="carbon"] #usdt-exchange-app .usdt-comments-step6 .usdt-comments-step6-groupbox,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-card,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-choice,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-radio-card,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-wallet-card,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-field input,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-field select,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-service-closed,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-groupbox,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-history-filters select,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-copy-row .usdt-copy-btn,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-copy-btn,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-recovered-transfer,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-recovered-final,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-comments-public-head,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-comments-form-box,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-public-comment,
html[data-gte-theme="obsidian"] #usdt-exchange-app .usdt-comments-step6 .usdt-comments-step6-groupbox {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

/* ==========================================================
   4. WORDPRESS / WOOCOMMERCE
   ========================================================== */

html[data-gte-theme] .woocommerce form .form-row input.input-text,
html[data-gte-theme] .woocommerce form .form-row textarea,
html[data-gte-theme] .woocommerce form .form-row select,
html[data-gte-theme] .woocommerce .woocommerce-ordering select,
html[data-gte-theme] .woocommerce .quantity .qty,
html[data-gte-theme] .woocommerce-cart .shop_table .actions .coupon .input-text {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .woocommerce ul.products li.product,
html[data-gte-theme] .woocommerce-page ul.products li.product,
html[data-gte-theme] .woocommerce-cart .cart-collaterals .cart_totals,
html[data-gte-theme] .woocommerce-checkout #order_review,
html[data-gte-theme] .woocommerce-checkout #customer_details {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .woocommerce table.shop_table,
html[data-gte-theme] .woocommerce table.shop_table th,
html[data-gte-theme] .woocommerce table.shop_table td,
html[data-gte-theme] .woocommerce .woocommerce-result-count,
html[data-gte-theme] .woocommerce .product_meta {
    color: var(--gte-text) !important;
    border-color: var(--gte-border);
}

html[data-gte-theme] .woocommerce a.button,
html[data-gte-theme] .woocommerce button.button,
html[data-gte-theme] .woocommerce input.button,
html[data-gte-theme] .woocommerce #respond input#submit,
html[data-gte-theme] .woocommerce .single_add_to_cart_button,
html[data-gte-theme] .woocommerce .checkout-button {
    background: var(--gte-primary) !important;
    color: #fff !important;
    border-color: var(--gte-primary) !important;
}

html[data-gte-theme] .woocommerce-message,
html[data-gte-theme] .woocommerce-info,
html[data-gte-theme] .woocommerce-error {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

/* ==========================================================
   5. ADMIN
   ========================================================== */

html[data-gte-admin-theme] #wpcontent,
html[data-gte-admin-theme] #wpbody-content {
    color: var(--gte-text);
}

html[data-gte-admin-theme] #wpcontent .wrap h1,
html[data-gte-admin-theme] #wpcontent .wrap h2,
html[data-gte-admin-theme] #wpcontent .wrap h3,
html[data-gte-admin-theme] #wpcontent .wrap h4,
html[data-gte-admin-theme] #wpcontent .wrap h5,
html[data-gte-admin-theme] #wpcontent .wrap h6,
html[data-gte-admin-theme] #wpcontent .wrap label,
html[data-gte-admin-theme] #wpcontent .wrap p,
html[data-gte-admin-theme] #wpcontent .wrap td,
html[data-gte-admin-theme] #wpcontent .wrap th,
html[data-gte-admin-theme] #wpcontent .description {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] #wpcontent .postbox,
html[data-gte-admin-theme] #wpcontent .stuffbox,
html[data-gte-admin-theme] #wpcontent .meta-box-sortables .postbox,
html[data-gte-admin-theme] #wpcontent .wp-list-table {
    background: var(--gte-surface);
    color: var(--gte-text);
    border-color: var(--gte-border);
}

html[data-gte-admin-theme] #wpcontent input:not([type="checkbox"]):not([type="radio"]),
html[data-gte-admin-theme] #wpcontent select,
html[data-gte-admin-theme] #wpcontent textarea {
    background: var(--gte-surface);
    color: var(--gte-text);
    border-color: var(--gte-border);
}

html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard,
html[data-gte-admin-theme] #wpcontent .usdt-admin-shell,
html[data-gte-admin-theme] #wpcontent .usdt-admin-panel,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page,
html[data-gte-admin-theme] #wpcontent .usdt-resource-box,
html[data-gte-admin-theme] #wpcontent .usdt-edit-groupbox,
html[data-gte-admin-theme] #wpcontent .usdt-dashboard-groupbox,
html[data-gte-admin-theme] #wpcontent .usdt-order-editor,
html[data-gte-admin-theme] #wpcontent .usdt-wp-service-control {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard h1,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard h2,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard h3,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard h4,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page h1,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page h2,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page h3,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page h4,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard p,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard label,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard span,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard strong,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page p,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page label,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page span,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page strong,
html[data-gte-admin-theme] #wpcontent .usdt-order-editor label,
html[data-gte-admin-theme] #wpcontent .usdt-order-editor span,
html[data-gte-admin-theme] #wpcontent .usdt-order-editor strong {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard input,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard select,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard textarea,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page input,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page select,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page textarea,
html[data-gte-admin-theme] #wpcontent .usdt-order-editor input,
html[data-gte-admin-theme] #wpcontent .usdt-order-editor select,
html[data-gte-admin-theme] #wpcontent .usdt-order-editor textarea {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard table,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard th,
html[data-gte-admin-theme] #wpcontent .usdt-admin-dashboard td,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page table,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page th,
html[data-gte-admin-theme] #wpcontent .usdt-resource-page td {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

/* ==========================================================
   6. MOBILE
   ========================================================== */

@media (max-width: 782px) {
    html[data-gte-theme] .contactus .card-contact {
        width: 100%;
    }

    html[data-gte-theme] .contactus .pirate_forms_wrap input,
    html[data-gte-theme] .contactus .pirate_forms_wrap select,
    html[data-gte-theme] .contactus .pirate_forms_wrap textarea {
        font-size: 16px !important;
    }

    html[data-gte-theme] #usdt-exchange-app input,
    html[data-gte-theme] #usdt-exchange-app select,
    html[data-gte-theme] #usdt-exchange-app textarea {
        font-size: 16px;
    }
}

/* Never apply visual filters to media/icons. */
html[data-gte-theme] img,
html[data-gte-theme] svg,
html[data-gte-theme] video,
html[data-gte-admin-theme] img,
html[data-gte-admin-theme] svg,
html[data-gte-admin-theme] video {
    filter: none !important;
}


/* ==========================================================
   7. HESTIA / GLOBAL PAGE BACKGROUND
   Priority: remove the large white surfaces in dark themes
   without touching sections that explicitly use photographs.
   This is visual-only; no layout is changed.
   ========================================================== */

/* Main page canvas */
html[data-gte-theme="dark-professional"] body,
html[data-gte-theme="midnight"] body,
html[data-gte-theme="carbon"] body,
html[data-gte-theme="obsidian"] body {
    background-color: var(--gte-background) !important;
}

/* Hestia commonly uses these containers as white page surfaces. */
html[data-gte-theme="dark-professional"] #main,
html[data-gte-theme="midnight"] #main,
html[data-gte-theme="carbon"] #main,
html[data-gte-theme="obsidian"] #main,
html[data-gte-theme="dark-professional"] .main,
html[data-gte-theme="midnight"] .main,
html[data-gte-theme="carbon"] .main,
html[data-gte-theme="obsidian"] .main,
html[data-gte-theme="dark-professional"] .main-raised,
html[data-gte-theme="midnight"] .main-raised,
html[data-gte-theme="carbon"] .main-raised,
html[data-gte-theme="obsidian"] .main-raised {
    background-color: var(--gte-background) !important;
    color: var(--gte-text);
}

/* Feature/about/service sections: these are the large white blocks
   that Hestia commonly creates when no custom background is configured. */
html[data-gte-theme="dark-professional"] section.features,
html[data-gte-theme="midnight"] section.features,
html[data-gte-theme="carbon"] section.features,
html[data-gte-theme="obsidian"] section.features,
html[data-gte-theme="dark-professional"] .features,
html[data-gte-theme="midnight"] .features,
html[data-gte-theme="carbon"] .features,
html[data-gte-theme="obsidian"] .features,
html[data-gte-theme="dark-professional"] .hestia-features,
html[data-gte-theme="midnight"] .hestia-features,
html[data-gte-theme="carbon"] .hestia-features,
html[data-gte-theme="obsidian"] .hestia-features,
html[data-gte-theme="dark-professional"] .section,
html[data-gte-theme="midnight"] .section,
html[data-gte-theme="carbon"] .section,
html[data-gte-theme="obsidian"] .section {
    background-color: var(--gte-background) !important;
    color: var(--gte-text) !important;
}

/* Sections with an actual image background keep the image.
   We only change the fallback background color. */
html[data-gte-theme="dark-professional"] section[style*="background-image"],
html[data-gte-theme="midnight"] section[style*="background-image"],
html[data-gte-theme="carbon"] section[style*="background-image"],
html[data-gte-theme="obsidian"] section[style*="background-image"],
html[data-gte-theme="dark-professional"] .section[style*="background-image"],
html[data-gte-theme="midnight"] .section[style*="background-image"],
html[data-gte-theme="carbon"] .section[style*="background-image"],
html[data-gte-theme="obsidian"] .section[style*="background-image"] {
    background-color: transparent !important;
}

/* Typical Hestia feature cards remain slightly elevated from the page. */
html[data-gte-theme="dark-professional"] .features .feature-box,
html[data-gte-theme="midnight"] .features .feature-box,
html[data-gte-theme="carbon"] .features .feature-box,
html[data-gte-theme="obsidian"] .features .feature-box,
html[data-gte-theme="dark-professional"] .feature-box,
html[data-gte-theme="midnight"] .feature-box,
html[data-gte-theme="carbon"] .feature-box,
html[data-gte-theme="obsidian"] .feature-box {
    background-color: transparent !important;
    color: var(--gte-text) !important;
}

/* Hestia typography inside the common feature section. */
html[data-gte-theme="dark-professional"] .features h1,
html[data-gte-theme="dark-professional"] .features h2,
html[data-gte-theme="dark-professional"] .features h3,
html[data-gte-theme="dark-professional"] .features h4,
html[data-gte-theme="dark-professional"] .features h5,
html[data-gte-theme="dark-professional"] .features h6,
html[data-gte-theme="dark-professional"] .features p,
html[data-gte-theme="dark-professional"] .features .text,
html[data-gte-theme="midnight"] .features h1,
html[data-gte-theme="midnight"] .features h2,
html[data-gte-theme="midnight"] .features h3,
html[data-gte-theme="midnight"] .features h4,
html[data-gte-theme="midnight"] .features h5,
html[data-gte-theme="midnight"] .features h6,
html[data-gte-theme="midnight"] .features p,
html[data-gte-theme="midnight"] .features .text,
html[data-gte-theme="carbon"] .features h1,
html[data-gte-theme="carbon"] .features h2,
html[data-gte-theme="carbon"] .features h3,
html[data-gte-theme="carbon"] .features h4,
html[data-gte-theme="carbon"] .features h5,
html[data-gte-theme="carbon"] .features h6,
html[data-gte-theme="carbon"] .features p,
html[data-gte-theme="carbon"] .features .text,
html[data-gte-theme="obsidian"] .features h1,
html[data-gte-theme="obsidian"] .features h2,
html[data-gte-theme="obsidian"] .features h3,
html[data-gte-theme="obsidian"] .features h4,
html[data-gte-theme="obsidian"] .features h5,
html[data-gte-theme="obsidian"] .features h6,
html[data-gte-theme="obsidian"] .features p,
html[data-gte-theme="obsidian"] .features .text {
    color: var(--gte-text) !important;
}

/* Common Hestia content wrappers. */
html[data-gte-theme="dark-professional"] .content,
html[data-gte-theme="midnight"] .content,
html[data-gte-theme="carbon"] .content,
html[data-gte-theme="obsidian"] .content,
html[data-gte-theme="dark-professional"] .blog-post,
html[data-gte-theme="midnight"] .blog-post,
html[data-gte-theme="carbon"] .blog-post,
html[data-gte-theme="obsidian"] .blog-post {
    color: var(--gte-text);
}

/* Generic WordPress sections without an explicit image background.
   Keep this limited to dark themes so the 3 light themes are untouched. */
html[data-gte-theme="dark-professional"] main > section:not([style*="background-image"]),
html[data-gte-theme="midnight"] main > section:not([style*="background-image"]),
html[data-gte-theme="carbon"] main > section:not([style*="background-image"]),
html[data-gte-theme="obsidian"] main > section:not([style*="background-image"]) {
    background-color: var(--gte-background) !important;
    color: var(--gte-text);
}

/* Kill the most common white background declarations only when a
   dark theme is active. */
html[data-gte-theme="dark-professional"] .has-background:not(.has-background-image),
html[data-gte-theme="midnight"] .has-background:not(.has-background-image),
html[data-gte-theme="carbon"] .has-background:not(.has-background-image),
html[data-gte-theme="obsidian"] .has-background:not(.has-background-image) {
    background-color: var(--gte-surface) !important;
    color: var(--gte-text) !important;
}


/* ==========================================================
   8. DARK THEME PAGE CANVAS — PRIORITY FIX
   ========================================================== */

/*
 * Hestia's front page sections often inherit the site's white body
 * instead of declaring their own background. Other custom sections
 * can also emit an inline background-color. The selectors below
 * deliberately override only the visual background in dark themes.
 * Images remain untouched.
 */

html[data-gte-theme="dark-professional"] body,
html[data-gte-theme="midnight"] body,
html[data-gte-theme="carbon"] body,
html[data-gte-theme="obsidian"] body {
    background: var(--gte-background) !important;
}

/* Hestia front-page sections */
html[data-gte-theme="dark-professional"] .hestia-features,
html[data-gte-theme="dark-professional"] .features,
html[data-gte-theme="dark-professional"] .hestia-about,
html[data-gte-theme="dark-professional"] .hestia-work,
html[data-gte-theme="dark-professional"] .hestia-testimonials,
html[data-gte-theme="dark-professional"] .hestia-blogs,
html[data-gte-theme="dark-professional"] .hestia-team,
html[data-gte-theme="dark-professional"] .hestia-shop,
html[data-gte-theme="dark-professional"] .hestia-pricing,
html[data-gte-theme="midnight"] .hestia-features,
html[data-gte-theme="midnight"] .features,
html[data-gte-theme="midnight"] .hestia-about,
html[data-gte-theme="midnight"] .hestia-work,
html[data-gte-theme="midnight"] .hestia-testimonials,
html[data-gte-theme="midnight"] .hestia-blogs,
html[data-gte-theme="midnight"] .hestia-team,
html[data-gte-theme="midnight"] .hestia-shop,
html[data-gte-theme="midnight"] .hestia-pricing,
html[data-gte-theme="carbon"] .hestia-features,
html[data-gte-theme="carbon"] .features,
html[data-gte-theme="carbon"] .hestia-about,
html[data-gte-theme="carbon"] .hestia-work,
html[data-gte-theme="carbon"] .hestia-testimonials,
html[data-gte-theme="carbon"] .hestia-blogs,
html[data-gte-theme="carbon"] .hestia-team,
html[data-gte-theme="carbon"] .hestia-shop,
html[data-gte-theme="carbon"] .hestia-pricing,
html[data-gte-theme="obsidian"] .hestia-features,
html[data-gte-theme="obsidian"] .features,
html[data-gte-theme="obsidian"] .hestia-about,
html[data-gte-theme="obsidian"] .hestia-work,
html[data-gte-theme="obsidian"] .hestia-testimonials,
html[data-gte-theme="obsidian"] .hestia-blogs,
html[data-gte-theme="obsidian"] .hestia-team,
html[data-gte-theme="obsidian"] .hestia-shop,
html[data-gte-theme="obsidian"] .hestia-pricing {
    background-color: var(--gte-background) !important;
    color: var(--gte-text) !important;
}

/* Hestia custom sections — inline background-color is intentionally overridden.
 * If the section contains a background image, background-image remains intact. */
html[data-gte-theme="dark-professional"] .hestia-custom-code-section,
html[data-gte-theme="midnight"] .hestia-custom-code-section,
html[data-gte-theme="carbon"] .hestia-custom-code-section,
html[data-gte-theme="obsidian"] .hestia-custom-code-section {
    background-color: var(--gte-background) !important;
    color: var(--gte-text) !important;
}

html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner {
    color: var(--gte-text);
}

/* The screenshot's feature layout: Hestia's generic .card can have a
 * white background even when the parent section is dark. */
html[data-gte-theme="dark-professional"] .hestia-features .card,
html[data-gte-theme="dark-professional"] .features .card,
html[data-gte-theme="midnight"] .hestia-features .card,
html[data-gte-theme="midnight"] .features .card,
html[data-gte-theme="carbon"] .hestia-features .card,
html[data-gte-theme="carbon"] .features .card,
html[data-gte-theme="obsidian"] .hestia-features .card,
html[data-gte-theme="obsidian"] .features .card {
    background: transparent !important;
    box-shadow: none;
    color: var(--gte-text) !important;
}

/* Feature titles/descriptions from Hestia use fixed dark colors. */
html[data-gte-theme="dark-professional"] .hestia-features .hestia-title,
html[data-gte-theme="dark-professional"] .hestia-features .title,
html[data-gte-theme="dark-professional"] .hestia-features .info-title,
html[data-gte-theme="dark-professional"] .hestia-features .description,
html[data-gte-theme="dark-professional"] .hestia-features .info p,
html[data-gte-theme="dark-professional"] .features .hestia-title,
html[data-gte-theme="dark-professional"] .features .title,
html[data-gte-theme="dark-professional"] .features .info-title,
html[data-gte-theme="dark-professional"] .features .description,
html[data-gte-theme="dark-professional"] .features .info p,
html[data-gte-theme="midnight"] .hestia-features .hestia-title,
html[data-gte-theme="midnight"] .hestia-features .title,
html[data-gte-theme="midnight"] .hestia-features .info-title,
html[data-gte-theme="midnight"] .hestia-features .description,
html[data-gte-theme="midnight"] .hestia-features .info p,
html[data-gte-theme="midnight"] .features .hestia-title,
html[data-gte-theme="midnight"] .features .title,
html[data-gte-theme="midnight"] .features .info-title,
html[data-gte-theme="midnight"] .features .description,
html[data-gte-theme="midnight"] .features .info p,
html[data-gte-theme="carbon"] .hestia-features .hestia-title,
html[data-gte-theme="carbon"] .hestia-features .title,
html[data-gte-theme="carbon"] .hestia-features .info-title,
html[data-gte-theme="carbon"] .hestia-features .description,
html[data-gte-theme="carbon"] .hestia-features .info p,
html[data-gte-theme="carbon"] .features .hestia-title,
html[data-gte-theme="carbon"] .features .title,
html[data-gte-theme="carbon"] .features .info-title,
html[data-gte-theme="carbon"] .features .description,
html[data-gte-theme="carbon"] .features .info p,
html[data-gte-theme="obsidian"] .hestia-features .hestia-title,
html[data-gte-theme="obsidian"] .hestia-features .title,
html[data-gte-theme="obsidian"] .hestia-features .info-title,
html[data-gte-theme="obsidian"] .hestia-features .description,
html[data-gte-theme="obsidian"] .hestia-features .info p,
html[data-gte-theme="obsidian"] .features .hestia-title,
html[data-gte-theme="obsidian"] .features .title,
html[data-gte-theme="obsidian"] .features .info-title,
html[data-gte-theme="obsidian"] .features .description,
html[data-gte-theme="obsidian"] .features .info p {
    color: var(--gte-text) !important;
}

/* Gutenberg white background utility classes are common on custom pages. */
html[data-gte-theme="dark-professional"] .has-white-background-color,
html[data-gte-theme="midnight"] .has-white-background-color,
html[data-gte-theme="carbon"] .has-white-background-color,
html[data-gte-theme="obsidian"] .has-white-background-color {
    background-color: var(--gte-surface) !important;
}

html[data-gte-theme="dark-professional"] .has-white-color,
html[data-gte-theme="midnight"] .has-white-color,
html[data-gte-theme="carbon"] .has-white-color,
html[data-gte-theme="obsidian"] .has-white-color {
    color: var(--gte-text) !important;
}

/* Generic content containers frequently rendered white by Hestia.
 * We do NOT touch elements with background images. */
html[data-gte-theme="dark-professional"] .wrapper,
html[data-gte-theme="midnight"] .wrapper,
html[data-gte-theme="carbon"] .wrapper,
html[data-gte-theme="obsidian"] .wrapper {
    color: var(--gte-text);
}

html[data-gte-theme="dark-professional"] .wrapper > .section:not(.section-image),
html[data-gte-theme="midnight"] .wrapper > .section:not(.section-image),
html[data-gte-theme="carbon"] .wrapper > .section:not(.section-image),
html[data-gte-theme="obsidian"] .wrapper > .section:not(.section-image) {
    background-color: var(--gte-background) !important;
}

/* Explicitly preserve image sections. */
html[data-gte-theme="dark-professional"] .section-image,
html[data-gte-theme="midnight"] .section-image,
html[data-gte-theme="carbon"] .section-image,
html[data-gte-theme="obsidian"] .section-image {
    background-color: transparent !important;
}

/* Strong final text rule for ordinary content in the four dark themes.
 * Excludes controls, media and semantic color/status classes. */
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner h1,
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner h2,
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner h3,
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner h4,
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner h5,
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner h6,
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner p,
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner li,
html[data-gte-theme="dark-professional"] .hestia-custom-code-section-inner label,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner h1,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner h2,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner h3,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner h4,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner h5,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner h6,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner p,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner li,
html[data-gte-theme="midnight"] .hestia-custom-code-section-inner label,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner h1,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner h2,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner h3,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner h4,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner h5,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner h6,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner p,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner li,
html[data-gte-theme="carbon"] .hestia-custom-code-section-inner label,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner h1,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner h2,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner h3,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner h4,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner h5,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner h6,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner p,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner li,
html[data-gte-theme="obsidian"] .hestia-custom-code-section-inner label {
    color: var(--gte-text) !important;
}


/* ==========================================================
   8. GLOBAL HESTIA CHROME
   Header / navigation / page header.
   No layout changes: colors only.
   ========================================================== */

/* Theme color variables for the Hestia chrome. */
html[data-gte-theme="professional"],
html[data-gte-theme="slate"],
html[data-gte-theme="graphite"] {
    --gte-nav-bg: #ffffff;
    --gte-nav-text: #3c4858;
    --gte-nav-hover: var(--gte-primary);
    --gte-hero-bg: #f4f6f8;
    --gte-hero-text: #26364b;
}

html[data-gte-theme="dark-professional"],
html[data-gte-theme="midnight"],
html[data-gte-theme="carbon"],
html[data-gte-theme="obsidian"] {
    --gte-nav-bg: var(--gte-surface);
    --gte-nav-text: var(--gte-text);
    --gte-nav-hover: var(--gte-primary);
    --gte-hero-bg: var(--gte-background);
    --gte-hero-text: var(--gte-text);
}

/* Main Hestia navigation. */
html[data-gte-theme] .navbar,
html[data-gte-theme] .navbar.navbar-default,
html[data-gte-theme] .navbar.navbar-transparent,
html[data-gte-theme] .navbar.navbar-fixed-top {
    background-color: var(--gte-nav-bg) !important;
    color: var(--gte-nav-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .navbar .navbar-brand,
html[data-gte-theme] .navbar .navbar-brand:hover,
html[data-gte-theme] .navbar .navbar-brand:focus,
html[data-gte-theme] .navbar .navbar-nav > li > a,
html[data-gte-theme] .navbar .navbar-nav > li > a:hover,
html[data-gte-theme] .navbar .navbar-nav > li > a:focus,
html[data-gte-theme] .navbar .navbar-nav > .active > a,
html[data-gte-theme] .navbar .navbar-nav > .active > a:hover,
html[data-gte-theme] .navbar .navbar-nav > .active > a:focus,
html[data-gte-theme] .navbar .navbar-toggle {
    color: var(--gte-nav-text) !important;
}

html[data-gte-theme] .navbar .navbar-nav > li > a:hover,
html[data-gte-theme] .navbar .navbar-nav > li > a:focus,
html[data-gte-theme] .navbar .navbar-nav > .active > a,
html[data-gte-theme] .navbar .navbar-nav > .active > a:hover {
    color: var(--gte-nav-hover) !important;
}

html[data-gte-theme] .navbar .navbar-toggle {
    background: transparent !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .navbar .navbar-toggle .icon-bar {
    background-color: var(--gte-nav-text) !important;
}

html[data-gte-theme] .navbar .dropdown-menu {
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .navbar .dropdown-menu > li > a {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .navbar .dropdown-menu > li > a:hover,
html[data-gte-theme] .navbar .dropdown-menu > li > a:focus {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
}

/* Hestia mobile menu inherits the same palette. */
html[data-gte-theme] .navbar-collapse,
html[data-gte-theme] .navbar-header {
    color: var(--gte-nav-text);
}

html[data-gte-theme] .page-header:not(.has-background-image) h1,
html[data-gte-theme] .page-header:not(.has-background-image) h2,
html[data-gte-theme] .page-header:not(.has-background-image) h3,
html[data-gte-theme] .page-header:not(.has-background-image) p,
html[data-gte-theme] .page-header:not(.has-background-image) .title,
html[data-gte-theme] .page-header:not(.has-background-image) .description {
    color: var(--gte-hero-text) !important;
}

/* If a page-header has a real image, preserve the image. Only
   typography and readable overlays are themed. */
html[data-gte-theme] .page-header[style*="background-image"] h1,
html[data-gte-theme] .page-header[style*="background-image"] h2,
html[data-gte-theme] .page-header[style*="background-image"] h3,
html[data-gte-theme] .page-header[style*="background-image"] p,
html[data-gte-theme] .page-header[style*="background-image"] .title,
html[data-gte-theme] .page-header[style*="background-image"] .description {
    color: var(--gte-text) !important;
}

/* ==========================================================
   LIGHT THEME CORRECTION
   Slate / Graphite are light themes and must NOT inherit the
   dark page canvas rules from earlier compatibility layers.
   ========================================================== */

html[data-gte-theme="professional"] body,
html[data-gte-theme="slate"] body,
html[data-gte-theme="graphite"] body {
    background-color: var(--gte-background) !important;
    color: var(--gte-text);
}

html[data-gte-theme="professional"] #main,
html[data-gte-theme="slate"] #main,
html[data-gte-theme="graphite"] #main,
html[data-gte-theme="professional"] .main,
html[data-gte-theme="slate"] .main,
html[data-gte-theme="graphite"] .main,
html[data-gte-theme="professional"] .main-raised,
html[data-gte-theme="slate"] .main-raised,
html[data-gte-theme="graphite"] .main-raised {
    background-color: var(--gte-background) !important;
    color: var(--gte-text);
}

/* Light themes: Hestia feature sections become light again. */
html[data-gte-theme="professional"] .features,
html[data-gte-theme="slate"] .features,
html[data-gte-theme="graphite"] .features,
html[data-gte-theme="professional"] .hestia-features,
html[data-gte-theme="slate"] .hestia-features,
html[data-gte-theme="graphite"] .hestia-features,
html[data-gte-theme="professional"] .section,
html[data-gte-theme="slate"] .section,
html[data-gte-theme="graphite"] .section {
    background-color: var(--gte-background) !important;
    color: var(--gte-text) !important;
}

html[data-gte-theme="professional"] .features h1,
html[data-gte-theme="professional"] .features h2,
html[data-gte-theme="professional"] .features h3,
html[data-gte-theme="professional"] .features h4,
html[data-gte-theme="professional"] .features h5,
html[data-gte-theme="professional"] .features h6,
html[data-gte-theme="professional"] .features p,
html[data-gte-theme="slate"] .features h1,
html[data-gte-theme="slate"] .features h2,
html[data-gte-theme="slate"] .features h3,
html[data-gte-theme="slate"] .features h4,
html[data-gte-theme="slate"] .features h5,
html[data-gte-theme="slate"] .features h6,
html[data-gte-theme="slate"] .features p,
html[data-gte-theme="graphite"] .features h1,
html[data-gte-theme="graphite"] .features h2,
html[data-gte-theme="graphite"] .features h3,
html[data-gte-theme="graphite"] .features h4,
html[data-gte-theme="graphite"] .features h5,
html[data-gte-theme="graphite"] .features h6,
html[data-gte-theme="graphite"] .features p {
    color: var(--gte-text) !important;
}

/* ==========================================================
   UNREADABLE DARK TEXT: HESTIA + COMMON WORDPRESS CONTENT
   ========================================================== */

html[data-gte-theme="dark-professional"] .section-title,
html[data-gte-theme="midnight"] .section-title,
html[data-gte-theme="carbon"] .section-title,
html[data-gte-theme="obsidian"] .section-title,
html[data-gte-theme="dark-professional"] .section-description,
html[data-gte-theme="midnight"] .section-description,
html[data-gte-theme="carbon"] .section-description,
html[data-gte-theme="obsidian"] .section-description,
html[data-gte-theme="dark-professional"] .title,
html[data-gte-theme="midnight"] .title,
html[data-gte-theme="carbon"] .title,
html[data-gte-theme="obsidian"] .title,
html[data-gte-theme="dark-professional"] .description,
html[data-gte-theme="midnight"] .description,
html[data-gte-theme="carbon"] .description,
html[data-gte-theme="obsidian"] .description {
    color: var(--gte-text) !important;
}

/* Prevent Hestia's default #3C4858 from surviving on dark themes. */
html[data-gte-theme="dark-professional"] .hestia-about,
html[data-gte-theme="midnight"] .hestia-about,
html[data-gte-theme="carbon"] .hestia-about,
html[data-gte-theme="obsidian"] .hestia-about,
html[data-gte-theme="dark-professional"] .hestia-features,
html[data-gte-theme="midnight"] .hestia-features,
html[data-gte-theme="carbon"] .hestia-features,
html[data-gte-theme="obsidian"] .hestia-features {
    color: var(--gte-text) !important;
}

html[data-gte-theme="dark-professional"] .hestia-about *,
html[data-gte-theme="midnight"] .hestia-about *,
html[data-gte-theme="carbon"] .hestia-about *,
html[data-gte-theme="obsidian"] .hestia-about *,
html[data-gte-theme="dark-professional"] .hestia-features *,
html[data-gte-theme="midnight"] .hestia-features *,
html[data-gte-theme="carbon"] .hestia-features *,
html[data-gte-theme="obsidian"] .hestia-features * {
    --hestia-gte-text: var(--gte-text);
}

/* Common Hestia content text, but do not recolor media. */
html[data-gte-theme="dark-professional"] .hestia-about p,
html[data-gte-theme="dark-professional"] .hestia-about h1,
html[data-gte-theme="dark-professional"] .hestia-about h2,
html[data-gte-theme="dark-professional"] .hestia-about h3,
html[data-gte-theme="dark-professional"] .hestia-about h4,
html[data-gte-theme="dark-professional"] .hestia-about h5,
html[data-gte-theme="dark-professional"] .hestia-about h6,
html[data-gte-theme="midnight"] .hestia-about p,
html[data-gte-theme="midnight"] .hestia-about h1,
html[data-gte-theme="midnight"] .hestia-about h2,
html[data-gte-theme="midnight"] .hestia-about h3,
html[data-gte-theme="midnight"] .hestia-about h4,
html[data-gte-theme="midnight"] .hestia-about h5,
html[data-gte-theme="midnight"] .hestia-about h6,
html[data-gte-theme="carbon"] .hestia-about p,
html[data-gte-theme="carbon"] .hestia-about h1,
html[data-gte-theme="carbon"] .hestia-about h2,
html[data-gte-theme="carbon"] .hestia-about h3,
html[data-gte-theme="carbon"] .hestia-about h4,
html[data-gte-theme="carbon"] .hestia-about h5,
html[data-gte-theme="carbon"] .hestia-about h6,
html[data-gte-theme="obsidian"] .hestia-about p,
html[data-gte-theme="obsidian"] .hestia-about h1,
html[data-gte-theme="obsidian"] .hestia-about h2,
html[data-gte-theme="obsidian"] .hestia-about h3,
html[data-gte-theme="obsidian"] .hestia-about h4,
html[data-gte-theme="obsidian"] .hestia-about h5,
html[data-gte-theme="obsidian"] .hestia-about h6 {
    color: var(--gte-text) !important;
}

/* Preserve images and SVGs. */
html[data-gte-theme] .navbar img,
html[data-gte-theme] .navbar svg,
html[data-gte-theme] .page-header img,
html[data-gte-theme] .page-header svg {
    filter: none !important;
}


/* ==========================================================
   10. HESTIA EXACT MARKUP COMPATIBILITY
   Based on:
   <div id="primary" class="boxed-layout-header page-header header-small"
        data-parallax="active">
       ...
       <div class="header-filter header-filter-gradient"></div>
   </div>

   And Hestia card headers:
   <div class="header header-raised header-primary text-center">
   ========================================================== */

/*
 * The #primary.page-header is the exact page-title bar used by
 * Hestia on pages such as Histórico and Calculadora.
 */
html[data-gte-theme] #primary.page-header.header-small,
html[data-gte-theme] #primary.boxed-layout-header.page-header.header-small {
    background-color: var(--gte-page-header-bg) !important;
    background-image: none !important;
    color: var(--gte-page-header-text) !important;
}

/*
 * The element responsible for the colored overlay in the supplied
 * markup is .header-filter.header-filter-gradient.
 *
 * Hestia can give this element its own gradient through CSS, so
 * changing only #primary is not sufficient. Override the element
 * itself and both pseudo-elements.
 */
html[data-gte-theme] #primary.page-header .header-filter.header-filter-gradient,
html[data-gte-theme] #primary.page-header.header-small .header-filter.header-filter-gradient {
    background: var(--gte-page-header-bg) !important;
    background-color: var(--gte-page-header-bg) !important;
    background-image: none !important;
    opacity: 1 !important;
}

html[data-gte-theme] #primary.page-header .header-filter.header-filter-gradient::before,
html[data-gte-theme] #primary.page-header .header-filter.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme] #primary.page-header .header-filter.header-filter-gradient::after,
html[data-gte-theme] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: var(--gte-page-header-bg) !important;
    background-color: var(--gte-page-header-bg) !important;
    background-image: none !important;
    opacity: 1 !important;
}

/* The title inside the exact Hestia markup. */
html[data-gte-theme] #primary.page-header.header-small .hestia-title,
html[data-gte-theme] #primary.page-header.header-small h1.hestia-title {
    color: var(--gte-page-header-text) !important;
    text-shadow: none !important;
}

/*
 * Theme-specific page-header colors.
 * The selector above uses variables so all seven themes follow
 * their own palette rather than a fixed black.
 */
html[data-gte-theme="professional"] #primary.page-header.header-small,
html[data-gte-theme="professional"] #primary.page-header .header-filter.header-filter-gradient {
    background-color: #f5f7fa !important;
}

html[data-gte-theme="slate"] #primary.page-header.header-small,
html[data-gte-theme="slate"] #primary.page-header .header-filter.header-filter-gradient {
    background-color: #e7ebf0 !important;
}

html[data-gte-theme="graphite"] #primary.page-header.header-small,
html[data-gte-theme="graphite"] #primary.page-header .header-filter.header-filter-gradient {
    background-color: #dfe3e8 !important;
}

html[data-gte-theme="dark-professional"] #primary.page-header.header-small,
html[data-gte-theme="dark-professional"] #primary.page-header .header-filter.header-filter-gradient {
    background-color: #18181b !important;
}

html[data-gte-theme="midnight"] #primary.page-header.header-small,
html[data-gte-theme="midnight"] #primary.page-header .header-filter.header-filter-gradient {
    background-color: #111827 !important;
}

html[data-gte-theme="carbon"] #primary.page-header.header-small,
html[data-gte-theme="carbon"] #primary.page-header .header-filter.header-filter-gradient {
    background-color: #171717 !important;
}

html[data-gte-theme="obsidian"] #primary.page-header.header-small,
html[data-gte-theme="obsidian"] #primary.page-header .header-filter.header-filter-gradient {
    background-color: #09090b !important;
}

/* Make sure the exact filter layer cannot restore the old pink. */
html[data-gte-theme] #primary.page-header .header-filter.header-filter-gradient,
html[data-gte-theme] #primary.page-header .header-filter.header-filter-gradient::before,
html[data-gte-theme] #primary.page-header .header-filter.header-filter-gradient::after {
    box-shadow: none !important;
    border-color: transparent !important;
}

/* ==========================================================
   11. PAGE HEADER SURFACE
   The page header should be distinct from the page canvas.
   The contrast is intentionally subtle and professional.
   ========================================================== */

/* Light themes */
html[data-gte-theme="professional"] {
    --gte-page-header-surface: #eef1f5;
}
html[data-gte-theme="slate"] {
    --gte-page-header-surface: #d9dee5;
}
html[data-gte-theme="graphite"] {
    --gte-page-header-surface: #cfd4da;
}

/* Dark themes */
html[data-gte-theme="dark-professional"] {
    --gte-page-header-surface: #242428;
}
html[data-gte-theme="midnight"] {
    --gte-page-header-surface: #1b2433;
}
html[data-gte-theme="carbon"] {
    --gte-page-header-surface: #242424;
}
html[data-gte-theme="obsidian"] {
    --gte-page-header-surface: #202023;
}

/*
 * Keep the page header visually separated from the main canvas.
 * The gradient layer receives the same surface, so the old Hestia
 * pink cannot return.
 */
html[data-gte-theme] #primary.page-header.header-small,
html[data-gte-theme] #primary.boxed-layout-header.page-header.header-small,
html[data-gte-theme] #primary.page-header.header-small .header-filter.header-filter-gradient {
    background-color: var(--gte-page-header-surface) !important;
    background-image: none !important;
    color: var(--gte-page-header-text) !important;
}

html[data-gte-theme] #primary.page-header.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: var(--gte-page-header-surface) !important;
    background-color: var(--gte-page-header-surface) !important;
    background-image: none !important;
    opacity: 1 !important;
}

/* Title contrast */
html[data-gte-theme] #primary.page-header.header-small .hestia-title,
html[data-gte-theme] #primary.page-header.header-small h1.hestia-title {
    color: var(--gte-page-header-text) !important;
}

/* Subtle lower separation without changing layout. */
html[data-gte-theme] #primary.page-header.header-small {
    box-shadow: inset 0 -1px 0 var(--gte-border) !important;
}


/* ==========================================================
   12. HESTIA DEFAULT + HERO BUTTON PRESERVATION
   Professional is intentionally the classic Hestia appearance.
   Theme Engine must not recolor buttons placed over photographic
   hero sections.
   ========================================================== */

/* Professional: restore Hestia's classic pink page header. */
html[data-gte-theme="professional"] #primary.page-header.header-small,
html[data-gte-theme="professional"] #primary.page-header.header-small .header-filter.header-filter-gradient,
html[data-gte-theme="professional"] #primary.page-header .header-filter.header-filter-gradient::before,
html[data-gte-theme="professional"] #primary.page-header .header-filter.header-filter-gradient::after {
    background: #e91e63 !important;
    background-color: #e91e63 !important;
    background-image: none !important;
}

html[data-gte-theme="professional"] #primary.page-header.header-small .hestia-title {
    color: #ffffff !important;
}

/* ==========================================================
   13. USDT EXCHANGE — EXACT COMPONENT
   The class itself is the compatibility hook. We deliberately
   do NOT require #usdt-exchange-app, because the shortcode may
   render this component in another wrapper.
   ========================================================== */

html[data-gte-theme] .usdt-service-closed {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    box-shadow: var(--gte-shadow) !important;
}

html[data-gte-theme] .usdt-service-closed-icon {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-service-closed > div > small,
html[data-gte-theme] .usdt-service-closed small {
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-service-closed h2 {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-service-closed p {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-service-closed p strong {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-service-closed-schedule {
    background: var(--gte-surface-2) !important;
    border: 1px solid var(--gte-border) !important;
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-service-closed-schedule span {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-service-closed-schedule strong {
    color: var(--gte-text) !important;
}

/* Explicit dark-theme contrast. */
html[data-gte-theme="dark-professional"] .usdt-service-closed,
html[data-gte-theme="midnight"] .usdt-service-closed,
html[data-gte-theme="carbon"] .usdt-service-closed,
html[data-gte-theme="obsidian"] .usdt-service-closed {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
}

html[data-gte-theme="dark-professional"] .usdt-service-closed h2,
html[data-gte-theme="midnight"] .usdt-service-closed h2,
html[data-gte-theme="carbon"] .usdt-service-closed h2,
html[data-gte-theme="obsidian"] .usdt-service-closed h2,
html[data-gte-theme="dark-professional"] .usdt-service-closed p strong,
html[data-gte-theme="midnight"] .usdt-service-closed p strong,
html[data-gte-theme="carbon"] .usdt-service-closed p strong,
html[data-gte-theme="obsidian"] .usdt-service-closed p strong,
html[data-gte-theme="dark-professional"] .usdt-service-closed-schedule strong,
html[data-gte-theme="midnight"] .usdt-service-closed-schedule strong,
html[data-gte-theme="carbon"] .usdt-service-closed-schedule strong,
html[data-gte-theme="obsidian"] .usdt-service-closed-schedule strong {
    color: var(--gte-text) !important;
}

/* ==========================================================
   16. HESTIA PAGE HEADER — FINAL PALETTE
   Professional = original Hestia primary pink.
   Other themes = their own page-header surface.
   ========================================================== */

html[data-gte-theme="professional"] #primary.page-header.header-small,
html[data-gte-theme="professional"] #primary.boxed-layout-header.page-header.header-small,
html[data-gte-theme="professional"] #primary.page-header .header-filter.header-filter-gradient,
html[data-gte-theme="professional"] #primary.page-header .header-filter.header-filter-gradient::before,
html[data-gte-theme="professional"] #primary.page-header .header-filter.header-filter-gradient::after {
    background: #e91e63 !important;
    background-color: #e91e63 !important;
    background-image: none !important;
}

html[data-gte-theme="professional"] #primary.page-header.header-small .hestia-title {
    color: #ffffff !important;
}

/* ==========================================================
   17. HERO ACTION BUTTONS — BUY / SELL
   These two business actions are deliberately independent of
   the selected theme. They keep their semantic colors:
   BUY = green, SELL = red.
   The labels are detected by JS and receive stable classes.
   ========================================================== */

html[data-gte-theme] .gte-action-buy,
html[data-gte-theme] .gte-action-sell {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none;
}

html[data-gte-theme] .gte-action-buy,
html[data-gte-theme] .gte-action-buy:hover,
html[data-gte-theme] .gte-action-buy:focus,
html[data-gte-theme] .gte-action-buy:active {
    background: #16a34a !important;
    background-color: #16a34a !important;
    background-image: none !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}

html[data-gte-theme] .gte-action-buy:hover {
    background-color: #15803d !important;
    border-color: #15803d !important;
    color: #ffffff !important;
}

html[data-gte-theme] .gte-action-sell,
html[data-gte-theme] .gte-action-sell:hover,
html[data-gte-theme] .gte-action-sell:focus,
html[data-gte-theme] .gte-action-sell:active {
    background: #dc2626 !important;
    background-color: #dc2626 !important;
    background-image: none !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}

html[data-gte-theme] .gte-action-sell:hover {
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
}

/* Nested labels/icons inherit the white action color. */
html[data-gte-theme] .gte-action-buy *,
html[data-gte-theme] .gte-action-sell * {
    color: #ffffff !important;
}

/* ==========================================================
   19. USDT CURRENCY CALCULATOR
   Standalone calculator is themed even when it is outside
   #usdt-exchange-app.
   ========================================================== */
html[data-gte-theme] .usdt-currency-calculator-card {
    color: var(--gte-text) !important;
    background: var(--gte-surface) !important;
    border: 1px solid var(--gte-border) !important;
    box-shadow: var(--gte-shadow) !important;
}

html[data-gte-theme] .usdt-currency-calculator-header,
html[data-gte-theme] .usdt-currency-calculator-body,
html[data-gte-theme] .usdt-currency-rate,
html[data-gte-theme] .usdt-currency-note,
html[data-gte-theme] .usdt-currency-box {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-currency-calculator-icon {
    background: color-mix(in srgb, var(--gte-primary) 12%, var(--gte-surface)) !important;
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-currency-calculator-kicker,
html[data-gte-theme] .usdt-currency-rate span,
html[data-gte-theme] .usdt-currency-box label,
html[data-gte-theme] .usdt-currency-box small,
html[data-gte-theme] .usdt-currency-note {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-currency-calculator-card h2,
html[data-gte-theme] .usdt-currency-box strong,
html[data-gte-theme] .usdt-currency-rate strong {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-currency-calculator-card input,
html[data-gte-theme] .usdt-currency-calculator-card .form-control {
    color: var(--gte-text) !important;
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-currency-swap {
    color: var(--gte-primary) !important;
    background: var(--gte-surface) !important;
    border: 1px solid var(--gte-border) !important;
}

html[data-gte-theme] .usdt-currency-rate {
    border-top-color: var(--gte-border) !important;
}

/* ==========================================================
   20. STANDALONE USDT HISTORY
   These hooks also work when the history markup is not nested
   inside #usdt-exchange-app. Exact markup refinements will be
   added after the complete history code is supplied.
   ========================================================== */
html[data-gte-theme] .usdt-history-card,
html[data-gte-theme] .usdt-history-groupbox,
html[data-gte-theme] .usdt-history-filters,
html[data-gte-theme] .usdt-history-table-wrap,
html[data-gte-theme] .usdt-history-summary,
html[data-gte-theme] .usdt-history-item {
    color: var(--gte-text) !important;
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-history-card h1,
html[data-gte-theme] .usdt-history-card h2,
html[data-gte-theme] .usdt-history-card h3,
html[data-gte-theme] .usdt-history-card h4,
html[data-gte-theme] .usdt-history-card p,
html[data-gte-theme] .usdt-history-card span,
html[data-gte-theme] .usdt-history-card label,
html[data-gte-theme] .usdt-history-groupbox h1,
html[data-gte-theme] .usdt-history-groupbox h2,
html[data-gte-theme] .usdt-history-groupbox h3,
html[data-gte-theme] .usdt-history-groupbox h4,
html[data-gte-theme] .usdt-history-groupbox p,
html[data-gte-theme] .usdt-history-groupbox span,
html[data-gte-theme] .usdt-history-groupbox label {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-history-card table,
html[data-gte-theme] .usdt-history-card th,
html[data-gte-theme] .usdt-history-card td {
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-history-card input,
html[data-gte-theme] .usdt-history-card select,
html[data-gte-theme] .usdt-history-card textarea,
html[data-gte-theme] .usdt-history-filters input,
html[data-gte-theme] .usdt-history-filters select {
    color: var(--gte-text) !important;
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
}

/* ==========================================================
   21. ADMIN CONTROL CENTER
   ========================================================== */
html[data-gte-admin-theme] .gte-admin-page,
html[data-gte-admin-theme] .gte-admin-widget {
    --gte-admin-primary: var(--gte-primary);
    --gte-admin-surface: var(--gte-surface);
    --gte-admin-surface-2: var(--gte-surface-2);
    --gte-admin-border: var(--gte-border);
    --gte-admin-text: var(--gte-text);
    --gte-admin-muted: var(--gte-muted);
}

.gte-admin-page { max-width: 1320px; margin-right: 24px; }
.gte-admin-hero { display:flex; align-items:center; gap:18px; padding:28px 30px; margin:20px 0; border-radius:18px; background:linear-gradient(135deg,#172033,#26344b); color:#fff; box-shadow:0 14px 38px rgba(15,23,42,.16); }
.gte-admin-hero-icon { width:58px; height:58px; border-radius:15px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.12); }
.gte-admin-hero-icon .dashicons { font-size:30px; width:30px; height:30px; }
.gte-admin-eyebrow,.gte-admin-panel-kicker { font-size:10px; font-weight:900; letter-spacing:.14em; }
.gte-admin-hero h1 { color:#fff; margin:5px 0; font-size:30px; }
.gte-admin-hero p { margin:0; color:rgba(255,255,255,.72); font-size:13px; }
.gte-admin-current { margin-left:auto; min-width:150px; padding:12px 16px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(255,255,255,.07); }
.gte-admin-current span { display:block; font-size:9px; font-weight:900; letter-spacing:.12em; opacity:.62; }
.gte-admin-current strong { display:block; margin-top:5px; font-size:16px; }
.gte-admin-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:20px; }
.gte-admin-panel { background:var(--gte-admin-surface,#fff); border:1px solid var(--gte-admin-border,#dce2e8); border-radius:16px; box-shadow:0 7px 24px rgba(15,23,42,.07); padding:22px; color:var(--gte-admin-text,#172033); }
.gte-admin-panel-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.gte-admin-panel-head.compact { margin-bottom:14px; }
.gte-admin-panel h2 { margin:4px 0 0; font-size:19px; color:var(--gte-admin-text,#172033); }
.gte-admin-panel-kicker { color:var(--gte-admin-primary,#2563eb); }
.gte-admin-status-dot { font-size:11px; color:var(--gte-admin-muted,#697586); font-weight:700; }
.gte-admin-status-dot i { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:#16a34a; }
.gte-admin-theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.gte-admin-theme-card { position:relative; display:block; width:100%; padding:0; text-align:left; overflow:hidden; cursor:pointer; border:1px solid var(--gte-admin-border,#dce2e8); border-radius:13px; background:var(--gte-admin-surface-2,#f8fafc); color:var(--gte-admin-text,#172033); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.gte-admin-theme-card:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(15,23,42,.10); }
.gte-admin-theme-card.is-active { border-color:var(--gte-admin-primary,#2563eb); box-shadow:0 0 0 2px color-mix(in srgb,var(--gte-admin-primary,#2563eb) 16%,transparent); }
.gte-admin-theme-preview { height:88px; display:flex; align-items:flex-end; gap:7px; padding:13px; background:#f1f5f9; }
.gte-admin-theme-preview i { display:block; height:42px; flex:1; border-radius:6px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.12); }
.gte-preview-professional { background:linear-gradient(135deg,#e91e63,#f4729b); }
.gte-preview-slate { background:linear-gradient(135deg,#475569,#94a3b8); }
.gte-preview-graphite { background:linear-gradient(135deg,#64748b,#cbd5e1); }
.gte-preview-dark-professional { background:linear-gradient(135deg,#111827,#3b82f6); }
.gte-preview-midnight { background:linear-gradient(135deg,#080c12,#38bdf8); }
.gte-preview-carbon { background:linear-gradient(135deg,#151515,#737373); }
.gte-preview-obsidian { background:linear-gradient(135deg,#09090b,#a78bfa); }
.gte-admin-theme-card-body { display:block; padding:12px 13px; }
.gte-admin-theme-card-body strong { display:block; font-size:13px; }
.gte-admin-theme-card-body small { display:block; margin-top:4px; color:var(--gte-admin-muted,#697586); font-size:10px; }
.gte-admin-check { position:absolute; right:9px; bottom:10px; color:var(--gte-admin-primary,#2563eb); opacity:0; }
.gte-admin-theme-card.is-active .gte-admin-check { opacity:1; }
.gte-admin-help { color:var(--gte-admin-muted,#697586); font-size:12px; line-height:1.5; }
.gte-code-box { display:flex; align-items:center; gap:8px; margin-top:10px; padding:9px 10px; border:1px solid var(--gte-admin-border,#dce2e8); border-radius:9px; background:var(--gte-admin-surface-2,#f8fafc); }
.gte-code-box code { flex:1; color:var(--gte-admin-text,#172033); font-size:11px; word-break:break-word; }
.gte-copy-code { border:0; border-radius:7px; padding:6px 9px; cursor:pointer; background:var(--gte-admin-primary,#2563eb); color:#fff; font-size:10px; font-weight:800; }
.gte-integration { display:flex; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--gte-admin-border,#dce2e8); }
.gte-integration:last-child { border-bottom:0; }
.gte-integration > .dashicons { color:var(--gte-admin-primary,#2563eb); }
.gte-integration div { flex:1; }
.gte-integration strong,.gte-integration small { display:block; }
.gte-integration small { margin-top:2px; color:var(--gte-admin-muted,#697586); font-size:10px; }
.gte-integration b { color:#16a34a; font-size:9px; }
.gte-admin-footer-note { display:flex; gap:7px; align-items:center; margin-top:16px; padding:11px 13px; color:#697586; font-size:11px; }
.gte-admin-widget-head { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
.gte-admin-widget-icon { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:color-mix(in srgb,var(--gte-primary) 12%,#fff); color:var(--gte-primary); }
.gte-admin-widget-head strong,.gte-admin-widget-head span { display:block; }
.gte-admin-widget-head > div:last-child span { margin-top:2px; color:#697586; font-size:10px; }
.gte-admin-theme-mini-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.gte-admin-theme-mini { display:flex; align-items:center; gap:5px; padding:7px; border:1px solid #dce2e8; border-radius:7px; background:#fff; cursor:pointer; font-size:9px; color:#172033; }
.gte-admin-theme-mini.is-active { border-color:var(--gte-primary); box-shadow:0 0 0 1px var(--gte-primary); }
.gte-admin-swatch { width:11px; height:11px; flex:0 0 11px; border-radius:50%; background:#64748b; }
.gte-swatch-professional{background:#e91e63}.gte-swatch-slate{background:#475569}.gte-swatch-graphite{background:#64748b}.gte-swatch-dark-professional{background:#3b82f6}.gte-swatch-midnight{background:#38bdf8}.gte-swatch-carbon{background:#737373}.gte-swatch-obsidian{background:#a78bfa}
.gte-admin-widget-foot { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-top:11px; padding-top:10px; border-top:1px solid #e5e7eb; font-size:10px; }
.gte-admin-widget-foot a { color:var(--gte-primary); text-decoration:none; font-weight:700; }
@media (max-width: 900px) { .gte-admin-layout{grid-template-columns:1fr}.gte-admin-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gte-admin-current{display:none} }
@media (max-width: 560px) { .gte-admin-theme-grid{grid-template-columns:1fr}.gte-admin-hero{padding:20px}.gte-admin-hero h1{font-size:24px} }






/* ==========================================================
   22. COMPONENT OWNERSHIP RULE
   Hestia/Bootstrap components are left alone unless explicitly
   registered below as a Theme Engine compatibility component.
   ========================================================== */

/* ==========================================================
   23. USDT EXCHANGE — CURRENCY CALCULATOR
   Exact hooks from the Exchange calculator markup.
   ========================================================== */
html[data-gte-theme] .usdt-currency-calculator-card {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    box-shadow: var(--gte-shadow) !important;
}
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-calculator-header,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-calculator-body,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-box-head,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-box-head > div,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate > div {
    color: var(--gte-text) !important;
}
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate {
    border-color: var(--gte-border) !important;
}
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-calculator-icon,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-note {
    background: var(--gte-surface-2) !important;
    color: var(--gte-muted) !important;
    border-color: var(--gte-border) !important;
}
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-calculator-icon span,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-calculator-kicker,
html[data-gte-theme] .usdt-currency-calculator-card #usdt-currency-applied-rate {
    color: var(--gte-primary) !important;
}
html[data-gte-theme] .usdt-currency-calculator-card h2,
html[data-gte-theme] .usdt-currency-calculator-card strong,
html[data-gte-theme] .usdt-currency-calculator-card label {
    color: var(--gte-text) !important;
}
html[data-gte-theme] .usdt-currency-calculator-card small,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate span,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-note {
    color: var(--gte-muted) !important;
}
html[data-gte-theme] .usdt-currency-calculator-card input,
html[data-gte-theme] .usdt-currency-calculator-card .form-control {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    caret-color: var(--gte-text);
}
html[data-gte-theme] .usdt-currency-calculator-card input::placeholder {
    color: var(--gte-muted) !important;
    opacity: 1;
}
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-swap {
    background: var(--gte-surface) !important;
    color: var(--gte-primary) !important;
    border-color: var(--gte-border) !important;
}
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-flag img,
html[data-gte-theme] .usdt-currency-calculator-card img {
    filter: none !important;
}

/* ==========================================================
   24. USDT HISTORY — EXPLICIT / REAL CLASS HOOKS
   ========================================================== */
html[data-gte-theme] .history-group-frontend,
html[data-gte-theme] .usdt-history-card,
html[data-gte-theme] .usdt-history-groupbox,
html[data-gte-theme] .usdt-history-filters,
html[data-gte-theme] .usdt-history-table-wrap,
html[data-gte-theme] .usdt-history-summary,
html[data-gte-theme] .usdt-history-item {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}
html[data-gte-theme] .history-group-frontend .history-group-header,
html[data-gte-theme] .usdt-history-card .history-group-header,
html[data-gte-theme] .usdt-history-groupbox .history-group-header {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}
html[data-gte-theme] .history-group-frontend h1,
html[data-gte-theme] .history-group-frontend h2,
html[data-gte-theme] .history-group-frontend h3,
html[data-gte-theme] .history-group-frontend h4,
html[data-gte-theme] .history-group-frontend p,
html[data-gte-theme] .history-group-frontend span,
html[data-gte-theme] .history-group-frontend strong,
html[data-gte-theme] .history-group-frontend label,
html[data-gte-theme] .usdt-history-card h1,
html[data-gte-theme] .usdt-history-card h2,
html[data-gte-theme] .usdt-history-card h3,
html[data-gte-theme] .usdt-history-card h4,
html[data-gte-theme] .usdt-history-card p,
html[data-gte-theme] .usdt-history-card span,
html[data-gte-theme] .usdt-history-card strong,
html[data-gte-theme] .usdt-history-card label,
html[data-gte-theme] .usdt-history-groupbox h1,
html[data-gte-theme] .usdt-history-groupbox h2,
html[data-gte-theme] .usdt-history-groupbox h3,
html[data-gte-theme] .usdt-history-groupbox h4,
html[data-gte-theme] .usdt-history-groupbox p,
html[data-gte-theme] .usdt-history-groupbox span,
html[data-gte-theme] .usdt-history-groupbox strong,
html[data-gte-theme] .usdt-history-groupbox label {
    color: var(--gte-text) !important;
}
html[data-gte-theme] .history-group-frontend .history-group-meta,
html[data-gte-theme] .history-group-frontend .group-eyebrow,
html[data-gte-theme] .usdt-history-card .history-group-meta,
html[data-gte-theme] .usdt-history-groupbox .history-group-meta {
    color: var(--gte-muted) !important;
}
html[data-gte-theme] .history-group-frontend table,
html[data-gte-theme] .history-group-frontend thead,
html[data-gte-theme] .history-group-frontend tbody,
html[data-gte-theme] .history-group-frontend tr,
html[data-gte-theme] .history-group-frontend th,
html[data-gte-theme] .history-group-frontend td,
html[data-gte-theme] .usdt-history-card table,
html[data-gte-theme] .usdt-history-card th,
html[data-gte-theme] .usdt-history-card td {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}
html[data-gte-theme] .history-group-frontend th,
html[data-gte-theme] .usdt-history-card th {
    background: var(--gte-surface-2) !important;
    color: var(--gte-muted) !important;
}
html[data-gte-theme] .history-group-frontend .tag-recarga,
html[data-gte-theme] .history-group-frontend .tag-pagamento,
html[data-gte-theme] .history-group-frontend .tag-estorno,
html[data-gte-theme] .history-group-frontend .discount-badge,
html[data-gte-theme] .history-group-frontend .comprovante-link {
    /* Preserve semantic status colors, but let the theme control neutral surfaces. */
    border-color: var(--gte-border) !important;
}
html[data-gte-theme] .history-group-frontend .comprovante-link {
    color: var(--gte-primary) !important;
    background: var(--gte-surface-2) !important;
}
html[data-gte-theme] .history-group-frontend .recarga-user-link {
    color: var(--gte-primary) !important;
}
html[data-gte-theme] .usdt-history-card input,
html[data-gte-theme] .usdt-history-card select,
html[data-gte-theme] .usdt-history-card textarea,
html[data-gte-theme] .usdt-history-filters input,
html[data-gte-theme] .usdt-history-filters select {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

/* ==========================================================
   25. ADMIN INTERNAL THEME — SEPARATE FROM PUBLIC THEME
   ========================================================== */
html[data-gte-admin-theme="professional"] { --gte-admin-primary:#e91e63; --gte-admin-background:#f7f7f7; --gte-admin-surface:#ffffff; --gte-admin-surface-2:#f1f3f5; --gte-admin-border:#e2e5e8; --gte-admin-text:#3c4858; --gte-admin-muted:#6b7280; }
html[data-gte-admin-theme="slate"] { --gte-admin-primary:#64748b; --gte-admin-background:#eef1f5; --gte-admin-surface:#ffffff; --gte-admin-surface-2:#e4e8ed; --gte-admin-border:#cfd6de; --gte-admin-text:#334155; --gte-admin-muted:#64748b; }
html[data-gte-admin-theme="graphite"] { --gte-admin-primary:#475569; --gte-admin-background:#e5e7eb; --gte-admin-surface:#f8fafc; --gte-admin-surface-2:#e2e5e9; --gte-admin-border:#cbd5e1; --gte-admin-text:#334155; --gte-admin-muted:#64748b; }
html[data-gte-admin-theme="dark-professional"] { --gte-admin-primary:#3b82f6; --gte-admin-background:#111827; --gte-admin-surface:#1f2937; --gte-admin-surface-2:#273449; --gte-admin-border:#374151; --gte-admin-text:#f3f4f6; --gte-admin-muted:#aeb8c4; }
html[data-gte-admin-theme="midnight"] { --gte-admin-primary:#38bdf8; --gte-admin-background:#0b1220; --gte-admin-surface:#111827; --gte-admin-surface-2:#172033; --gte-admin-border:#29364a; --gte-admin-text:#f1f5f9; --gte-admin-muted:#94a3b8; }
html[data-gte-admin-theme="carbon"] { --gte-admin-primary:#a3a3a3; --gte-admin-background:#111111; --gte-admin-surface:#1c1c1c; --gte-admin-surface-2:#252525; --gte-admin-border:#3a3a3a; --gte-admin-text:#f5f5f5; --gte-admin-muted:#a3a3a3; }
html[data-gte-admin-theme="obsidian"] { --gte-admin-primary:#a78bfa; --gte-admin-background:#09090b; --gte-admin-surface:#18181b; --gte-admin-surface-2:#202023; --gte-admin-border:#34343a; --gte-admin-text:#f4f4f5; --gte-admin-muted:#a1a1aa; }
html[data-gte-admin-theme] body.wp-admin,
html[data-gte-admin-theme] #wpbody,
html[data-gte-admin-theme] #wpbody-content {
    color: var(--gte-admin-text) !important;
}
html[data-gte-admin-theme] #wpbody-content .wrap h1,
html[data-gte-admin-theme] #wpbody-content .wrap h2,
html[data-gte-admin-theme] #wpbody-content .wrap h3,
html[data-gte-admin-theme] #wpbody-content .wrap h4,
html[data-gte-admin-theme] #wpbody-content .wrap h5,
html[data-gte-admin-theme] #wpbody-content .wrap h6,
html[data-gte-admin-theme] #wpbody-content .wrap p,
html[data-gte-admin-theme] #wpbody-content .wrap label,
html[data-gte-admin-theme] #wpbody-content .wrap th,
html[data-gte-admin-theme] #wpbody-content .wrap td,
html[data-gte-admin-theme] #wpbody-content .description {
    color: var(--gte-admin-text) !important;
}
html[data-gte-admin-theme] .gte-admin-page,
html[data-gte-admin-theme] .gte-admin-widget,
html[data-gte-admin-theme] .gte-admin-panel,
html[data-gte-admin-theme] .gte-admin-theme-card,
html[data-gte-admin-theme] .gte-admin-theme-mini,
html[data-gte-admin-theme] .gte-code-box {
    background: var(--gte-admin-surface) !important;
    color: var(--gte-admin-text) !important;
    border-color: var(--gte-admin-border) !important;
}
html[data-gte-admin-theme] .gte-admin-page { padding-bottom: 20px; }
html[data-gte-admin-theme] .gte-admin-panel h2,
html[data-gte-admin-theme] .gte-admin-theme-card-body strong,
html[data-gte-admin-theme] .gte-admin-theme-mini,
html[data-gte-admin-theme] .gte-code-box code { color: var(--gte-admin-text) !important; }
html[data-gte-admin-theme] .gte-admin-theme-card-body small,
html[data-gte-admin-theme] .gte-admin-help,
html[data-gte-admin-theme] .gte-admin-widget-head > div:last-child span,
html[data-gte-admin-theme] .gte-integration small,
html[data-gte-admin-theme] .gte-admin-widget-foot,
html[data-gte-admin-theme] .gte-admin-footer-note { color: var(--gte-admin-muted) !important; }
html[data-gte-admin-theme] .gte-admin-hero {
    background: linear-gradient(135deg,var(--gte-admin-surface-2),var(--gte-admin-surface)) !important;
    color: var(--gte-admin-text) !important;
    border-color: var(--gte-admin-border) !important;
}
html[data-gte-admin-theme] .gte-admin-hero h1,
html[data-gte-admin-theme] .gte-admin-hero p,
html[data-gte-admin-theme] .gte-admin-current strong,
html[data-gte-admin-theme] .gte-admin-current span { color: var(--gte-admin-text) !important; }
html[data-gte-admin-theme] .gte-admin-panel-kicker,
html[data-gte-admin-theme] .gte-admin-check,
html[data-gte-admin-theme] .gte-admin-widget-icon,
html[data-gte-admin-theme] .gte-admin-widget-foot a { color: var(--gte-admin-primary) !important; }
html[data-gte-admin-theme] .gte-copy-code { background:var(--gte-admin-primary) !important; color:#fff !important; border:0 !important; }
html[data-gte-admin-theme] .gte-admin-theme-card.is-active,
html[data-gte-admin-theme] .gte-admin-theme-mini.is-active { border-color:var(--gte-admin-primary) !important; }
html[data-gte-admin-theme] .gte-admin-widget-foot,
html[data-gte-admin-theme] .gte-integration { border-color:var(--gte-admin-border) !important; }
html[data-gte-admin-theme] .gte-admin-theme-mini { background:var(--gte-admin-surface-2) !important; }

/* Admin gadget buttons use the same internal theme and remain touch-friendly. */
html[data-gte-admin-theme] .gte-admin-theme-mini:hover,
html[data-gte-admin-theme] .gte-admin-theme-card:hover { border-color:var(--gte-admin-primary) !important; }
@media(max-width:900px){.gte-admin-layout{grid-template-columns:1fr}.gte-admin-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gte-admin-current{display:none}}
@media(max-width:560px){.gte-admin-theme-grid{grid-template-columns:1fr}.gte-admin-hero{padding:20px}.gte-admin-hero h1{font-size:24px}.gte-admin-theme-mini-grid{grid-template-columns:repeat(2,1fr)}}


/* ==========================================================
   20. HESTIA CONTACT SECTION
   Respect Hestia structure, but ensure readable typography
   when a light Theme Engine theme is active.
   ========================================================== */

html[data-gte-theme="professional"] .hestia-contact-title-area .hestia-title,
html[data-gte-theme="professional"] .hestia-contact-title-area .description,
html[data-gte-theme="professional"] .hestia-contact-title-area .info-title,
html[data-gte-theme="professional"] .hestia-contact-title-area .hestia-description,
html[data-gte-theme="professional"] .hestia-contact-title-area .description p {
    color: #333333 !important;
}

html[data-gte-theme="professional"] .hestia-contact-title-area .icon.icon-primary {
    color: #e91e63 !important;
}

html[data-gte-theme="professional"] .hestia-contact-title-area .icon.icon-primary i {
    color: #e91e63 !important;
}

/* ==========================================================
   21. USDT CURRENCY CALCULATOR — DIRECT SELECTORS
   No dependency on a parent application ID.
   ========================================================== */

html[data-gte-theme] .usdt-currency-calculator-card {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    box-shadow: var(--gte-shadow) !important;
}

html[data-gte-theme] .usdt-currency-calculator-card
.usdt-currency-calculator-header {
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-currency-calculator-card
.usdt-currency-calculator-header h2,
html[data-gte-theme] .usdt-currency-calculator-card
.usdt-currency-calculator-header p {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-currency-calculator-card
.usdt-currency-calculator-header p {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-currency-calculator-kicker {
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-currency-calculator-icon {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-currency-box {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-currency-box-head strong,
html[data-gte-theme] .usdt-currency-box-head small,
html[data-gte-theme] .usdt-currency-box label {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-currency-box-head small,
html[data-gte-theme] .usdt-currency-box label {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-currency-box input.form-control {
    background: var(--gte-input-bg) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-input-border) !important;
}

html[data-gte-theme] .usdt-currency-box input.form-control::placeholder {
    color: var(--gte-placeholder) !important;
    opacity: 1 !important;
}

html[data-gte-theme] .usdt-currency-swap {
    background: var(--gte-primary) !important;
    color: #ffffff !important;
    border-color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-currency-rate {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-currency-rate span {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-currency-rate strong {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-currency-note {
    background: var(--gte-surface-2) !important;
    color: var(--gte-muted) !important;
    border-color: var(--gte-border) !important;
}

/* ==========================================================
   22. USDT ORDER SEARCH / HISTORY — DIRECT SELECTORS
   ========================================================== */

html[data-gte-theme] .usdt-order-search,
html[data-gte-theme] .usdt-order-search-card {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-search-card {
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
    box-shadow: var(--gte-shadow) !important;
}

html[data-gte-theme] .usdt-order-search-header h2,
html[data-gte-theme] .usdt-order-search-form label {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-search-header p,
html[data-gte-theme] .usdt-order-search-form small {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-order-search-kicker {
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-order-search-icon {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-order-search-input-row input.form-control,
html[data-gte-theme] #usdt-order-search-input {
    background: var(--gte-input-bg) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-input-border) !important;
}

html[data-gte-theme] #usdt-order-search-input::placeholder {
    color: var(--gte-placeholder) !important;
    opacity: 1 !important;
}

html[data-gte-theme] .usdt-order-search-feedback,
html[data-gte-theme] .usdt-order-search-results {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-modal-dialog,
html[data-gte-theme] .usdt-order-confirm-dialog {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-order-modal-dialog h2,
html[data-gte-theme] .usdt-order-modal-dialog h3,
html[data-gte-theme] .usdt-order-modal-dialog p,
html[data-gte-theme] .usdt-order-modal-body,
html[data-gte-theme] .usdt-order-modal-actions {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-modal-body {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-order-modal-actions .usdt-btn {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-order-modal-actions .usdt-btn.usdt-primary,
html[data-gte-theme] .usdt-order-confirm-actions .usdt-btn.usdt-primary {
    background: var(--gte-primary) !important;
    color: #ffffff !important;
    border-color: var(--gte-primary) !important;
}

/* ==========================================================
   23. HISTORY FRONTEND — THEME VARIABLES
   Keep semantic colors, theme the containers and typography.
   ========================================================== */

html[data-gte-theme] .history-group-frontend {
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
    box-shadow: var(--gte-shadow) !important;
}

html[data-gte-theme] .history-group-frontend .history-group-header {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .history-group-frontend .history-group-name,
html[data-gte-theme] .history-group-frontend td strong {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .history-group-frontend .history-group-meta,
html[data-gte-theme] .history-group-frontend .group-eyebrow,
html[data-gte-theme] .history-group-frontend th {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .history-group-frontend table {
    background: var(--gte-surface) !important;
}

html[data-gte-theme] .history-group-frontend th {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .history-group-frontend td {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .history-group-frontend .pix {
    color: var(--gte-text) !important;
}

/* Semantic status/value colors remain stable across themes. */
html[data-gte-theme] .history-group-frontend .valor-green,
html[data-gte-theme] .history-group-frontend .tag-recarga,
html[data-gte-theme] .history-group-frontend .history-group-badge {
    color: #16a34a !important;
}

html[data-gte-theme] .history-group-frontend .valor-red,
html[data-gte-theme] .history-group-frontend .tag-pagamento {
    color: #dc2626 !important;
}

html[data-gte-theme] .history-group-frontend .valor-blue,
html[data-gte-theme] .history-group-frontend .tag-estorno {
    color: #2563eb !important;
}

/* Theme-aware backgrounds for semantic badges. */
html[data-gte-theme] .history-group-frontend .tag-recarga,
html[data-gte-theme] .history-group-frontend .history-group-badge {
    background: color-mix(in srgb, #16a34a 14%, var(--gte-surface-2)) !important;
}

html[data-gte-theme] .history-group-frontend .tag-pagamento {
    background: color-mix(in srgb, #dc2626 14%, var(--gte-surface-2)) !important;
}

html[data-gte-theme] .history-group-frontend .tag-estorno {
    background: color-mix(in srgb, #2563eb 14%, var(--gte-surface-2)) !important;
}


/* ==========================================================
   24. USDT ORDER SEARCH RESULTS / DETAILS
   Exact selectors from the live markup supplied by the user.
   ========================================================== */

html[data-gte-theme] .usdt-order-search-results {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-result {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    box-shadow: var(--gte-shadow-small) !important;
}

html[data-gte-theme] .usdt-order-result-main,
html[data-gte-theme] .usdt-order-result-top,
html[data-gte-theme] .usdt-order-result-meta {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-result-code {
    color: var(--gte-primary) !important;
    font-weight: 800;
}

html[data-gte-theme] .usdt-order-result-meta,
html[data-gte-theme] .usdt-order-result-meta span {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-order-result-meta strong {
    color: var(--gte-text) !important;
}

/* Operation type keeps its semantic meaning. */
html[data-gte-theme] .usdt-order-type.sell {
    color: #dc2626 !important;
    background: color-mix(in srgb, #dc2626 12%, var(--gte-surface-2)) !important;
    border-color: color-mix(in srgb, #dc2626 28%, var(--gte-border)) !important;
}

html[data-gte-theme] .usdt-order-type.buy {
    color: #16a34a !important;
    background: color-mix(in srgb, #16a34a 12%, var(--gte-surface-2)) !important;
    border-color: color-mix(in srgb, #16a34a 28%, var(--gte-border)) !important;
}

/* Status colors remain semantic. */
html[data-gte-theme] .usdt-order-result-status.status-cancelled {
    color: #dc2626 !important;
    background: color-mix(in srgb, #dc2626 12%, var(--gte-surface-2)) !important;
    border-color: color-mix(in srgb, #dc2626 28%, var(--gte-border)) !important;
}

html[data-gte-theme] .usdt-order-result-status.status-completed,
html[data-gte-theme] .usdt-order-result-status.status-finished,
html[data-gte-theme] .usdt-order-result-status.status-paid,
html[data-gte-theme] .usdt-order-result-status.status-success {
    color: #16a34a !important;
    background: color-mix(in srgb, #16a34a 12%, var(--gte-surface-2)) !important;
    border-color: color-mix(in srgb, #16a34a 28%, var(--gte-border)) !important;
}

/* Search result action button. */
html[data-gte-theme] .usdt-order-result-open {
    background: var(--gte-primary) !important;
    color: #ffffff !important;
    border-color: var(--gte-primary) !important;
    box-shadow: none !important;
}

html[data-gte-theme] .usdt-order-result-open:hover,
html[data-gte-theme] .usdt-order-result-open:focus {
    background: var(--gte-primary-hover) !important;
    color: #ffffff !important;
    border-color: var(--gte-primary-hover) !important;
}

/* ==========================================================
   ORDER DETAIL MODAL CONTENT
   ========================================================== */

html[data-gte-theme] .usdt-order-modal-body {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-detail-grid {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-detail-section {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
}

html[data-gte-theme] .usdt-order-detail-title {
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-order-detail-row {
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-order-detail-label {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-order-detail-value {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-order-detail-value code {
    background: var(--gte-surface) !important;
    color: var(--gte-primary) !important;
    border: 1px solid var(--gte-border) !important;
}

/* Dark themes: avoid black text from inherited third-party rules. */
html[data-gte-theme="dark-professional"] .usdt-order-result,
html[data-gte-theme="midnight"] .usdt-order-result,
html[data-gte-theme="carbon"] .usdt-order-result,
html[data-gte-theme="obsidian"] .usdt-order-result,
html[data-gte-theme="dark-professional"] .usdt-order-detail-section,
html[data-gte-theme="midnight"] .usdt-order-detail-section,
html[data-gte-theme="carbon"] .usdt-order-detail-section,
html[data-gte-theme="obsidian"] .usdt-order-detail-section {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
}

/* Light themes: maintain readable dark text. */
html[data-gte-theme="professional"] .usdt-order-result,
html[data-gte-theme="slate"] .usdt-order-result,
html[data-gte-theme="graphite"] .usdt-order-result,
html[data-gte-theme="professional"] .usdt-order-detail-section,
html[data-gte-theme="slate"] .usdt-order-detail-section,
html[data-gte-theme="graphite"] .usdt-order-detail-section {
    color: var(--gte-text) !important;
}


/* ==========================================================
   25. USDT PUBLIC COMMENTS
   Exact selectors from the Exchange markup.
   ========================================================== */

html[data-gte-theme] .usdt-comments-list {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-public-comment {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    box-shadow: var(--gte-shadow-small) !important;
}

html[data-gte-theme] .usdt-public-comment-photo {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-public-comment-photo span {
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-public-comment-photo img {
    filter: none !important;
}

html[data-gte-theme] .usdt-public-comment-meta {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-public-comment-meta strong {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-public-comment-meta span {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-public-comment-text {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-public-comment-date {
    color: var(--gte-muted) !important;
}

/* Dark themes: explicit light text so no inherited Hestia/plugin
   color can leave the comments unreadable. */
html[data-gte-theme="dark-professional"] .usdt-public-comment,
html[data-gte-theme="midnight"] .usdt-public-comment,
html[data-gte-theme="carbon"] .usdt-public-comment,
html[data-gte-theme="obsidian"] .usdt-public-comment {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme="dark-professional"] .usdt-public-comment-meta strong,
html[data-gte-theme="midnight"] .usdt-public-comment-meta strong,
html[data-gte-theme="carbon"] .usdt-public-comment-meta strong,
html[data-gte-theme="obsidian"] .usdt-public-comment-meta strong,
html[data-gte-theme="dark-professional"] .usdt-public-comment-text,
html[data-gte-theme="midnight"] .usdt-public-comment-text,
html[data-gte-theme="carbon"] .usdt-public-comment-text,
html[data-gte-theme="obsidian"] .usdt-public-comment-text {
    color: var(--gte-text) !important;
}

html[data-gte-theme="dark-professional"] .usdt-public-comment-meta span,
html[data-gte-theme="midnight"] .usdt-public-comment-meta span,
html[data-gte-theme="carbon"] .usdt-public-comment-meta span,
html[data-gte-theme="obsidian"] .usdt-public-comment-meta span,
html[data-gte-theme="dark-professional"] .usdt-public-comment-date,
html[data-gte-theme="midnight"] .usdt-public-comment-date,
html[data-gte-theme="carbon"] .usdt-public-comment-date,
html[data-gte-theme="obsidian"] .usdt-public-comment-date {
    color: var(--gte-muted) !important;
}

/* ==========================================================
   26. USDT CURRENCY RATE — REMOVE REMAINING WHITE PANEL
   ========================================================== */

html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate {
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}

html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate > div {
    background: transparent !important;
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate span {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate strong {
    color: var(--gte-text) !important;
}

/* Preserve the semantic colors of Compra and Venda values. */
html[data-gte-theme] .usdt-currency-calculator-card
.usdt-currency-rate > div:nth-child(2) strong {
    color: #16a34a !important;
}

html[data-gte-theme] .usdt-currency-calculator-card
.usdt-currency-rate > div:nth-child(3) strong {
    color: #dc2626 !important;
}

/* Applied rate remains the primary/reference value. */
html[data-gte-theme] .usdt-currency-calculator-card
#usdt-currency-applied-rate {
    color: var(--gte-primary) !important;
}

/* Light themes: clear separation from the calculator card. */
html[data-gte-theme="professional"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="slate"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="graphite"] .usdt-currency-calculator-card .usdt-currency-rate {
    background: var(--gte-surface-2) !important;
}

/* Dark themes: explicitly avoid white inherited backgrounds. */
html[data-gte-theme="dark-professional"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="midnight"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="carbon"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="obsidian"] .usdt-currency-calculator-card .usdt-currency-rate {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
}


/* ==========================================================
   27. CALCULATOR — CONSISTENT THEME BORDERS
   ========================================================== */

html[data-gte-theme] .usdt-currency-calculator-card,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-calculator-header,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-calculator-body,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-note {
    border-color: var(--gte-border) !important;
}

html[data-gte-theme="dark-professional"] .usdt-currency-calculator-card,
html[data-gte-theme="midnight"] .usdt-currency-calculator-card,
html[data-gte-theme="carbon"] .usdt-currency-calculator-card,
html[data-gte-theme="obsidian"] .usdt-currency-calculator-card,
html[data-gte-theme="dark-professional"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="midnight"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="carbon"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="obsidian"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="dark-professional"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="midnight"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="carbon"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="obsidian"] .usdt-currency-calculator-card .usdt-currency-rate,
html[data-gte-theme="dark-professional"] .usdt-currency-calculator-card .usdt-currency-note,
html[data-gte-theme="midnight"] .usdt-currency-calculator-card .usdt-currency-note,
html[data-gte-theme="carbon"] .usdt-currency-calculator-card .usdt-currency-note,
html[data-gte-theme="obsidian"] .usdt-currency-calculator-card .usdt-currency-note {
    border-color: var(--gte-border) !important;
    box-shadow: none;
}

/* The swap button is intentionally an accent control; its border follows
   the same accent, not a hard-coded white border. */
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-swap {
    border-color: var(--gte-primary) !important;
}


/* ==========================================================
   HESTIA PAGE TITLE — EXACT COMPONENT ONLY
   Native Hestia components such as the carousel are not styled.
   ========================================================== */

html[data-gte-theme="professional"] #primary.page-header.header-small {
    background: #e91e63 !important;
    background-color: #e91e63 !important;
    background-image: none !important;
    color: #ffffff !important;
}

html[data-gte-theme="slate"] #primary.page-header.header-small {
    background: #d9dee5 !important;
    background-color: #d9dee5 !important;
    color: #26323d !important;
}

html[data-gte-theme="graphite"] #primary.page-header.header-small {
    background: #cfd4da !important;
    background-color: #cfd4da !important;
    color: #26323d !important;
}

html[data-gte-theme="dark-professional"] #primary.page-header.header-small {
    background: #242428 !important;
    background-color: #242428 !important;
    color: #f3f4f6 !important;
}

html[data-gte-theme="midnight"] #primary.page-header.header-small {
    background: #1b2433 !important;
    background-color: #1b2433 !important;
    color: #e8f0f7 !important;
}

html[data-gte-theme="carbon"] #primary.page-header.header-small {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #f1f1f1 !important;
}

html[data-gte-theme="obsidian"] #primary.page-header.header-small {
    background: #202023 !important;
    background-color: #202023 !important;
    color: #f4f4f5 !important;
}

html[data-gte-theme] #primary.page-header.header-small .header-filter.header-filter-gradient {
    background: inherit !important;
    background-color: inherit !important;
    background-image: none !important;
    opacity: 1 !important;
}

html[data-gte-theme="professional"] #primary.page-header.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme="professional"] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: #e91e63 !important;
    background-color: #e91e63 !important;
}

html[data-gte-theme="slate"] #primary.page-header.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme="slate"] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: #d9dee5 !important;
    background-color: #d9dee5 !important;
}

html[data-gte-theme="graphite"] #primary.page-header.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme="graphite"] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: #cfd4da !important;
    background-color: #cfd4da !important;
}

html[data-gte-theme="dark-professional"] #primary.page-header.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme="dark-professional"] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: #242428 !important;
    background-color: #242428 !important;
}

html[data-gte-theme="midnight"] #primary.page-header.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme="midnight"] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: #1b2433 !important;
    background-color: #1b2433 !important;
}

html[data-gte-theme="carbon"] #primary.page-header.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme="carbon"] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: #242424 !important;
    background-color: #242424 !important;
}

html[data-gte-theme="obsidian"] #primary.page-header.header-small .header-filter.header-filter-gradient::before,
html[data-gte-theme="obsidian"] #primary.page-header.header-small .header-filter.header-filter-gradient::after {
    background: #202023 !important;
    background-color: #202023 !important;
}

html[data-gte-theme] #primary.page-header.header-small .hestia-title {
    color: inherit !important;
    text-shadow: none !important;
}


/* ==========================================================
   28. CALCULATOR OUTER BORDER — THEME DEFAULT
   Only the calculator's main card border is corrected here.
   No other calculator component is changed.
   ========================================================== */

html[data-gte-theme] .usdt-currency-calculator-card {
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
}