/*
 * 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-preview-wordpress { background:linear-gradient(135deg,#1d2327,#2271b1); }
.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;
}


/* ==========================================================
   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;
}




/* ==========================================================
   CALCULATOR PANEL BORDER — SINGLE THEME STANDARD
   The card, currency boxes and rate boxes use exactly the same
   1px subtle border color. Nothing else is changed.
   ========================================================== */

html[data-gte-theme="professional"] .usdt-currency-calculator-card,
html[data-gte-theme="professional"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="professional"] .usdt-currency-calculator-card .usdt-currency-rate > div {
    border: 1px solid #e5e5e5 !important;
}

html[data-gte-theme="slate"] .usdt-currency-calculator-card,
html[data-gte-theme="slate"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="slate"] .usdt-currency-calculator-card .usdt-currency-rate > div {
    border: 1px solid #c3c9d1 !important;
}

html[data-gte-theme="graphite"] .usdt-currency-calculator-card,
html[data-gte-theme="graphite"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="graphite"] .usdt-currency-calculator-card .usdt-currency-rate > div {
    border: 1px solid #b9c0c8 !important;
}

html[data-gte-theme="dark-professional"] .usdt-currency-calculator-card,
html[data-gte-theme="dark-professional"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="dark-professional"] .usdt-currency-calculator-card .usdt-currency-rate > div {
    border: 1px solid #2f3035 !important;
}

html[data-gte-theme="midnight"] .usdt-currency-calculator-card,
html[data-gte-theme="midnight"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="midnight"] .usdt-currency-calculator-card .usdt-currency-rate > div {
    border: 1px solid #27303c !important;
}

html[data-gte-theme="carbon"] .usdt-currency-calculator-card,
html[data-gte-theme="carbon"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="carbon"] .usdt-currency-calculator-card .usdt-currency-rate > div {
    border: 1px solid #2f2f2f !important;
}

html[data-gte-theme="obsidian"] .usdt-currency-calculator-card,
html[data-gte-theme="obsidian"] .usdt-currency-calculator-card .usdt-currency-box,
html[data-gte-theme="obsidian"] .usdt-currency-calculator-card .usdt-currency-rate > div {
    border: 1px solid #2a2a2f !important;
}

/* The outer frame has no separate white outline/highlight. */
html[data-gte-theme] .usdt-currency-calculator-card {
    outline: none !important;
}

/* The rate container itself has no independent border; the three
   visible rate panels use the same border as the calculator frame. */
html[data-gte-theme] .usdt-currency-calculator-card .usdt-currency-rate {
    border: 0 !important;
    box-shadow: none !important;
}


/* ==========================================================
   29. WORDPRESS ADMIN — COMPLETE THEME LAYER
   Public frontend is untouched. Only data-gte-admin-theme is used.
   ========================================================== */

/* Main WordPress admin canvas */
html[data-gte-admin-theme] body,
html[data-gte-admin-theme] #wpwrap,
html[data-gte-admin-theme] #wpcontent,
html[data-gte-admin-theme] #wpbody,
html[data-gte-admin-theme] #wpbody-content {
    background: var(--gte-background) !important;
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] #wpcontent a:not(.button):not(.page-title-action) {
    color: var(--gte-primary) !important;
}

/* Admin bar */
html[data-gte-admin-theme] #wpadminbar {
    background: var(--gte-admin-nav-bg) !important;
    color: var(--gte-admin-nav-text) !important;
}

html[data-gte-admin-theme] #wpadminbar .ab-item,
html[data-gte-admin-theme] #wpadminbar a.ab-item,
html[data-gte-admin-theme] #wpadminbar > #wp-toolbar span.ab-label,
html[data-gte-admin-theme] #wpadminbar > #wp-toolbar span.noticon {
    color: var(--gte-admin-nav-text) !important;
}

html[data-gte-admin-theme] #wpadminbar .ab-icon:before,
html[data-gte-admin-theme] #wpadminbar .ab-item:before {
    color: var(--gte-admin-nav-text) !important;
}

/* Left admin menu */
html[data-gte-admin-theme] #adminmenuback,
html[data-gte-admin-theme] #adminmenuwrap,
html[data-gte-admin-theme] #adminmenu {
    background: var(--gte-admin-nav-bg) !important;
}

html[data-gte-admin-theme] #adminmenu a,
html[data-gte-admin-theme] #adminmenu div.wp-menu-image:before,
html[data-gte-admin-theme] #adminmenu .wp-menu-name {
    color: var(--gte-admin-nav-text) !important;
}

html[data-gte-admin-theme] #adminmenu li.menu-top:hover,
html[data-gte-admin-theme] #adminmenu li.menu-top.opensub > a.menu-top,
html[data-gte-admin-theme] #adminmenu li.menu-top > a.menu-top:focus {
    background: var(--gte-surface-2) !important;
}

html[data-gte-admin-theme] #adminmenu li.current a.menu-top,
html[data-gte-admin-theme] #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
html[data-gte-admin-theme] #adminmenu .wp-submenu,
html[data-gte-admin-theme] #adminmenu .wp-submenu-wrap {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] #adminmenu .wp-submenu a {
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] #adminmenu .wp-submenu a:hover,
html[data-gte-admin-theme] #adminmenu .wp-submenu .current a {
    color: var(--gte-primary) !important;
}

/* Main wrappers / headings */
html[data-gte-admin-theme] .wrap,
html[data-gte-admin-theme] .wrap > h1,
html[data-gte-admin-theme] .wrap > h2,
html[data-gte-admin-theme] .wrap > h3,
html[data-gte-admin-theme] .wrap > h4 {
    color: var(--gte-text) !important;
}

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

/* WordPress metaboxes — this covers Dashboard and most admin screens */
html[data-gte-admin-theme] .postbox,
html[data-gte-admin-theme] .stuffbox,
html[data-gte-admin-theme] .meta-box-sortables .postbox,
html[data-gte-admin-theme] .postbox .inside,
html[data-gte-admin-theme] .postbox-header {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] .postbox-header .hndle,
html[data-gte-admin-theme] .postbox-header h2 {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .handle-actions button,
html[data-gte-admin-theme] .handle-actions .toggle-indicator,
html[data-gte-admin-theme] .postbox .handlediv,
html[data-gte-admin-theme] .postbox .handle-order-higher,
html[data-gte-admin-theme] .postbox .handle-order-lower {
    color: var(--gte-muted) !important;
}

/* Inputs, selects, textareas */
html[data-gte-admin-theme] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-gte-admin-theme] select,
html[data-gte-admin-theme] textarea {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

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

/* Tables */
html[data-gte-admin-theme] .wp-list-table,
html[data-gte-admin-theme] .wp-list-table thead,
html[data-gte-admin-theme] .wp-list-table tfoot,
html[data-gte-admin-theme] .wp-list-table tbody,
html[data-gte-admin-theme] .wp-list-table tr,
html[data-gte-admin-theme] .wp-list-table th,
html[data-gte-admin-theme] .wp-list-table td {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] .wp-list-table.striped > tbody > :nth-child(odd) {
    background: var(--gte-surface-2) !important;
}

/* Common WordPress buttons */
html[data-gte-admin-theme] .wrap .button:not(.button-primary) {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] .wrap .button-primary {
    background: var(--gte-primary) !important;
    color: #fff !important;
    border-color: var(--gte-primary) !important;
}

html[data-gte-admin-theme] .wrap .button-primary:hover {
    background: var(--gte-primary-hover) !important;
    border-color: var(--gte-primary-hover) !important;
}

/* Notices */
html[data-gte-admin-theme] .notice,
html[data-gte-admin-theme] .updated,
html[data-gte-admin-theme] .error,
html[data-gte-admin-theme] .notice-info,
html[data-gte-admin-theme] .notice-warning {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

/* ==========================================================
   30. USDT EXCHANGE ADMIN — DASHBOARD WIDGETS
   Based on the exact dashboard markup supplied by the user.
   ========================================================== */

html[data-gte-admin-theme] #usdt_exchange_dashboard_widget,
html[data-gte-admin-theme] #usdt_exchange_open_orders_widget,
html[data-gte-admin-theme] #usdt_exchange_comments_widget,
html[data-gte-admin-theme] #gte_dashboard_widget {
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
}

/* Service control */
html[data-gte-admin-theme] .usdt-wp-service-control {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-wp-service-control strong,
html[data-gte-admin-theme] .usdt-wp-service-control span {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-wp-service-control span[style*="color:#64748b"] {
    color: var(--gte-muted) !important;
}

/* Dashboard automatic monitor */
html[data-gte-admin-theme] .usdt-wp-dashboard-monitor {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-wp-dashboard-monitor-info strong {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-wp-dashboard-monitor-info span {
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] .usdt-wp-dashboard-monitor-icon {
    background: var(--gte-surface) !important;
    color: var(--gte-primary) !important;
}

html[data-gte-admin-theme] .usdt-wp-dashboard-monitor-state {
    background: var(--gte-surface) !important;
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] .usdt-wp-dashboard-monitor.is-active .usdt-wp-dashboard-monitor-state {
    background: color-mix(in srgb, var(--gte-primary) 14%, var(--gte-surface)) !important;
    color: var(--gte-primary) !important;
}

/* Main KPI strip */
html[data-gte-admin-theme] .usdt-admin-dashboard,
html[data-gte-admin-theme] .usdt-wp-compact {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-wp-compact > div {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-wp-compact > div > span,
html[data-gte-admin-theme] .usdt-wp-compact > div > strong {
    color: var(--gte-text) !important;
}

/* Open-order widget */
html[data-gte-admin-theme] .usdt-widget-orders {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-widget-orders-head {
    border-bottom-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] .usdt-widget-title-icon,
html[data-gte-admin-theme] .usdt-widget-orders-counter {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
}

html[data-gte-admin-theme] .usdt-widget-orders-title strong,
html[data-gte-admin-theme] .usdt-widget-order-head strong,
html[data-gte-admin-theme] .usdt-widget-info strong {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-widget-orders-title span,
html[data-gte-admin-theme] .usdt-widget-destination span,
html[data-gte-admin-theme] .usdt-widget-subinfo,
html[data-gte-admin-theme] .usdt-widget-meta,
html[data-gte-admin-theme] .usdt-widget-info > span:not(.usdt-info-icon),
html[data-gte-admin-theme] .usdt-widget-empty span {
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] .usdt-widget-groupbox {
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] .usdt-widget-group-title,
html[data-gte-admin-theme] .usdt-widget-mini-title {
    background: var(--gte-surface) !important;
    color: var(--gte-primary) !important;
}

html[data-gte-admin-theme] .usdt-widget-order-card,
html[data-gte-admin-theme] .usdt-widget-info,
html[data-gte-admin-theme] .usdt-widget-qr {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-widget-order-toggle {
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] .usdt-widget-destination strong,
html[data-gte-admin-theme] .usdt-widget-subinfo strong,
html[data-gte-admin-theme] .usdt-widget-meta b {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-widget-status-box {
    border-top-color: var(--gte-border) !important;
}

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

html[data-gte-admin-theme] .usdt-widget-footer a {
    color: var(--gte-primary) !important;
}

html[data-gte-admin-theme] .usdt-widget-qr > span,
html[data-gte-admin-theme] .usdt-widget-qr code {
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] .usdt-widget-qr img {
    background: #fff !important;
}

/* Comments widget */
html[data-gte-admin-theme] .usdt-comments-widget {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-head {
    border-bottom-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-title strong,
html[data-gte-admin-theme] .usdt-comments-widget-card strong {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-title span,
html[data-gte-admin-theme] .usdt-comments-widget-summary-text span,
html[data-gte-admin-theme] .usdt-comments-widget-label,
html[data-gte-admin-theme] .usdt-comments-widget-message-label,
html[data-gte-admin-theme] .usdt-comments-widget-empty span {
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-icon,
html[data-gte-admin-theme] .usdt-comments-widget-count,
html[data-gte-admin-theme] .usdt-comments-widget-avatar {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-card,
html[data-gte-admin-theme] .usdt-comments-widget-message {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-summary:focus {
    outline-color: var(--gte-primary) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-value,
html[data-gte-admin-theme] .usdt-comments-widget-message-text {
    color: var(--gte-text) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-arrow {
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] .usdt-comments-widget-body,
html[data-gte-admin-theme] .usdt-comments-widget-actions {
    border-top-color: var(--gte-border) !important;
}

/* GTE own Dashboard widget and control center inherit the same admin theme */
html[data-gte-admin-theme] .gte-admin-widget,
html[data-gte-admin-theme] .gte-admin-page,
html[data-gte-admin-theme] .gte-admin-panel {
    color: var(--gte-text) !important;
    background: var(--gte-surface) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] .gte-admin-hero {
    background: linear-gradient(135deg, var(--gte-surface-2), var(--gte-surface)) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-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-text) !important;
}

html[data-gte-admin-theme] .gte-admin-eyebrow,
html[data-gte-admin-theme] .gte-admin-panel-kicker,
html[data-gte-admin-theme] .gte-admin-status-dot,
html[data-gte-admin-theme] .gte-admin-help {
    color: var(--gte-muted) !important;
}

html[data-gte-admin-theme] .gte-admin-theme-card,
html[data-gte-admin-theme] .gte-admin-theme-mini {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-admin-theme] .gte-admin-theme-card:hover,
html[data-gte-admin-theme] .gte-admin-theme-mini:hover {
    border-color: var(--gte-primary) !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-primary) !important;
}

html[data-gte-admin-theme] .gte-admin-theme-card-body strong,
html[data-gte-admin-theme] .gte-admin-theme-card-body small,
html[data-gte-admin-theme] .gte-admin-widget-foot,
html[data-gte-admin-theme] .gte-admin-widget-foot a {
    color: var(--gte-text) !important;
}

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

html[data-gte-admin-theme] .gte-code-box code {
    color: var(--gte-text) !important;
}

/* Responsive admin */
@media (max-width: 782px) {
    html[data-gte-admin-theme] #wpcontent,
    html[data-gte-admin-theme] #wpbody-content {
        background: var(--gte-background) !important;
    }
}

.gte-swatch-wordpress{background:#2271b1}


/* ==========================================================
   31. USDT EXCHANGE — QUOTE / LIMIT / PIX CONTROLS
   Exact classes/IDs supplied by the Exchange markup.
   ========================================================== */

/* Search input row ------------------------------------------------ */
html[data-gte-theme] .usdt-order-search-input-row {
    background: transparent !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] #usdt-order-search-input {
    background: var(--gte-input-bg) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-input-border) !important;
    border-color: var(--gte-input-border) !important;
    box-shadow: none !important;
}

html[data-gte-theme] #usdt-order-search-input:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--gte-primary) 18%, transparent) !important;
}

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

/* Search button: own USDT action, not a native Hestia control. */
html[data-gte-theme] #usdt-order-search-submit.usdt-btn.usdt-primary,
html[data-gte-theme] .usdt-order-search-input-row #usdt-order-search-submit {
    background: var(--gte-primary) !important;
    background-color: var(--gte-primary) !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid var(--gte-primary) !important;
    border-color: var(--gte-primary) !important;
    box-shadow: none !important;
}

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

/* Choice icon ----------------------------------------------------- */
html[data-gte-theme] .usdt-choice-icon {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}

/* Limits ---------------------------------------------------------- */
html[data-gte-theme] .usdt-limits {
    color: var(--gte-muted) !important;
}

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

/* Quote status blocks --------------------------------------------- */
html[data-gte-theme] .usdt-step-quote-status,
html[data-gte-theme] .usdt-step5-quote {
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}

html[data-gte-theme] .usdt-step-quote-status > span,
html[data-gte-theme] .usdt-step5-quote > span {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .usdt-step-quote-status strong,
html[data-gte-theme] .usdt-step5-quote strong {
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-step-quote-status small,
html[data-gte-theme] .usdt-step5-quote small,
html[data-gte-theme] .usdt-quote-refresh-timer {
    color: var(--gte-muted) !important;
}

/* Customer PIX input ---------------------------------------------- */
html[data-gte-theme] #usdt_customer_pix {
    background: var(--gte-input-bg) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-input-border) !important;
    border-color: var(--gte-input-border) !important;
    box-shadow: none !important;
}

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

html[data-gte-theme] #usdt_customer_pix:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--gte-primary) 18%, transparent) !important;
}

/* Explicit dark-theme readability for these exact components. */
html[data-gte-theme="dark-professional"] #usdt-order-search-input,
html[data-gte-theme="midnight"] #usdt-order-search-input,
html[data-gte-theme="carbon"] #usdt-order-search-input,
html[data-gte-theme="obsidian"] #usdt-order-search-input,
html[data-gte-theme="dark-professional"] #usdt_customer_pix,
html[data-gte-theme="midnight"] #usdt_customer_pix,
html[data-gte-theme="carbon"] #usdt_customer_pix,
html[data-gte-theme="obsidian"] #usdt_customer_pix {
    color: var(--gte-text) !important;
    background: var(--gte-input-bg) !important;
    border-color: var(--gte-input-border) !important;
}

html[data-gte-theme="dark-professional"] .usdt-step-quote-status,
html[data-gte-theme="midnight"] .usdt-step-quote-status,
html[data-gte-theme="carbon"] .usdt-step-quote-status,
html[data-gte-theme="obsidian"] .usdt-step-quote-status,
html[data-gte-theme="dark-professional"] .usdt-step5-quote,
html[data-gte-theme="midnight"] .usdt-step5-quote,
html[data-gte-theme="carbon"] .usdt-step5-quote,
html[data-gte-theme="obsidian"] .usdt-step5-quote {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}


/* ==========================================================
   32. USDT EXCHANGE — FINAL CONTROL CONSISTENCY
   Only the exact Exchange controls are normalized here.
   Goal: no washed-out/transparent controls and no foreign
   white/gray colors escaping the active theme.
   ========================================================== */

/* Search input / action row -------------------------------------- */
html[data-gte-theme] .usdt-order-search-input-row {
    background: transparent !important;
    color: var(--gte-text) !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

html[data-gte-theme] .usdt-order-search-input-row::before,
html[data-gte-theme] .usdt-order-search-input-row::after {
    border-color: var(--gte-border) !important;
}

/* The actual search field must always look like a themed field. */
html[data-gte-theme] .usdt-order-search-input-row input.form-control,
html[data-gte-theme] .usdt-order-search-input-row input[type="text"],
html[data-gte-theme] #usdt-order-search-input {
    min-height: var(--gte-input-height) !important;
    background: var(--gte-input-bg) !important;
    background-color: var(--gte-input-bg) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0) !important;
}

html[data-gte-theme] #usdt-order-search-input:hover {
    border-color: color-mix(in srgb, var(--gte-primary) 45%, var(--gte-border)) !important;
}

html[data-gte-theme] #usdt-order-search-input:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gte-primary) 16%, transparent) !important;
    outline: none !important;
}

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

/* Search button remains a strong, clear theme action. */
html[data-gte-theme] #usdt-order-search-submit.usdt-btn.usdt-primary {
    min-height: var(--gte-input-height) !important;
    background: var(--gte-primary) !important;
    background-color: var(--gte-primary) !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid var(--gte-primary) !important;
    border-color: var(--gte-primary) !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    box-shadow: none !important;
}

/* Choice icon: visible accent reference, not a washed-out gray item. */
html[data-gte-theme] .usdt-choice-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}

/* Limits: each value receives the same neutral theme treatment. */
html[data-gte-theme] .usdt-limits {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--gte-muted) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html[data-gte-theme] .usdt-limits span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 4px 9px !important;
    box-sizing: border-box !important;
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    color: var(--gte-muted) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    border-radius: var(--gte-radius-small) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Current quote: stronger visual hierarchy. */
html[data-gte-theme] .usdt-step-quote-status,
html[data-gte-theme] .usdt-step5-quote {
    display: flex !important;
    align-items: center !important;
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.05) !important;
}

html[data-gte-theme] .usdt-step-quote-status > span,
html[data-gte-theme] .usdt-step5-quote > span {
    color: var(--gte-muted) !important;
    opacity: 1 !important;
}

html[data-gte-theme] .usdt-step-quote-status strong,
html[data-gte-theme] .usdt-step5-quote strong {
    color: var(--gte-primary) !important;
    opacity: 1 !important;
    font-weight: 800 !important;
}

html[data-gte-theme] .usdt-step-quote-status small,
html[data-gte-theme] .usdt-step5-quote small,
html[data-gte-theme] .usdt-quote-refresh-timer {
    color: var(--gte-muted) !important;
    opacity: 1 !important;
}

/* PIX field follows exactly the same field language as the order search. */
html[data-gte-theme] #usdt_customer_pix,
html[data-gte-theme] input#usdt_customer_pix.form-control {
    min-height: var(--gte-input-height) !important;
    background: var(--gte-input-bg) !important;
    background-color: var(--gte-input-bg) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0) !important;
}

html[data-gte-theme] #usdt_customer_pix:hover {
    border-color: color-mix(in srgb, var(--gte-primary) 45%, var(--gte-border)) !important;
}

html[data-gte-theme] #usdt_customer_pix:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gte-primary) 16%, transparent) !important;
    outline: none !important;
}

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

/* Prevent a parent opacity/filter from washing out these exact controls. */
html[data-gte-theme] .usdt-order-search-input-row,
html[data-gte-theme] .usdt-choice-icon,
html[data-gte-theme] .usdt-limits,
html[data-gte-theme] .usdt-step-quote-status,
html[data-gte-theme] .usdt-step5-quote,
html[data-gte-theme] #usdt_customer_pix {
    mix-blend-mode: normal !important;
}


/* ==========================================================
   33. USDT EXCHANGE — CHOICE ICON / QUOTE TIMER
   Only these exact controls are changed.
   ========================================================== */

html[data-gte-theme] .usdt-choice-icon {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-width:0 !important;
    border-color:transparent !important;
    box-shadow:none !important;
    outline:none !important;
    color:var(--gte-primary) !important;
    padding:0 !important;
    opacity:1 !important;
    filter:none !important;
}

html[data-gte-theme] .usdt-quote-refresh-timer,
html[data-gte-theme] small.usdt-quote-refresh-timer {
    display:inline-block !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-width:0 !important;
    border-color:transparent !important;
    box-shadow:none !important;
    outline:none !important;
    color:var(--gte-muted) !important;
    padding:0 !important;
    opacity:1 !important;
    filter:none !important;
}

html[data-gte-theme] #usdt-quote-timer-step3,
html[data-gte-theme] #usdt-quote-timer-step4,
html[data-gte-theme] #usdt-quote-timer-step5 {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    color:var(--gte-muted) !important;
    opacity:1 !important;
}

/* ==========================================================
   34. USDT BUY/SELL CHOICE ICON — FINAL
   The arrow is decorative only:
   - transparent background
   - no border/shadow
   - theme-controlled arrow color
   - same size in Buy and Sell
   - no hover color change
   ========================================================== */

html[data-gte-theme] .usdt-choice-icon,
html[data-gte-theme] .usdt-choice-icon:hover,
html[data-gte-theme] .usdt-choice-icon:focus,
html[data-gte-theme] .usdt-choice-icon:focus-visible,
html[data-gte-theme] .usdt-choice-icon:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* The icon color follows the active GTE theme. */
    color: var(--gte-primary) !important;
    -webkit-text-fill-color: var(--gte-primary) !important;

    /* No colored backing whatsoever. */
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-shadow: none !important;

    /* Restore a stable readable arrow size after the previous all:unset. */
    font-family: inherit !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 auto 8px !important;

    /* Decorative element: no independent interaction/selection. */
    pointer-events: none !important;
    cursor: inherit !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-drag: none !important;
    caret-color: transparent !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    text-decoration: none !important;
}

/* The surrounding Buy/Sell hover must not recolor the arrow. */
html[data-gte-theme] *:hover > .usdt-choice-icon,
html[data-gte-theme] *:focus > .usdt-choice-icon,
html[data-gte-theme] *:focus-within > .usdt-choice-icon {
    color: var(--gte-primary) !important;
    -webkit-text-fill-color: var(--gte-primary) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

/* Pseudo-elements cannot create a backing shape or override the color. */
html[data-gte-theme] .usdt-choice-icon::before,
html[data-gte-theme] .usdt-choice-icon::after {
    color: var(--gte-primary) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Explicit theme colors, so the arrow is never forced to white. */
html[data-gte-theme="professional"] .usdt-choice-icon,
html[data-gte-theme="professional"] .usdt-choice-icon::before,
html[data-gte-theme="professional"] .usdt-choice-icon::after {
    color: #e91e63 !important;
    -webkit-text-fill-color: #e91e63 !important;
}

html[data-gte-theme="slate"] .usdt-choice-icon,
html[data-gte-theme="slate"] .usdt-choice-icon::before,
html[data-gte-theme="slate"] .usdt-choice-icon::after {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

html[data-gte-theme="graphite"] .usdt-choice-icon,
html[data-gte-theme="graphite"] .usdt-choice-icon::before,
html[data-gte-theme="graphite"] .usdt-choice-icon::after {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}

html[data-gte-theme="dark-professional"] .usdt-choice-icon,
html[data-gte-theme="dark-professional"] .usdt-choice-icon::before,
html[data-gte-theme="dark-professional"] .usdt-choice-icon::after {
    color: #3b82f6 !important;
    -webkit-text-fill-color: #3b82f6 !important;
}

html[data-gte-theme="midnight"] .usdt-choice-icon,
html[data-gte-theme="midnight"] .usdt-choice-icon::before,
html[data-gte-theme="midnight"] .usdt-choice-icon::after {
    color: #38bdf8 !important;
    -webkit-text-fill-color: #38bdf8 !important;
}

html[data-gte-theme="carbon"] .usdt-choice-icon,
html[data-gte-theme="carbon"] .usdt-choice-icon::before,
html[data-gte-theme="carbon"] .usdt-choice-icon::after {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

html[data-gte-theme="obsidian"] .usdt-choice-icon,
html[data-gte-theme="obsidian"] .usdt-choice-icon::before,
html[data-gte-theme="obsidian"] .usdt-choice-icon::after {
    color: #a78bfa !important;
    -webkit-text-fill-color: #a78bfa !important;
}


/* ==========================================================
   38. HESTIA TEXT — EXPLICIT THEME COLORS
   Exact classes supplied for the "Me conheça" section.
   ========================================================== */

/* Hestia section title */
html[data-gte-theme] h2.hestia-title {
    color: var(--gte-text) !important;
    text-shadow: none !important;
}

/* Card title */
html[data-gte-theme] h4.card-title {
    color: var(--gte-text) !important;
    text-shadow: none !important;
}

/* Dark themes: reinforce readable light typography. */
html[data-gte-theme="dark-professional"] h2.hestia-title,
html[data-gte-theme="midnight"] h2.hestia-title,
html[data-gte-theme="carbon"] h2.hestia-title,
html[data-gte-theme="obsidian"] h2.hestia-title,
html[data-gte-theme="dark-professional"] h4.card-title,
html[data-gte-theme="midnight"] h4.card-title,
html[data-gte-theme="carbon"] h4.card-title,
html[data-gte-theme="obsidian"] h4.card-title {
    color: var(--gte-text) !important;
}

/* Light themes: reinforce readable dark typography. */
html[data-gte-theme="professional"] h2.hestia-title,
html[data-gte-theme="slate"] h2.hestia-title,
html[data-gte-theme="graphite"] h2.hestia-title,
html[data-gte-theme="professional"] h4.card-title,
html[data-gte-theme="slate"] h4.card-title,
html[data-gte-theme="graphite"] h4.card-title {
    color: var(--gte-text) !important;
}


/* ==========================================================
   39. USDT PAYMENT TIMER
   Direct selector: not dependent on #usdt-exchange-app.
   ========================================================== */

html[data-gte-theme] .usdt-payment-timer-box {
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

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

html[data-gte-theme] .usdt-payment-timer-box strong {
    color: var(--gte-primary) !important;
    font-weight: 800 !important;
}

html[data-gte-theme] .usdt-payment-timer-box small {
    color: var(--gte-muted) !important;
}

/* ==========================================================
   40. USDT COMMENT FORM — STEP 6
   Direct selectors from the actual markup supplied by the user.
   This avoids the old dependency on #usdt-exchange-app.
   ========================================================== */

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

html[data-gte-theme] .usdt-comments-step6-panel-title {
    color: var(--gte-primary) !important;
    background: transparent !important;
    border-color: var(--gte-border) !important;
}

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

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

html[data-gte-theme] .usdt-comments-step6-field > label,
html[data-gte-theme] .usdt-comments-step6-field label {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-comments-step6-field label small,
html[data-gte-theme] .usdt-comments-step6-help {
    color: var(--gte-muted) !important;
}

/* Inputs and textarea */
html[data-gte-theme] .usdt-comments-step6-field input.form-control,
html[data-gte-theme] .usdt-comments-step6-field textarea.form-control,
html[data-gte-theme] #usdt-comment-author-name,
html[data-gte-theme] #usdt-comment-title,
html[data-gte-theme] #usdt-comment-message {
    background: var(--gte-input-bg) !important;
    background-color: var(--gte-input-bg) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-input-border) !important;
    border-color: var(--gte-input-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html[data-gte-theme] .usdt-comments-step6-field input.form-control::placeholder,
html[data-gte-theme] .usdt-comments-step6-field textarea.form-control::placeholder,
html[data-gte-theme] #usdt-comment-author-name::placeholder,
html[data-gte-theme] #usdt-comment-title::placeholder,
html[data-gte-theme] #usdt-comment-message::placeholder {
    color: var(--gte-placeholder) !important;
    opacity: 1 !important;
}

html[data-gte-theme] .usdt-comments-step6-field input.form-control:hover,
html[data-gte-theme] .usdt-comments-step6-field textarea.form-control:hover {
    border-color: color-mix(in srgb, var(--gte-primary) 42%, var(--gte-border)) !important;
}

html[data-gte-theme] .usdt-comments-step6-field input.form-control:focus,
html[data-gte-theme] .usdt-comments-step6-field textarea.form-control:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gte-primary) 14%, transparent) !important;
    outline: none !important;
}

/* Photo preview */
html[data-gte-theme] .usdt-comments-step6-photo-preview {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}

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

/* File selector: inline white/rgb styles in the original markup are
   intentionally overridden here with !important. */
html[data-gte-theme] .usdt-comments-step6-photo-content .usdt-localized-file {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .usdt-comments-step6-photo-content .usdt-localized-file-button {
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}

html[data-gte-theme] .usdt-comments-step6-photo-content .usdt-localized-file-name {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--gte-muted) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-comments-step6-photo-content .usdt-localized-file:hover
.usdt-localized-file-button {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-comments-step6-photo-content .usdt-localized-file:hover
.usdt-localized-file-name {
    color: var(--gte-text) !important;
}

/* Rating title and star */
html[data-gte-theme] .usdt-comments-step6-group-title {
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    background: transparent !important;
}

html[data-gte-theme] .usdt-comments-step6-group-title span {
    color: var(--gte-primary) !important;
}

/* Explicit dark-theme contrast for all Step 6 content. */
html[data-gte-theme="dark-professional"] .usdt-comments-step6-panel,
html[data-gte-theme="midnight"] .usdt-comments-step6-panel,
html[data-gte-theme="carbon"] .usdt-comments-step6-panel,
html[data-gte-theme="obsidian"] .usdt-comments-step6-panel {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme="dark-professional"] .usdt-comments-step6-field input.form-control,
html[data-gte-theme="midnight"] .usdt-comments-step6-field input.form-control,
html[data-gte-theme="carbon"] .usdt-comments-step6-field input.form-control,
html[data-gte-theme="obsidian"] .usdt-comments-step6-field input.form-control,
html[data-gte-theme="dark-professional"] .usdt-comments-step6-field textarea.form-control,
html[data-gte-theme="midnight"] .usdt-comments-step6-field textarea.form-control,
html[data-gte-theme="carbon"] .usdt-comments-step6-field textarea.form-control,
html[data-gte-theme="obsidian"] .usdt-comments-step6-field textarea.form-control {
    background: var(--gte-input-bg) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-input-border) !important;
}


/* ==========================================================
   41. USDT FINAL RECOVERY / ORDER SUBMITTED
   Exact selector from the Exchange markup.
   ========================================================== */

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

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

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

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

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

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

html[data-gte-theme] .usdt-final-status {
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    color: var(--gte-muted) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .usdt-final-recovery .usdt-final-status-link {
    background: var(--gte-primary) !important;
    background-color: var(--gte-primary) !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid var(--gte-primary) !important;
    border-color: var(--gte-primary) !important;
    box-shadow: none !important;
}

html[data-gte-theme] .usdt-final-recovery .usdt-final-status-link:hover,
html[data-gte-theme] .usdt-final-recovery .usdt-final-status-link:focus {
    background: var(--gte-primary-hover) !important;
    background-color: var(--gte-primary-hover) !important;
    color: #ffffff !important;
    border-color: var(--gte-primary-hover) !important;
}


/* ==========================================================
   42. USDT BANK / AMOUNT / TX URL CONTROLS
   Exact selectors supplied by the Exchange markup.
   ========================================================== */

/* Available bank balance card */
html[data-gte-theme] #usdt-bank-box.usdt-bank-box {
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html[data-gte-theme] #usdt-bank-box.usdt-bank-box > span {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] #usdt-bank-box.usdt-bank-box > strong {
    color: var(--gte-text) !important;
}

html[data-gte-theme] #usdt-bank-available-display {
    color: var(--gte-primary) !important;
    font-weight: 800 !important;
}

/* USDT amount */
html[data-gte-theme] #usdt_usdt_amount.usdt-usdt-input.form-control,
html[data-gte-theme] input#usdt_usdt_amount.usdt-usdt-input {
    background: var(--gte-input-bg) !important;
    background-color: var(--gte-input-bg) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-input-border) !important;
    border-color: var(--gte-input-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

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

html[data-gte-theme] #usdt_usdt_amount.usdt-usdt-input:hover {
    border-color: color-mix(in srgb, var(--gte-primary) 45%, var(--gte-border)) !important;
}

html[data-gte-theme] #usdt_usdt_amount.usdt-usdt-input:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gte-primary) 14%, transparent) !important;
    outline: none !important;
}

/* Transaction URL */
html[data-gte-theme] #usdt_tx_url.form-control,
html[data-gte-theme] input#usdt_tx_url[type="url"] {
    background: var(--gte-input-bg) !important;
    background-color: var(--gte-input-bg) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-input-border) !important;
    border-color: var(--gte-input-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

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

html[data-gte-theme] #usdt_tx_url:hover {
    border-color: color-mix(in srgb, var(--gte-primary) 45%, var(--gte-border)) !important;
}

html[data-gte-theme] #usdt_tx_url:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gte-primary) 14%, transparent) !important;
    outline: none !important;
}

/* Keep these controls from inheriting washed-out or white appearance. */
html[data-gte-theme] #usdt-bank-box.usdt-bank-box,
html[data-gte-theme] #usdt_usdt_amount.usdt-usdt-input,
html[data-gte-theme] #usdt_tx_url {
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* ==========================================================
   43. USDT EXCHANGE — ORDER STATUS / WALLET / FILE CONTROL
   ========================================================== */

html[data-gte-theme] .usdt-localized-file-button,
html[data-gte-theme] .usdt-localized-file-button[style] {
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
html[data-gte-theme] .usdt-localized-file-button:hover {
    background: var(--gte-surface) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-order-status-box {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}
html[data-gte-theme] .usdt-order-status-box span { color: var(--gte-muted) !important; }
html[data-gte-theme] .usdt-order-status-box strong {
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .usdt-status-current {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}
html[data-gte-theme] .usdt-status-current small { color: var(--gte-muted) !important; }
html[data-gte-theme] .usdt-status-current strong { color: var(--gte-text) !important; }

html[data-gte-theme] .usdt-status-line {
    color: var(--gte-muted) !important;
    border-color: var(--gte-border) !important;
}
html[data-gte-theme] .usdt-status-line span {
    color: var(--gte-muted) !important;
    background: transparent !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}
html[data-gte-theme] .usdt-status-line span.active {
    color: var(--gte-primary) !important;
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-primary) !important;
    box-shadow: none !important;
    font-weight: 800 !important;
}

html[data-gte-theme] #usdt_buy_wallet_address.form-control,
html[data-gte-theme] #usdt_buy_exchange_uid.form-control,
html[data-gte-theme] input#usdt_buy_wallet_address,
html[data-gte-theme] input#usdt_buy_exchange_uid {
    background: var(--gte-input-bg) !important;
    background-color: var(--gte-input-bg) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-input-border) !important;
    border-color: var(--gte-input-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
html[data-gte-theme] #usdt_buy_wallet_address::placeholder,
html[data-gte-theme] #usdt_buy_exchange_uid::placeholder {
    color: var(--gte-placeholder) !important;
    opacity: 1 !important;
}
html[data-gte-theme] #usdt_buy_wallet_address:focus,
html[data-gte-theme] #usdt_buy_exchange_uid:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gte-primary) 14%, transparent) !important;
    outline: none !important;
}

html[data-gte-theme] .usdt-pending-order {
    background: var(--gte-surface) !important;
    background-color: var(--gte-surface) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: var(--gte-shadow-small) !important;
    opacity: 1 !important;
}
html[data-gte-theme] .usdt-pending-icon {
    background: var(--gte-surface-2) !important;
    color: var(--gte-primary) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
}
html[data-gte-theme] .usdt-pending-content { color: var(--gte-text) !important; }
html[data-gte-theme] .usdt-pending-content small { color: var(--gte-primary) !important; }
html[data-gte-theme] .usdt-pending-content strong { color: var(--gte-text) !important; }
html[data-gte-theme] .usdt-pending-content span { color: var(--gte-muted) !important; }

html[data-gte-theme] #usdt-pending-link.usdt-btn.usdt-primary {
    background: var(--gte-primary) !important;
    background-color: var(--gte-primary) !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid var(--gte-primary) !important;
    border-color: var(--gte-primary) !important;
    box-shadow: none !important;
}
html[data-gte-theme] #usdt-pending-link.usdt-btn.usdt-primary:hover,
html[data-gte-theme] #usdt-pending-link.usdt.btn.usdt-primary:focus {
    background: var(--gte-primary-hover) !important;
    background-color: var(--gte-primary-hover) !important;
    color: #fff !important;
    border-color: var(--gte-primary-hover) !important;
}

/* ==========================================================
   44. USDT BUY BANK BALANCE
   Exact selector supplied by the Exchange.
   ========================================================== */

html[data-gte-theme] #usdt-buy-bank-box.usdt-bank-box.usdt-buy-bank-box {
    background: var(--gte-surface-2) !important;
    background-color: var(--gte-surface-2) !important;
    background-image: none !important;
    color: var(--gte-text) !important;
    border: 1px solid var(--gte-border) !important;
    border-color: var(--gte-border) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

html[data-gte-theme] #usdt-buy-bank-box.usdt-bank-box.usdt-buy-bank-box > span {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] #usdt-buy-bank-box.usdt-bank-box.usdt-buy-bank-box > strong {
    color: var(--gte-text) !important;
}

html[data-gte-theme] #usdt-buy-bank-available-display {
    color: var(--gte-primary) !important;
    font-weight: 800 !important;
}


/* ==========================================================
   45. HESTIA MOBILE / TABLET NAVIGATION
   IMPORTANT: desktop navigation is intentionally untouched.
   Hestia collapses the navbar below the desktop breakpoint and
   its native white mobile panel can conflict with dark themes.
   ========================================================== */

@media (max-width: 991px) {

    /* The collapsed navigation panel itself */
    html[data-gte-theme] #main-navigation.navbar-collapse,
    html[data-gte-theme] #main-navigation.navbar-collapse.collapse,
    html[data-gte-theme] #main-navigation.navbar-collapse.in {
        background: var(--gte-nav-bg) !important;
        background-color: var(--gte-nav-bg) !important;
        background-image: none !important;
        color: var(--gte-nav-text) !important;
        border-top: 1px solid var(--gte-border) !important;
        border-bottom: 1px solid var(--gte-border) !important;
        box-shadow: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    /* Menu list */
    html[data-gte-theme] #main-navigation #menu-menu-principal,
    html[data-gte-theme] #main-navigation .navbar-nav {
        background: var(--gte-nav-bg) !important;
        background-color: var(--gte-nav-bg) !important;
        color: var(--gte-nav-text) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html[data-gte-theme] #main-navigation #menu-menu-principal > li,
    html[data-gte-theme] #main-navigation .navbar-nav > li {
        background: transparent !important;
        background-color: transparent !important;
        border-color: var(--gte-border) !important;
        color: var(--gte-nav-text) !important;
        max-width: 100% !important;
    }

    /* Links: explicit theme color prevents white-on-white / dark-on-dark. */
    html[data-gte-theme] #main-navigation #menu-menu-principal > li > a,
    html[data-gte-theme] #main-navigation .navbar-nav > li > a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: transparent !important;
        background-color: transparent !important;
        color: var(--gte-nav-text) !important;
        border-color: var(--gte-border) !important;
        text-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html[data-gte-theme] #main-navigation #menu-menu-principal > li > a:hover,
    html[data-gte-theme] #main-navigation #menu-menu-principal > li > a:focus,
    html[data-gte-theme] #main-navigation #menu-menu-principal > li.active > a,
    html[data-gte-theme] #main-navigation #menu-menu-principal > li.current-menu-item > a {
        background: var(--gte-surface-2) !important;
        background-color: var(--gte-surface-2) !important;
        color: var(--gte-nav-hover) !important;
        opacity: 1 !important;
    }

    /* Header/toggle area */
    html[data-gte-theme] .navbar .navbar-header,
    html[data-gte-theme] .navbar .navbar-toggle {
        color: var(--gte-nav-text) !important;
        background: var(--gte-nav-bg) !important;
    }

    html[data-gte-theme] .navbar .navbar-toggle {
        border: 1px solid var(--gte-border) !important;
        border-color: var(--gte-border) !important;
        box-shadow: none !important;
    }

    html[data-gte-theme] .navbar .navbar-toggle:hover,
    html[data-gte-theme] .navbar .navbar-toggle:focus,
    html[data-gte-theme] .navbar .navbar-toggle:active {
        background: var(--gte-surface-2) !important;
        background-color: var(--gte-surface-2) !important;
        border-color: var(--gte-primary) !important;
    }

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

    /* Brand/logo area inside the collapsed header */
    html[data-gte-theme] .navbar .navbar-brand,
    html[data-gte-theme] .navbar .navbar-brand:hover,
    html[data-gte-theme] .navbar .navbar-brand:focus {
        color: var(--gte-nav-text) !important;
    }

    /* Search inside the mobile menu */
    html[data-gte-theme] #main-navigation .hestia-search-in-menu,
    html[data-gte-theme] #main-navigation .hestia-nav-search,
    html[data-gte-theme] #main-navigation .search-form,
    html[data-gte-theme] #main-navigation .label-floating {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--gte-nav-text) !important;
        border-color: var(--gte-border) !important;
    }

    html[data-gte-theme] #main-navigation .search-field,
    html[data-gte-theme] #main-navigation .search-form input[type="search"] {
        background: var(--gte-surface) !important;
        background-color: var(--gte-surface) !important;
        color: var(--gte-text) !important;
        border: 1px solid var(--gte-border) !important;
        border-color: var(--gte-border) !important;
        box-shadow: none !important;
    }

    html[data-gte-theme] #main-navigation .search-field::placeholder,
    html[data-gte-theme] #main-navigation .search-form input[type="search"]::placeholder {
        color: var(--gte-muted) !important;
        opacity: 1 !important;
    }

    html[data-gte-theme] #main-navigation .search-submit {
        background: var(--gte-primary) !important;
        background-color: var(--gte-primary) !important;
        color: #ffffff !important;
        border-color: var(--gte-primary) !important;
        box-shadow: none !important;
    }

    html[data-gte-theme] #main-navigation .hestia-toggle-search,
    html[data-gte-theme] #main-navigation .hestia-toggle-search svg,
    html[data-gte-theme] #main-navigation .hestia-toggle-search svg path {
        color: var(--gte-nav-text) !important;
        fill: var(--gte-nav-text) !important;
    }

    /* Keep mobile menu fully opaque; no white panel leaking through. */
    html[data-gte-theme] #main-navigation,
    html[data-gte-theme] #main-navigation .navbar-nav,
    html[data-gte-theme] #main-navigation .navbar-nav > li,
    html[data-gte-theme] #main-navigation .navbar-nav > li > a {
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        mix-blend-mode: normal !important;
    }
}

/* Dark mobile/tablet themes: explicit values for maximum contrast. */
@media (max-width: 991px) {
    html[data-gte-theme="dark-professional"] #main-navigation.navbar-collapse,
    html[data-gte-theme="midnight"] #main-navigation.navbar-collapse,
    html[data-gte-theme="carbon"] #main-navigation.navbar-collapse,
    html[data-gte-theme="obsidian"] #main-navigation.navbar-collapse {
        background: var(--gte-nav-bg) !important;
        background-color: var(--gte-nav-bg) !important;
        color: var(--gte-nav-text) !important;
    }

    html[data-gte-theme="dark-professional"] #main-navigation #menu-menu-principal > li > a,
    html[data-gte-theme="midnight"] #main-navigation #menu-menu-principal > li > a,
    html[data-gte-theme="carbon"] #main-navigation #menu-menu-principal > li > a,
    html[data-gte-theme="obsidian"] #main-navigation #menu-menu-principal > li > a {
        color: var(--gte-nav-text) !important;
    }
}

/* ==========================================================
   5. CONTAS BANCÁRIAS — FRONTEND
   ========================================================== */

/*
 * O módulo original continua intacto quando o usuário seleciona
 * "WordPress Original" no Theme Engine. Todas as regras abaixo só
 * existem quando data-gte-theme está presente.
 */
html[data-gte-theme] .rm-bancos {
    --rm-bg: var(--gte-background);
    --rm-panel: var(--gte-surface);
    --rm-panel-2: var(--gte-surface-2);
    --rm-border: var(--gte-border);
    --rm-text: var(--gte-text);
    --rm-muted: var(--gte-muted);
    --rm-soft: var(--gte-text);
    --rm-shadow: var(--gte-shadow);
}

html[data-gte-theme] .rm-bancos .rm-bancos-kicker,
html[data-gte-theme] .rm-bancos .rm-bank-code,
html[data-gte-theme] .rm-bancos .rm-data-label,
html[data-gte-theme] .rm-bancos .rm-pix-title,
html[data-gte-theme] .rm-bancos .rm-account-status,
html[data-gte-theme] .rm-bancos .rm-bancos-subtitle,
html[data-gte-theme] .rm-bancos .rm-bancos-note {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .rm-bancos .rm-bank-name {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .rm-bancos .rm-data-value,
html[data-gte-theme] .rm-bancos .rm-pix-value {
    color: var(--gte-text) !important;
}

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

html[data-gte-theme] .rm-bancos .rm-logo-box,
html[data-gte-theme] .rm-bancos .rm-bank-logo-box {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .rm-bancos .rm-data-row {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .rm-bancos .rm-pix {
    background: linear-gradient(180deg, rgba(127,127,127,.06), rgba(127,127,127,.025)) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .rm-bancos .rm-copy,
html[data-gte-theme] .rm-bancos .rm-copy-all {
    background: var(--gte-surface-2) !important;
    color: var(--gte-muted) !important;
    border-color: var(--gte-border) !important;
}

html[data-gte-theme] .rm-bancos .rm-copy:hover,
html[data-gte-theme] .rm-bancos .rm-copy-all:hover {
    color: var(--gte-text) !important;
    border-color: var(--gte-primary) !important;
    background: var(--gte-surface-2) !important;
}

/* Dark themes: keep the page body/surfaces coherent with the engine. */
html[data-gte-theme="dark-professional"] .rm-bancos,
html[data-gte-theme="midnight"] .rm-bancos,
html[data-gte-theme="carbon"] .rm-bancos,
html[data-gte-theme="obsidian"] .rm-bancos {
    color: var(--gte-text) !important;
}


/* ==========================================================
   6. RECEIVEPIX — FRONTEND
   ========================================================== */

html[data-gte-theme] .receivepix-wrapper {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .receivepix-card {
    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] .receivepix-card h2,
html[data-gte-theme] .receivepix-radio-group label,
html[data-gte-theme] .receivepix-info {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .receivepix-form input[type="text"],
html[data-gte-theme] .receivepix-code {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    outline-color: var(--gte-border) !important;
}

html[data-gte-theme] .receivepix-form input[type="text"]::placeholder,
html[data-gte-theme] .receivepix-code::placeholder {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .receivepix-generate,
html[data-gte-theme] .receivepix-copy,
html[data-gte-theme] .receivepix-btn-link {
    background: var(--gte-primary) !important;
    color: #fff !important;
    border-color: var(--gte-primary) !important;
}

html[data-gte-theme] .receivepix-generate:hover,
html[data-gte-theme] .receivepix-copy:hover,
html[data-gte-theme] .receivepix-btn-link:hover {
    background: var(--gte-primary-hover) !important;
}

html[data-gte-theme] .receivepix-txid {
    color: var(--gte-success) !important;
}

html[data-gte-theme] .receivepix-alert,
html[data-gte-theme] .receivepix-notice {
    background: color-mix(in srgb, var(--gte-danger) 14%, transparent) !important;
    color: var(--gte-text) !important;
    border: 1px solid color-mix(in srgb, var(--gte-danger) 28%, transparent) !important;
}


/* ==========================================================
   7. PIX E2E VALIDATOR — FRONTEND
   ========================================================== */

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

html[data-gte-theme] .pix-e2e-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] .pix-e2e-kicker,
html[data-gte-theme] .pix-e2e-help {
    color: var(--gte-primary) !important;
}

html[data-gte-theme] .pix-e2e-top h2,
html[data-gte-theme] .pix-e2e-form label {
    color: var(--gte-text) !important;
}

html[data-gte-theme] .pix-e2e-top p {
    color: var(--gte-muted) !important;
}

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

html[data-gte-theme] .pix-e2e-input {
    background: var(--gte-surface-2) !important;
    color: var(--gte-text) !important;
    border-color: var(--gte-border) !important;
    caret-color: var(--gte-text) !important;
}

html[data-gte-theme] .pix-e2e-input::placeholder {
    color: var(--gte-muted) !important;
}

html[data-gte-theme] .pix-e2e-input:focus {
    border-color: var(--gte-primary) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--gte-primary) 12%, transparent) !important;
}

html[data-gte-theme] .pix-e2e-button {
    background: var(--gte-primary) !important;
    color: #fff !important;
}

html[data-gte-theme] .pix-e2e-button:hover {
    background: var(--gte-primary-hover) !important;
}

html[data-gte-theme] .pix-e2e-result .pix-e2e-status {
    background: var(--gte-surface-2) !important;
    border-color: var(--gte-border) !important;
    color: var(--gte-text) !important;
}