/* ==========================================================================
   FT Theme — plugin integrations. Each block only applies when its
   toggle is on (body.ftt-int-*), so switching a toggle off is a clean undo.
   ========================================================================== */

/* ---------- YITH WooCommerce Compare: dark table (moved from Additional CSS) ---------- */
body.ftt-int-yith {
    --ft-yith-card: #1a1f2e;
    --ft-yith-head: #131823;
    --ft-yith-text: #e2e8f0;
    --ft-yith-link: #06b6d4;
    --ft-yith-link-hover: #3b82f6;
}
body.ftt-int-yith .yith-woocompare-widget,
body.ftt-int-yith .yith-woocompare-modal,
body.ftt-int-yith .compare-list,
body.ftt-int-yith .yith-woocompare table,
body.ftt-int-yith table.compare-list,
body.ftt-int-yith .yith-compare-table,
body.ftt-int-yith #yith-woocompare,
body.ftt-int-yith .yith-woocompare,
body.ftt-int-yith iframe#yith-woocompare-iframe,
body.ftt-int-yith .cboxIframe {
    background: var(--ft-yith-card) !important;
}
body.ftt-int-yith .yith-woocompare table,
body.ftt-int-yith table.compare-list,
body.ftt-int-yith .compare-list table,
body.ftt-int-yith .yith-woocompare table td,
body.ftt-int-yith table.compare-list td,
body.ftt-int-yith .compare-list table td,
body.ftt-int-yith .yith-woocompare table tr,
body.ftt-int-yith table.compare-list tr,
body.ftt-int-yith .compare-list table tr,
body.ftt-int-yith .yith-woocompare .product-info,
body.ftt-int-yith .compare-list .product-info {
    background: var(--ft-yith-card) !important;
    color: var(--ft-yith-text) !important;
}
body.ftt-int-yith .yith-woocompare table th,
body.ftt-int-yith table.compare-list th,
body.ftt-int-yith .compare-list table th,
body.ftt-int-yith .yith-woocompare .feature-name,
body.ftt-int-yith .compare-list .feature-name {
    background: var(--ft-yith-head) !important;
    color: #ffffff !important;
}
body.ftt-int-yith .yith-woocompare table tbody tr:hover,
body.ftt-int-yith table.compare-list tbody tr:hover,
body.ftt-int-yith .compare-list table tbody tr:hover {
    background: rgba(59, 130, 246, 0.05) !important;
}
body.ftt-int-yith .yith-woocompare table a,
body.ftt-int-yith table.compare-list a,
body.ftt-int-yith .compare-list table a {
    color: var(--ft-yith-link) !important;
}
body.ftt-int-yith .yith-woocompare table a:hover,
body.ftt-int-yith table.compare-list a:hover,
body.ftt-int-yith .compare-list table a:hover {
    color: var(--ft-yith-link-hover) !important;
}
body.ftt-int-yith .yith-woocompare .product-title,
body.ftt-int-yith .compare-list .product-title,
body.ftt-int-yith .yith-woocompare h3,
body.ftt-int-yith .yith-woocompare h4 {
    color: #ffffff !important;
}
/* The compare popup is its own document with body.yith-woocompare */
body.yith-woocompare.ftt-int-yith {
    background: var(--ft-yith-card) !important;
    color: var(--ft-yith-text) !important;
}

/* ---------- Legacy one-off fixes (moved from Additional CSS) ---------- */
body.ftt-int-legacy #mffu-stage,
body.ftt-int-legacy #mffu-size {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ---------- FundedTruth Suite: Prop Firms Showcase ---------- */
body.ftt-int-pfs {
    --pfs-near-black: var(--ft-surface);
    --pfs-card-bg: var(--ft-surface);
    --pfs-card-bg-hover: color-mix(in srgb, var(--ft-surface) 85%, #ffffff);
    --pfs-primary: var(--ft-primary);
    --pfs-primary-hover: var(--ft-accent);
    --pfs-secondary: var(--ft-accent);
}
body.ftt-int-pfs .pfs-firm-header-section,
body.ftt-int-pfs .pfs-main-wrapper [class*="-card"] {
    border-radius: var(--ft-radius);
}

/* ---------- Futures / CFD / Perp plan tables (light → dark) ---------- */
body.ftt-int-fpe .plan-features,
body.ftt-int-fpe .futures-table-footer,
body.ftt-int-fpe .stage-mini,
body.ftt-int-fpe .plan-card-footer {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}
body.ftt-int-fpe .feature-item,
body.ftt-int-fpe .stage-column,
body.ftt-int-fpe .futures-filters,
body.ftt-int-fpe .plan-card,
body.ftt-int-fpe .stage-mini-details span {
    background: var(--ft-surface);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}
body.ftt-int-fpe .feature-item {
    border-left-color: var(--ft-primary);
}
body.ftt-int-fpe .futures-table-header h2,
body.ftt-int-fpe .starting-balance,
body.ftt-int-fpe .feature-item strong,
body.ftt-int-fpe .detail-value,
body.ftt-int-fpe .platforms,
body.ftt-int-fpe .data-fee,
body.ftt-int-fpe .platforms strong,
body.ftt-int-fpe .data-fee strong,
body.ftt-int-fpe .filter-group label,
body.ftt-int-fpe .summary-item strong,
body.ftt-int-fpe .summary-item span,
body.ftt-int-fpe .buffer-info strong,
body.ftt-int-fpe .consistency-info span,
body.ftt-int-fpe .stages-summary h4,
body.ftt-int-fpe .stage-mini-header,
body.ftt-int-fpe .stage-mini-details span,
body.ftt-int-fpe .plan-data-fee {
    color: #e8e8e8;
}
body.ftt-int-fpe .stages-summary h4,
body.ftt-int-fpe .plan-data-fee {
    border-color: rgba(255, 255, 255, 0.1);
}
body.ftt-int-fpe .filter-group select,
body.ftt-int-fpe .filter-group input[type="number"] {
    background: #151515;
    color: #e8e8e8;
    border-color: rgba(255, 255, 255, 0.15);
}
body.ftt-int-fpe .stage-detail.profit-target {
    background: color-mix(in srgb, var(--ft-primary) 14%, transparent);
}
body.ftt-int-fpe .stage-detail.buffer-detail {
    background: color-mix(in srgb, var(--ft-accent) 12%, transparent);
    border-left-color: var(--ft-accent);
}
body.ftt-int-fpe .platform-tag {
    background: color-mix(in srgb, var(--ft-primary) 18%, transparent);
    color: #ffffff;
}
body.ftt-int-fpe .stage-column,
body.ftt-int-fpe .plan-card,
body.ftt-int-fpe .futures-filters {
    border-radius: max(var(--ft-radius), 6px);
}

/* ---------- WooCommerce ---------- */
body.ftt-int-woo.woocommerce a.button,
body.ftt-int-woo.woocommerce button.button,
body.ftt-int-woo.woocommerce input.button,
body.ftt-int-woo.woocommerce #respond input#submit,
body.ftt-int-woo.woocommerce a.button.alt,
body.ftt-int-woo.woocommerce button.button.alt,
body.ftt-int-woo .wc-block-components-button,
body.ftt-int-woo .wp-block-button.wc-block-components-product-button .wp-block-button__link {
    background-color: var(--ft-primary) !important;
    color: #ffffff !important;
    border-radius: calc(var(--ft-radius) / 2);
}
body.ftt-int-woo.woocommerce a.button:hover,
body.ftt-int-woo.woocommerce button.button:hover,
body.ftt-int-woo.woocommerce a.button.alt:hover,
body.ftt-int-woo.woocommerce button.button.alt:hover {
    background-color: var(--ft-accent) !important;
}
body.ftt-int-woo.woocommerce span.onsale {
    background-color: var(--ft-accent);
}
body.ftt-int-woo.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.ftt-int-woo.woocommerce div.product .product_title {
    font-family: var(--ft-font-heading);
    color: var(--ft-heading);
}
body.ftt-int-woo.woocommerce ul.products li.product .price,
body.ftt-int-woo.woocommerce div.product p.price,
body.ftt-int-woo.woocommerce div.product span.price {
    color: var(--ft-secondary);
}
body.ftt-int-woo.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: var(--ft-surface-2);
    border-color: var(--ft-border);
}
body.ftt-int-woo.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--ft-surface);
    border-bottom-color: var(--ft-surface);
}
body.ftt-int-woo.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--ft-text); }
body.ftt-int-woo.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--ft-border); }
body.ftt-int-woo .woocommerce-info,
body.ftt-int-woo .woocommerce-message,
body.ftt-int-woo .woocommerce-error {
    background: var(--ft-surface-2);
    color: var(--ft-text);
    border-top-color: var(--ft-primary);
}
body.ftt-int-woo.woocommerce table.shop_table,
body.ftt-int-woo.woocommerce-page table.shop_table,
body.ftt-int-woo.woocommerce table.shop_table td,
body.ftt-int-woo.woocommerce table.shop_table th {
    border-color: var(--ft-border);
}
body.ftt-int-woo .woocommerce-pagination ul.page-numbers li .page-numbers {
    color: var(--ft-text);
}
body.ftt-int-woo .woocommerce-pagination ul.page-numbers li span.current {
    background: var(--ft-primary);
    color: #fff;
}
body.ftt-int-woo.woocommerce .quantity .qty,
body.ftt-int-woo .select2-container--default .select2-selection--single {
    background: var(--ft-input-bg);
    color: var(--ft-text);
    border-color: var(--ft-border);
}
body.ftt-int-woo .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--ft-text); }
body.ftt-int-woo .select2-dropdown { background: var(--ft-surface); color: var(--ft-text); border-color: var(--ft-border); }

/* ---------- Ultimate Member ---------- */
body.ftt-int-um .um {
    color: #e8e8e8;
}
body.ftt-int-um .um .um-form input[type="text"],
body.ftt-int-um .um .um-form input[type="password"],
body.ftt-int-um .um .um-form input[type="email"],
body.ftt-int-um .um .um-form input[type="tel"],
body.ftt-int-um .um .um-form input[type="number"],
body.ftt-int-um .um .um-form textarea,
body.ftt-int-um .um .um-form select,
body.ftt-int-um .um .select2-container .select2-selection {
    background: #151515 !important;
    color: #e8e8e8 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}
body.ftt-int-um .um .um-field-label label,
body.ftt-int-um .um .um-profile-meta,
body.ftt-int-um .um .um-name a,
body.ftt-int-um .um .um-account-heading,
body.ftt-int-um .um .um-account-side li a span.um-account-title {
    color: #e8e8e8 !important;
}
body.ftt-int-um .um .um-button,
body.ftt-int-um .um input[type="submit"].um-button {
    background: var(--ft-primary) !important;
    color: #ffffff !important;
}
body.ftt-int-um .um .um-button.um-alt {
    background: rgba(255, 255, 255, 0.08) !important;
}
body.ftt-int-um .um .um-account-side,
body.ftt-int-um .um .um-account-main,
body.ftt-int-um .um .um-profile-body,
body.ftt-int-um .um .um-header {
    background: var(--ft-surface);
    border-color: rgba(255, 255, 255, 0.08);
}