/**
 * TeachDemy — Checkout visual refresh (v3 — RTL-first rewrite).
 *
 * CSS-only, on top of WooCommerce's own real checkout markup
 * (woocommerce/checkout/form-checkout.php — unmodified):
 * .woocommerce-checkout, #customer_details, #order_review,
 * #order_review_heading, .checkout-order-review.
 * No template override, so payment gateways, field validation and
 * the AJAX order-review refresh all keep working exactly as before.
 *
 * WHAT CHANGED IN THIS VERSION (v3, stylesheet 2.3.0)
 * -------------------------------------------------------------------
 * 1. RTL-FIRST REWRITE. The site serves Persian (RTL) shoppers while
 *    every previous rule used physical directions (text-align:left,
 *    margin:12px 30px 2px 0, left:17px …). Under RTL those rules put
 *    amounts on the wrong side, indented boxes toward the wrong edge
 *    and timelines on the wrong rail — one of the main reasons the
 *    page read as "زشت / broken". Every direction-sensitive rule now
 *    uses CSS LOGICAL PROPERTIES (margin-inline, padding-inline,
 *    inset-inline-start, text-align:start/end …) so the layout mirrors
 *    itself correctly in LTR and RTL with a single stylesheet.
 * 2. PERSIAN-CAPABLE FONT STACK: "Vazirmatn" first (loaded together
 *    with Inter from Google Fonts by teachdemy_enqueue_redesign_assets),
 *    Inter + system fallbacks after — no more mixed Latin/Persian
 *    font switching between headings and WooCommerce-translated labels.
 * 3. NOTICE SYSTEM: the wallet balance, crypto (USDT) and currency
 *    hints are now class-based (the inline styles were removed from
 *    functions.php) and get proper cards here. Validation errors and
 *    info notices finally get real styling (they had none before).
 * 4. POLISH: consistent spacing scale, softer shadows, clearer field
 *    grid (two-column name rows stay side-by-side on desktop), styled
 *    watermark-consent checkbox, styled select2 inputs, styled terms
 *    checkbox, focus-visible rings for keyboard users.
 * 5. PRESERVED FIXES: grid min-width:0 overflow fix, sticky order
 *    review, USDT gateway full-width payment_box, radio-card payment
 *    methods (with :checked + label fallback for old browsers),
 *    dark-mode tokens, order-received hero + timeline styles (this
 *    file is also enqueued on the order-received page).
 * -------------------------------------------------------------------
 */

/* =====================================================================
   0. TOKENS
   ===================================================================== */
body.woocommerce-checkout,
body.woocommerce-order-received{
        --td-navy:#062b2b;
        --td-teal:#07504b;
        --td-blue:#0c6d93;
        --td-green:#16a673;
        --td-green2:#27c58b;
        --td-green-deep:#0d7a57;
        --td-mint:#e9fbf4;
        --td-mint-soft:#f7fdfa;
        --td-mint-2:#f2faf6;
        --td-bg:#f5fbf8;
        --td-line:#dcebe6;
        --td-line-soft:#e8f3ee;
        --td-ink:#12243d;
        --td-ink2:#354a55;
        --td-muted:#6b7b90;
        --td-faint:#9aa8ae;
        --td-radius:18px;
        --td-radius-sm:12px;
        --td-shadow:0 12px 34px rgba(6,43,43,.07);
        --td-font:"Vazirmatn","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
}

/* =====================================================================
   1. PAGE CANVAS
   ===================================================================== */
body.woocommerce-checkout #main-content,
body.woocommerce-checkout .wd-content-area,
body.woocommerce-order-received #main-content,
body.woocommerce-order-received .wd-content-area{
        background:var(--td-bg,#f5fbf8);
        padding-block:8px 64px;
}

/* =====================================================================
   2. STEPS INDICATOR (Cart ✓ → Payment → Start Learning)
   ===================================================================== */
.td-checkout-steps{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:4px;
        margin:18px 0 14px;
}
.td-checkout-steps__item{
        display:inline-flex;
        align-items:center;
        gap:8px;
        font-size:12px;
        font-weight:800;
        color:var(--td-ink2,#354a55);
        white-space:nowrap;
        font-family:var(--td-font);
}
.td-checkout-steps__item.is-current{color:var(--td-navy,#062b2b)}
.td-checkout-steps__item.is-done{color:var(--td-green-deep,#0d7a57)}
a.td-checkout-steps__item{text-decoration:none}
a.td-checkout-steps__item:hover{color:var(--td-green,#16a673)}
.td-checkout-steps__num{
        width:26px;
        height:26px;
        border-radius:50%;
        display:inline-grid;
        place-items:center;
        font-size:11px;
        font-weight:900;
        border:1.5px solid var(--td-line,#dcebe6);
        background:#fff;
        color:var(--td-muted,#6b7b90);
        flex:none;
}
.td-checkout-steps__item.is-current .td-checkout-steps__num{
        background:linear-gradient(135deg,var(--td-green,#16a673),var(--td-green2,#27c58b));
        border-color:transparent;
        color:#fff;
        box-shadow:0 0 0 5px var(--td-mint,#e9fbf4);
}
.td-checkout-steps__item.is-done .td-checkout-steps__num{
        background:var(--td-green,#16a673);
        border-color:var(--td-green,#16a673);
        color:#fff;
}
.td-checkout-steps__item.is-done svg{width:12px;height:12px}
.td-checkout-steps__sep{
        width:44px;
        height:1.5px;
        background:var(--td-line,#dcebe6);
        margin-inline:10px;
        flex:none;
}
@media (max-width:700px){
        .td-checkout-steps__sep{width:16px;margin-inline:6px}
        .td-checkout-steps__item{font-size:11px}
}

/* =====================================================================
   3. INTRO BANNER
   ===================================================================== */
body.woocommerce-checkout .td-checkout-intro{
        background:
                radial-gradient(circle at 88% 0%, rgba(39,197,139,.22), transparent 46%),
                linear-gradient(120deg,var(--td-navy,#062b2b) 0%,var(--td-teal,#07504b) 55%,var(--td-blue,#0c6d93) 130%);
        color:#fff;
        border-radius:20px;
        padding:32px 32px 30px;
        margin:18px 0 28px;
        position:relative;
        overflow:hidden;
}
body.woocommerce-checkout .td-checkout-intro .eyebrow{
        display:inline-flex;
        align-items:center;
        gap:8px;
        border:1px solid rgba(255,255,255,.22);
        background:rgba(255,255,255,.08);
        padding:7px 13px;
        border-radius:999px;
        font-size:10.5px;
        font-weight:900;
        letter-spacing:.08em;
        color:#b9dcff;
}
body.woocommerce-checkout .td-checkout-intro h2{
        color:#fff;
        font-family:var(--td-font);
        font-size:clamp(19px,2.6vw,25px);
        font-weight:900;
        letter-spacing:-.4px;
        line-height:1.35;
        margin:14px 0 8px;
        max-width:720px;
}
body.woocommerce-checkout .td-checkout-intro p{
        color:#d6ece9;
        font-size:13px;
        line-height:1.8;
        margin:0;
        max-width:660px;
}
body.woocommerce-checkout .td-checkout-intro p .woocommerce-Price-amount{color:#fff;font-weight:800}
@media (max-width:600px){
        body.woocommerce-checkout .td-checkout-intro{padding:22px 18px;border-radius:16px}
}

/* =====================================================================
   4. INFO NOTICES (wallet · crypto · currency) — class-based now
   ===================================================================== */
.td-checkout-wallet{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:8px 10px;
        background:var(--td-mint,#e9fbf4);
        border:1px solid #bfeeda;
        border-radius:14px;
        padding:13px 16px;
        margin:0 0 14px;
        font-size:13px;
        color:var(--td-green-deep,#0d7a57);
        line-height:1.6;
}
.td-checkout-wallet__icon{
        width:34px;height:34px;flex:none;
        display:grid;place-items:center;
        border-radius:10px;
        background:#fff;
        color:var(--td-green,#16a673);
        box-shadow:0 4px 10px rgba(22,166,115,.16);
}
.td-checkout-wallet__icon svg{width:17px;height:17px}
.td-checkout-wallet__label{font-weight:900;color:var(--td-navy,#062b2b)}
.td-checkout-wallet__amount{font-weight:900}
.td-checkout-wallet__hint{color:var(--td-ink2,#354a55);font-weight:500}

.td-checkout-crypto{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:6px 10px;
        background:var(--td-mint-soft,#f7fdfa);
        border:1px dashed #b9dad2;
        border-radius:14px;
        padding:12px 16px;
        margin:0 0 14px;
        font-size:12.5px;
        color:var(--td-ink2,#354a55);
        line-height:1.6;
}
.td-checkout-crypto__badge{
        font-weight:900;
        color:#087d72;
        background:#eaf6f2;
        border-radius:8px;
        padding:3px 10px;
        font-size:11px;
}
.td-checkout-crypto__text{font-weight:500}

.td-checkout-currency{
        display:flex;
        align-items:flex-start;
        gap:10px;
        background:var(--td-mint-soft,#f7fdfa);
        border:1px solid var(--td-line,#dcebe6);
        border-radius:14px;
        padding:12px 16px;
        margin:0 0 14px;
        font-size:12.5px;
        color:var(--td-ink2,#354a55);
        line-height:1.7;
}
.td-checkout-currency svg{
        flex:none;
        margin-top:2px;
        color:var(--td-green,#16a673);
}
.td-checkout-currency strong{color:var(--td-navy,#062b2b);font-weight:800}

/* =====================================================================
   5. TWO-COLUMN LAYOUT — form + order review
   ===================================================================== */
body.woocommerce-checkout form.checkout.woocommerce-checkout{
        display:grid;
        grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
        gap:28px;
        align-items:start;
        max-width:1180px;
        margin:0 auto;
}
@media (max-width:960px){
        body.woocommerce-checkout form.checkout.woocommerce-checkout{grid-template-columns:minmax(0,1fr)}
}

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .checkout-order-review{
        background:#fff;
        border:1px solid var(--td-line,#dcebe6);
        border-radius:var(--td-radius,18px);
        padding:26px;
        box-shadow:var(--td-shadow,0 12px 34px rgba(6,43,43,.07));
        /* BUG FIX (kept): grid items default to min-width:auto and refuse
           to shrink below their content's intrinsic width — the review
           table overflowed its track and got clipped at the viewport
           edge. min-width:0 lets the card shrink so tables scroll
           internally instead. */
        min-width:0;
}
body.woocommerce-checkout #customer_details .woocommerce-billing-fields,
body.woocommerce-checkout #customer_details .woocommerce-shipping-fields,
body.woocommerce-checkout #customer_details .woocommerce-additional-fields{
        min-width:0;
}
body.woocommerce-checkout .checkout-order-review{
        position:sticky;
        top:96px;
        padding:22px;
}
@media (max-width:960px){
        body.woocommerce-checkout .checkout-order-review{position:static}
}
/* Safety net: very long product names scroll inside the card. */
body.woocommerce-checkout #order_review{
        max-width:100%;
        overflow-x:auto;
}

/* =====================================================================
   6. FORM CARD — headings, fields, inputs, checkboxes, errors
   ===================================================================== */
body.woocommerce-checkout h3#order_review_heading,
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3{
        font-family:var(--td-font);
        font-size:17px;
        font-weight:900;
        color:var(--td-ink,#12243d);
        margin:0 0 18px;
        display:flex;
        align-items:center;
        gap:10px;
}
body.woocommerce-checkout .woocommerce-billing-fields h3::before,
body.woocommerce-checkout .woocommerce-shipping-fields h3::before,
body.woocommerce-checkout .woocommerce-additional-fields h3::before{
        content:"";
        width:4px;
        height:18px;
        border-radius:4px;
        background:linear-gradient(180deg,var(--td-green,#16a673),var(--td-green2,#27c58b));
        flex:none;
}

body.woocommerce-checkout .form-row{
        padding:0;
        margin:0 0 16px;
}
body.woocommerce-checkout .form-row label{
        font-size:12px;
        font-weight:800;
        color:var(--td-ink,#12243d);
        margin-bottom:7px;
        display:block;
        line-height:1.5;
}
body.woocommerce-checkout .form-row label .required{
        color:#e05656;
        text-decoration:none;
        font-weight:900;
}
body.woocommerce-checkout .form-row label .optional{
        color:var(--td-faint,#9aa8ae);
        font-weight:600;
        font-size:11px;
}
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row input[type="tel"],
body.woocommerce-checkout .form-row input[type="email"],
body.woocommerce-checkout .form-row input[type="text"],
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .select2-container--default .select2-selection--single{
        border:1.5px solid var(--td-line,#dcebe6) !important;
        border-radius:12px !important;
        padding:12px 14px !important;
        font-size:13.5px !important;
        font-family:var(--td-font) !important;
        color:var(--td-ink,#12243d) !important;
        background:#fff !important;
        transition:border-color .16s ease,box-shadow .16s ease;
        width:100%;
        box-sizing:border-box;
        min-height:46px;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
        padding:0 !important;
        line-height:1.5 !important;
        font-size:13.5px !important;
        color:var(--td-ink,#12243d) !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
        height:100% !important;
        inset-inline-end:8px !important;
        inset-inline-start:auto !important;
}
body.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single,
body.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single{
        border-color:var(--td-green,#16a673) !important;
        box-shadow:0 0 0 3px var(--td-mint,#e9fbf4) !important;
}
body.woocommerce-checkout .form-row input.input-text:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .form-row textarea:focus{
        border-color:var(--td-green,#16a673) !important;
        box-shadow:0 0 0 3px var(--td-mint,#e9fbf4) !important;
        outline:none;
}
/* Field helper text (e.g. the anti-piracy watermark note on phone). */
body.woocommerce-checkout .form-row .description{
        font-size:11.5px;
        color:var(--td-muted,#6b7b90);
        line-height:1.6;
        margin-top:6px;
        display:block;
        font-weight:500;
}
/* Two-column name rows stay side-by-side on desktop. */
body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last{
        width:calc(50% - 8px) !important;
        float:none !important;
        display:inline-block;
        vertical-align:top;
        box-sizing:border-box;
}
body.woocommerce-checkout .form-row-first{margin-inline-end:16px !important}
@media (max-width:640px){
        body.woocommerce-checkout .form-row-first,
        body.woocommerce-checkout .form-row-last{
                width:100% !important;
                margin-inline-end:0 !important;
        }
}
/* WooCommerce validation states. */
body.woocommerce-checkout .form-row.woocommerce-invalid input,
body.woocommerce-checkout .form-row.woocommerce-invalid select{
        border-color:#e05656 !important;
        background:#fef7f7;
}
body.woocommerce-checkout .form-row.woocommerce-invalid label{color:#b23b3b}
body.woocommerce-checkout .form-row.woocommerce-validated input{border-color:#9fd8bf !important}

/* Watermark consent checkbox (teachdemy_watermark_consent_field). */
.td-wm-consent{
        margin:6px 0 18px;
        padding:14px 16px;
        background:var(--td-mint-soft,#f7fdfa);
        border:1px solid var(--td-line,#dcebe6);
        border-radius:14px;
}
.td-wm-consent .form-row{margin:0}
body.woocommerce-checkout .woocommerce-form__label-checkbox,
body.woocommerce-checkout #tdp-watermark-consent label{
        display:flex;
        align-items:flex-start;
        gap:10px;
        font-size:12.5px;
        font-weight:600;
        color:var(--td-ink2,#354a55);
        line-height:1.7;
        cursor:pointer;
        margin:0;
}
body.woocommerce-checkout input[type="checkbox"]{
        appearance:auto;
        width:19px;
        height:19px;
        flex:none;
        accent-color:var(--td-green,#16a673);
        cursor:pointer;
        position:static;
        margin-top:2px;
}
/* Terms & conditions + privacy text. */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
        font-size:12px;
        color:var(--td-muted,#6b7b90);
        margin:14px 0;
        line-height:1.7;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a{color:var(--td-green-deep,#0d7a57);font-weight:700}
body.woocommerce-checkout .woocommerce-privacy-policy-text p{font-size:11.5px;line-height:1.7}

/* WooCommerce error / info notices ON the checkout page. */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message{
        background:#fff;
        border:1px solid var(--td-line,#dcebe6);
        border-inline-start:4px solid var(--td-green,#16a673);
        border-radius:14px;
        padding:14px 18px;
        font-size:12.5px;
        color:var(--td-ink2,#354a55);
        line-height:1.7;
        box-shadow:0 6px 18px rgba(6,43,43,.05);
        list-style:none;
        margin:0 0 18px;
}
body.woocommerce-checkout .woocommerce-error{
        border-inline-start-color:#e05656;
        background:#fffafa;
}
body.woocommerce-checkout .woocommerce-error li{margin:0}
body.woocommerce-checkout .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-message::before{display:none}
body.woocommerce-checkout .woocommerce-error a,
body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-checkout .woocommerce-message a{
        color:var(--td-green-deep,#0d7a57);
        font-weight:800;
}

/* =====================================================================
   7. VALUE CARD (teachdemy_checkout_value_card)
   ===================================================================== */
.td-value-card{
        background:#fff;
        border:1px solid var(--td-line,#dcebe6);
        border-radius:var(--td-radius,18px);
        padding:22px 24px;
        box-shadow:var(--td-shadow,0 12px 34px rgba(6,43,43,.07));
        margin:0 0 22px;
}
.td-value-card__head{display:flex;gap:16px;align-items:center}
.td-value-card__thumb{
        flex:none;
        width:96px;
        height:68px;
        border-radius:13px;
        overflow:hidden;
        background:linear-gradient(135deg,var(--td-navy,#062b2b),var(--td-teal,#07504b) 60%,var(--td-blue,#0c6d93));
        display:grid;
        place-items:center;
        color:#fff;
}
.td-value-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.td-value-card__thumb svg{width:30px;height:30px;opacity:.8}
.td-value-card__title{
        font-family:var(--td-font);
        font-size:15.5px;
        font-weight:900;
        color:var(--td-navy,#062b2b);
        line-height:1.5;
        margin:0 0 6px;
}
.td-value-card__title a{color:inherit;text-decoration:none}
.td-value-card__title a:hover{color:var(--td-green,#16a673)}
.td-value-card__meta{
        font-size:11.5px;
        color:var(--td-muted,#6b7b90);
        font-weight:600;
        display:flex;
        flex-wrap:wrap;
        gap:6px 12px;
        margin:0;
}
.td-value-card__price-row{
        display:flex;
        align-items:baseline;
        gap:10px;
        flex-wrap:wrap;
        margin:16px 0 0;
        padding-top:14px;
        border-top:1px dashed var(--td-line,#dcebe6);
}
.td-value-card__price{font-size:24px;font-weight:900;color:var(--td-navy,#062b2b)}
.td-value-card__old{font-size:12.5px;color:var(--td-faint,#9aa8ae);text-decoration:line-through;font-weight:600}
.td-value-card__save{
        display:inline-flex;
        background:var(--td-mint,#e9fbf4);
        border:1px solid #bfeeda;
        color:var(--td-green-deep,#0d7a57);
        font-size:10.5px;
        font-weight:900;
        padding:4px 11px;
        border-radius:999px;
}
.td-value-card__list{
        list-style:none;
        margin:14px 0 0;
        padding:14px 16px 4px;
        background:var(--td-mint-soft,#f7fdfa);
        border:1px solid var(--td-line,#dcebe6);
        border-radius:13px;
        columns:2;
        column-gap:24px;
}
.td-value-card__list li{
        display:flex;
        align-items:flex-start;
        gap:8px;
        break-inside:avoid;
        font-size:12px;
        font-weight:600;
        color:var(--td-ink2,#354a55);
        line-height:1.6;
        margin:0 0 10px;
}
.td-value-card__list svg{width:14px;height:14px;flex:none;margin-top:2px;color:var(--td-green,#16a673)}
@media (max-width:600px){
        .td-value-card{padding:18px 16px}
        .td-value-card__list{columns:1;padding:12px 14px 2px}
        .td-value-card__thumb{width:78px;height:56px}
}

/* =====================================================================
   8. ORDER REVIEW CARD — secure badge, table, coupon
   ===================================================================== */
.td-secure-badge{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin:-2px 0 14px;
        padding:12px 16px;
        background:linear-gradient(120deg,var(--td-navy,#062b2b),var(--td-teal,#07504b) 70%,var(--td-blue,#0c6d93) 140%);
        border-radius:13px;
        color:#fff;
}
.td-secure-badge__left{
        display:inline-flex;
        align-items:center;
        gap:9px;
        font-size:11px;
        font-weight:900;
        letter-spacing:.12em;
}
.td-secure-badge__left svg{width:15px;height:15px;color:var(--td-green2,#27c58b)}
.td-secure-badge__hint{font-size:10.5px;color:#9ed8c4;font-weight:700}
body.woocommerce-checkout h3#order_review_heading{
        font-size:11px;
        font-weight:900;
        letter-spacing:.12em;
        text-transform:uppercase;
        color:var(--td-muted,#6b7b90);
        margin:-4px 0 12px;
        display:block;
}
body.woocommerce-checkout h3#order_review_heading::before{display:none}

/* Review table — amounts align to the END edge (left in LTR, right in
   RTL) via logical text-align, so the numbers hug the reading edge in
   BOTH directions. */
body.woocommerce-checkout #order_review table.shop_table.woocommerce-checkout-review-order-table{
        border:1px solid var(--td-line-soft,#e8f3ee) !important;
        border-radius:14px;
        overflow:hidden;
        border-collapse:separate;
        border-spacing:0;
}
body.woocommerce-checkout #order_review table.shop_table tr{border-bottom:1px solid var(--td-line-soft,#e8f3ee)}
body.woocommerce-checkout #order_review table.shop_table td,
body.woocommerce-checkout #order_review table.shop_table th{
        padding:13px 14px;
        border:0;
        background:transparent;
        font-size:13px;
        vertical-align:middle;
}
body.woocommerce-checkout #order_review table.shop_table th{
        text-align:start;
        font-weight:800;
        color:var(--td-ink,#12243d);
}
body.woocommerce-checkout #order_review table.shop_table td{
        text-align:end;
        font-variant-numeric:tabular-nums;
        color:var(--td-ink2,#354a55);
}
body.woocommerce-checkout #order_review table.shop_table .product-name{
        text-align:start !important;
        font-variant-numeric:normal;
}
body.woocommerce-checkout #order_review table.shop_table .product-name a{
        font-weight:800;
        color:var(--td-ink,#12243d);
        text-decoration:none;
        font-size:13px;
        line-height:1.6;
}
body.woocommerce-checkout #order_review table.shop_table .product-name a:hover{color:var(--td-green,#16a673)}
body.woocommerce-checkout #order_review table.shop_table .product-quantity{
        font-weight:700;
        color:var(--td-muted,#6b7b90);
}
body.woocommerce-checkout #order_review table.shop_table tfoot td,
body.woocommerce-checkout #order_review table.shop_table tfoot th{padding:12px 14px;font-size:12.5px}
body.woocommerce-checkout #order_review table.shop_table .order-total{
        border-top:2px solid var(--td-line,#dcebe6) !important;
        background:var(--td-mint-soft,#f7fdfa);
}
body.woocommerce-checkout #order_review table.shop_table .order-total td,
body.woocommerce-checkout #order_review table.shop_table .order-total th{
        border-top:0 !important;
        padding-block:16px;
}
body.woocommerce-checkout #order_review table.shop_table .order-total th{
        font-weight:900 !important;
        color:var(--td-navy,#062b2b);
        font-size:14px;
}
body.woocommerce-checkout #order_review .order-total .woocommerce-Price-amount{
        font-size:21px;
        font-weight:900;
        color:var(--td-green-deep,#0d7a57);
}

/* Coupon form. */
body.woocommerce-checkout form.checkout_coupon{
        display:flex !important;
        gap:10px;
        flex-wrap:wrap;
        align-items:center;
        background:#fff;
        border:1px dashed var(--td-line,#dcebe6) !important;
        border-radius:13px !important;
        padding:14px 16px !important;
        margin:0 0 18px;
}
body.woocommerce-checkout form.checkout_coupon p{margin:0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body.woocommerce-checkout form.checkout_coupon input.input-text{
        border:1.5px solid var(--td-line,#dcebe6) !important;
        border-radius:10px !important;
        padding:11px 13px !important;
        font-size:13px !important;
        min-width:180px;
        background:#fff !important;
}
body.woocommerce-checkout form.checkout_coupon button{
        border-radius:10px !important;
        background:var(--td-navy,#062b2b) !important;
        color:#fff !important;
        border:0 !important;
        font-weight:800 !important;
        font-size:12.5px !important;
        padding:11px 20px !important;
        cursor:pointer;
}
body.woocommerce-checkout form.checkout_coupon button:hover{background:var(--td-teal,#07504b) !important}
/* "Have a coupon?" toggle link above the form. */
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
        background:#fff;
        border:1px solid var(--td-line,#dcebe6);
        border-inline-start:4px solid var(--td-green,#16a673);
        border-radius:13px;
}

/* =====================================================================
   9. PAYMENT METHODS — radio cards
   ===================================================================== */
body.woocommerce-checkout #payment{
        background:var(--td-mint-soft,#f7fdfa);
        border:1px solid var(--td-line,#dcebe6);
        border-radius:14px;
        margin:18px 0 0;
        padding:0;
}
body.woocommerce-checkout #payment ul.payment_methods{
        border-bottom:1px solid var(--td-line-soft,#e8f3ee);
        padding:10px 10px 2px;
        margin:0;
        list-style:none;
        background:transparent;
}
body.woocommerce-checkout #payment ul.payment_methods li{
        background:#fff;
        border:1px solid var(--td-line,#dcebe6);
        border-radius:12px;
        padding:13px 15px;
        margin:0 0 8px;
        list-style:none;
        transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
        line-height:1.7;
}
body.woocommerce-checkout #payment ul.payment_methods li:has(input[type="radio"]:checked){
        border-color:var(--td-green,#16a673);
        background:var(--td-mint-2,#f2faf6);
        box-shadow:0 0 0 3px var(--td-mint,#e9fbf4);
}
body.woocommerce-checkout #payment ul.payment_methods li label{
        display:flex;
        align-items:center;
        gap:12px;
        min-height:26px;
        font-size:13px;
        font-weight:800;
        color:var(--td-ink,#12243d);
        cursor:pointer;
        margin:0;
        width:100%;
}
body.woocommerce-checkout #payment ul.payment_methods li > label::before{
        content:"";
        width:18px;
        height:18px;
        flex:none;
        border-radius:50%;
        border:2px solid #c4ddcf;
        background:#fff;
        transition:border-color .15s ease,background .15s ease;
}
/* inner labels (e.g. the gateway TXID label) must NOT get a radio dot */
body.woocommerce-checkout #payment ul.payment_methods li .payment_box label::before{
        content:none !important;
}
body.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) label::before{
        border-color:var(--td-green,#16a673);
        background:radial-gradient(circle,var(--td-green,#16a673) 42%,#fff 48%);
}
body.woocommerce-checkout #payment input[type="radio"]{
        position:absolute;
        opacity:0;
        width:0;
        height:0;
}
/* Non-:has() fallback — Woo prints the radio right before its label. */
body.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label::before{
        border-color:var(--td-green,#16a673);
        background:radial-gradient(circle,var(--td-green,#16a673) 42%,#fff 48%);
}
body.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label{
        color:var(--td-navy,#062b2b);
        border-radius:9px;
}
body.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:focus-visible + label{
        outline:2px solid var(--td-green,#16a673);
        outline-offset:3px;
        border-radius:6px;
}
/* Gateway icons. */
body.woocommerce-checkout #payment ul.payment_methods li label img{
        max-height:24px;
        max-width:74px;
        width:auto;
        height:auto;
        object-fit:contain;
        display:inline-block;
        vertical-align:middle;
}
body.woocommerce-checkout #payment ul.payment_methods li label svg{width:18px;height:18px;flex:none;color:var(--td-green,#16a673)}
body.woocommerce-checkout #payment ul.payment_methods li label .payment_method_title,
body.woocommerce-checkout #payment ul.payment_methods li label > strong{font-weight:800}
/* Gateway description box — logical margins (RTL-safe). */
body.woocommerce-checkout #payment ul.payment_methods li .payment_box,
body.woocommerce-checkout #payment div.payment_box{
        background:var(--td-mint-2,#f2faf6);
        border:1px dashed #cfeedd;
        border-radius:10px;
        margin:12px 0 2px;
        margin-inline-start:30px;
        padding:12px 14px;
        font-size:12px;
        color:var(--td-ink2,#354a55);
        line-height:1.8;
        position:relative;
}
body.woocommerce-checkout #payment #place_order{
        width:100%;
        border-radius:13px !important;
        background:linear-gradient(135deg,var(--td-green,#16a673),var(--td-green2,#27c58b)) !important;
        border:0 !important;
        color:#fff !important;
        font-family:var(--td-font) !important;
        font-weight:900 !important;
        padding:16px !important;
        font-size:14px !important;
        letter-spacing:.01em;
        box-shadow:0 12px 28px rgba(22,166,115,.28) !important;
        cursor:pointer;
        transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
        margin-top:16px;
}
body.woocommerce-checkout #payment #place_order:hover{
        transform:translateY(-1px);
        box-shadow:0 16px 34px rgba(22,166,115,.36) !important;
        filter:brightness(1.03);
}
body.woocommerce-checkout #payment div.form-row{
        padding:0 10px 16px;
        margin:0;
}

/* =====================================================================
   10. TRUST ROWS under the Place Order button
   ===================================================================== */
.td-checkout-trust{
        display:flex;
        flex-direction:column;
        gap:9px;
        margin:15px 2px 4px;
}
.td-checkout-trust__row{
        display:flex;
        align-items:flex-start;
        gap:9px;
        font-size:12px;
        color:var(--td-ink2,#354a55);
        line-height:1.65;
        font-weight:600;
}
.td-checkout-trust__row svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--td-green,#16a673)}
.td-checkout-trust__row a{
        color:var(--td-green-deep,#0d7a57);
        font-weight:800;
        text-decoration:none;
        border-bottom:1px dashed #7cc4a9;
}
.td-checkout-trust__row a:hover{color:var(--td-green,#16a673)}

/* =====================================================================
   11. USDT / GATEWAY BOX FIXES (kept — third-party gateway markup)
   ===================================================================== */
body.woocommerce-checkout #payment .payment_box{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
        display:block !important;
        float:none !important;
}
body.woocommerce-checkout #payment .payment_box *{
        box-sizing:border-box !important;
        max-width:100% !important;
}
body.woocommerce-checkout #payment .payment_box p,
body.woocommerce-checkout #payment .payment_box div,
body.woocommerce-checkout #payment .payment_box span,
body.woocommerce-checkout #payment .payment_box code,
body.woocommerce-checkout #payment .payment_box pre{
        width:auto !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
        word-break:break-word !important;
}
body.woocommerce-checkout #payment .payment_box input[type="text"]{width:100% !important}
@media (min-width:783px){
        body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{width:100% !important}
}

/* =====================================================================
   12. ORDER-RECEIVED — hero, timeline, order details
   (this stylesheet is also enqueued on the order-received page)
   ===================================================================== */
.td-thankyou-hero{
        background:
                radial-gradient(circle at 12% 15%, rgba(39,197,139,.28), transparent 42%),
                linear-gradient(120deg,var(--td-navy,#062b2b) 0%,var(--td-teal,#07504b) 60%,var(--td-blue,#0c6d93) 130%);
        color:#fff;
        border-radius:20px;
        padding:34px 34px 30px;
        margin:18px 0 26px;
}
.td-thankyou-hero__check{
        width:62px;
        height:62px;
        border-radius:19px;
        background:linear-gradient(135deg,var(--td-green,#16a673),var(--td-green2,#27c58b));
        display:grid;
        place-items:center;
        margin-bottom:16px;
        box-shadow:0 14px 32px rgba(22,166,115,.4);
}
.td-thankyou-hero__check svg{width:30px;height:30px;color:#fff}
.td-thankyou-hero h2{
        color:#fff;
        font-family:var(--td-font);
        font-size:clamp(21px,3vw,27px);
        font-weight:900;
        margin:0 0 8px;
}
.td-thankyou-hero__sub{color:#d6ece9;font-size:13.5px;line-height:1.8;margin:0 0 18px;max-width:640px}
.td-thankyou-hero__chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.td-thankyou-hero__chip{
        display:inline-flex;
        align-items:center;
        gap:7px;
        background:rgba(255,255,255,.09);
        border:1px solid rgba(255,255,255,.2);
        border-radius:999px;
        padding:8px 15px;
        font-size:12px;
        font-weight:800;
        color:#e2f4ee;
        direction:ltr;
}
.td-thankyou-hero__chip svg{width:13px;height:13px;color:var(--td-green2,#27c58b)}
.td-thankyou-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.td-thankyou-hero__btn{
        display:inline-flex;
        align-items:center;
        gap:8px;
        background:linear-gradient(135deg,var(--td-green,#16a673),var(--td-green2,#27c58b));
        color:#fff;
        border-radius:12px;
        padding:14px 26px;
        font-size:13.5px;
        font-weight:900;
        text-decoration:none;
        box-shadow:0 12px 28px rgba(22,166,115,.3);
        transition:transform .16s ease,box-shadow .16s ease;
}
.td-thankyou-hero__btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 16px 34px rgba(22,166,115,.4)}
.td-thankyou-hero__btn--ghost{background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff;box-shadow:none}
.td-thankyou-hero__btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
/* Hide the plain received text while the hero is enabled. */
body.td-has-thankyou-hero .woocommerce-thankyou-order-received{display:none}
body.td-has-thankyou-hero ul.woocommerce-order-overview{display:none}
@media (max-width:600px){
        .td-thankyou-hero{padding:24px 20px}
        .td-thankyou-hero__actions{flex-direction:column;align-items:stretch}
        .td-thankyou-hero__btn{justify-content:center}
}

/* "What happens next" timeline. */
.td-thankyou-steps{
        margin:34px 0 10px;
        padding:26px 26px 22px;
        background:linear-gradient(160deg,var(--td-mint-soft,#f7fdfa) 0%,#eefaf4 100%);
        border:1px solid var(--td-line,#dcebe6);
        border-radius:var(--td-radius,18px);
}
.td-thankyou-steps__title{
        margin:0 0 18px;
        font-family:var(--td-font);
        font-size:19px;
        font-weight:900;
        color:var(--td-navy,#062b2b);
}
.td-thankyou-steps__list{margin:0;padding:0;list-style:none;counter-reset:td-tys}
.td-thankyou-steps__item{
        display:flex;
        gap:16px;
        align-items:flex-start;
        position:relative;
        padding:0 0 22px;
}
.td-thankyou-steps__item:last-child{padding-bottom:0}
.td-thankyou-steps__item:not(:last-child)::after{
        content:"";
        position:absolute;
        inset-inline-start:17px;   /* RTL-safe: mirrors automatically */
        top:40px;
        bottom:-2px;
        width:2px;
        background:linear-gradient(180deg,rgba(22,166,115,.2),rgba(22,166,115,.4));
        border-radius:2px;
}
.td-thankyou-steps__num{
        flex:none;
        width:36px;
        height:36px;
        border-radius:12px;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:15px;
        font-weight:900;
        color:#fff;
        background:linear-gradient(135deg,var(--td-green,#16a673),var(--td-green2,#27c58b));
        box-shadow:0 6px 14px rgba(22,166,115,.28);
        z-index:1;
}
.td-thankyou-steps__h{margin:0 0 5px;font-size:15px;font-weight:800;color:var(--td-navy,#062b2b)}
.td-thankyou-steps__p{margin:0;font-size:13px;line-height:1.75;color:var(--td-ink2,#354a55);max-width:560px}
.td-thankyou-steps__cta{
        display:flex;
        flex-wrap:wrap;
        gap:12px 18px;
        align-items:center;
        margin-top:22px;
        padding-top:18px;
        border-top:1px dashed #cfe8dd;
}
.td-thankyou-steps__btn{
        display:inline-block;
        background:var(--td-navy,#062b2b);
        color:#fff !important;
        text-decoration:none !important;
        font-weight:800;
        font-size:14px;
        padding:13px 28px;
        border-radius:12px;
        transition:background .18s ease,transform .18s ease;
}
.td-thankyou-steps__btn:hover{background:var(--td-teal,#07504b);transform:translateY(-1px)}
.td-thankyou-steps__link{
        font-size:13px;
        font-weight:600;
        color:var(--td-green-deep,#0d7a57) !important;
        text-decoration:none !important;
        border-bottom:1px dashed #7cc4a9;
        padding-bottom:2px;
}
.td-thankyou-steps__link:hover{color:var(--td-green,#16a673) !important}
@media (max-width:600px){
        .td-thankyou-steps{padding:18px 16px 16px}
        .td-thankyou-steps__item{gap:12px}
        .td-thankyou-steps__num{width:32px;height:32px;border-radius:10px;font-size:13px}
        .td-thankyou-steps__item:not(:last-child)::after{inset-inline-start:15px;top:36px}
        .td-thankyou-steps__cta{flex-direction:column;align-items:stretch;text-align:center}
        .td-thankyou-steps__btn{display:block;text-align:center}
}

/* Order details + customer details cards. */
body.woocommerce-order-received .woocommerce-order,
body.woocommerce-order-received section.woocommerce-order-details,
body.woocommerce-order-received section.woocommerce-customer-details{
        background:#fff;
        border:1px solid var(--td-line,#dcebe6);
        border-radius:var(--td-radius,18px);
        padding:24px 26px;
        box-shadow:var(--td-shadow,0 12px 34px rgba(6,43,43,.07));
        margin-bottom:22px;
}
body.woocommerce-order-received .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-customer-details h2{
        font-family:var(--td-font);
        font-size:16px;
        font-weight:900;
        color:var(--td-navy,#062b2b);
        margin:0 0 14px;
}
body.woocommerce-order-received table.shop_table.order_details{
        border:1px solid var(--td-line-soft,#e8f3ee) !important;
        border-radius:13px;
        overflow:hidden;
}
body.woocommerce-order-received table.shop_table.order_details th,
body.woocommerce-order-received table.shop_table.order_details td{
        padding:12px 13px;
        font-size:12.5px;
        border-color:var(--td-line-soft,#e8f3ee);
}
body.woocommerce-order-received table.shop_table.order_details thead th{
        background:var(--td-mint-2,#f2faf6);
        font-size:10.5px;
        font-weight:900;
        letter-spacing:.08em;
        text-transform:uppercase;
        color:var(--td-muted,#6b7b90);
}
body.woocommerce-order-received table.shop_table.order_details .order-total td{font-weight:900;color:var(--td-green-deep,#0d7a57)}
body.woocommerce-order-received .woocommerce-customer-details address{
        border:1px dashed var(--td-line,#dcebe6);
        border-radius:13px;
        padding:16px 18px;
        font-size:12.5px;
        line-height:1.9;
        color:var(--td-ink2,#354a55);
        background:var(--td-mint-soft,#f7fdfa);
        font-style:normal;
}

/* =====================================================================
   13. DARK MODE
   ===================================================================== */
html[data-theme="dark"] body.woocommerce-checkout #main-content,
html[data-theme="dark"] body.woocommerce-checkout .wd-content-area,
html[data-theme="dark"] body.woocommerce-order-received #main-content,
html[data-theme="dark"] body.woocommerce-order-received .wd-content-area{background:#04201e}
html[data-theme="dark"] body.woocommerce-checkout #customer_details,
html[data-theme="dark"] body.woocommerce-checkout .checkout-order-review,
html[data-theme="dark"] .td-value-card,
html[data-theme="dark"] body.woocommerce-order-received .woocommerce-order,
html[data-theme="dark"] body.woocommerce-order-received section.woocommerce-order-details,
html[data-theme="dark"] body.woocommerce-order-received section.woocommerce-customer-details{
        background:#072724;
        border-color:#12443d;
        box-shadow:none;
}
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-billing-fields h3,
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-shipping-fields h3,
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-additional-fields h3,
html[data-theme="dark"] .td-value-card__title,
html[data-theme="dark"] .td-value-card__price,
html[data-theme="dark"] body.woocommerce-order-received .woocommerce-order-details h2,
html[data-theme="dark"] body.woocommerce-order-received .woocommerce-customer-details h2{color:#e9fbf4}
html[data-theme="dark"] body.woocommerce-checkout .form-row label{color:#c6dcd4}
html[data-theme="dark"] body.woocommerce-checkout .form-row input.input-text,
html[data-theme="dark"] body.woocommerce-checkout .form-row select,
html[data-theme="dark"] body.woocommerce-checkout .form-row textarea,
html[data-theme="dark"] body.woocommerce-checkout .select2-container--default .select2-selection--single{
        background:#0a3230 !important;
        border-color:#1f4740 !important;
        color:#e9fbf4 !important;
}
html[data-theme="dark"] body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{color:#e9fbf4 !important}
html[data-theme="dark"] body.woocommerce-checkout .form-row .description{color:#7fa39a}
html[data-theme="dark"] .td-value-card__meta{color:#a9c3bb}
html[data-theme="dark"] .td-value-card__price-row{border-top-color:#12443d}
html[data-theme="dark"] .td-value-card__list{background:#0a3230;border-color:#12443d}
html[data-theme="dark"] .td-value-card__list li{color:#c6dcd4}
html[data-theme="dark"] .td-checkout-steps__item{color:#a9c3bb}
html[data-theme="dark"] .td-checkout-steps__item.is-current{color:#e9fbf4}
html[data-theme="dark"] .td-checkout-steps__num{background:#0a3230;border-color:#12443d;color:#9adbc2}
html[data-theme="dark"] .td-wm-consent{background:#0a3230;border-color:#12443d}
html[data-theme="dark"] body.woocommerce-checkout #tdp-watermark-consent label{color:#c6dcd4}
html[data-theme="dark"] .td-checkout-wallet{background:#0a3230;border-color:#1f6b52;color:#9adbc2}
html[data-theme="dark"] .td-checkout-wallet__label{color:#e9fbf4}
html[data-theme="dark"] .td-checkout-wallet__icon{background:#072724}
html[data-theme="dark"] .td-checkout-wallet__hint{color:#c6dcd4}
html[data-theme="dark"] .td-checkout-crypto{background:#072724;border-color:#1f4740;color:#c6dcd4}
html[data-theme="dark"] .td-checkout-crypto__badge{background:#0a3230;color:#7fd6c2}
html[data-theme="dark"] .td-checkout-currency{background:#072724;border-color:#1f4740;color:#c6dcd4}
html[data-theme="dark"] .td-checkout-currency strong{color:#e9fbf4}
html[data-theme="dark"] body.woocommerce-checkout h3#order_review_heading{color:#a9c3bb}
html[data-theme="dark"] body.woocommerce-checkout #payment{background:#04201e;border-color:#12443d}
html[data-theme="dark"] body.woocommerce-checkout #payment ul.payment_methods{border-bottom-color:#12443d}
html[data-theme="dark"] body.woocommerce-checkout #payment ul.payment_methods li{background:#072724;border-color:#12443d}
html[data-theme="dark"] body.woocommerce-checkout #payment ul.payment_methods li:has(input[type="radio"]:checked){
        background:#0a3230;
        border-color:var(--td-green,#16a673);
        box-shadow:0 0 0 3px rgba(22,166,115,.22);
}
html[data-theme="dark"] body.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label{background:#0a3230;color:#e9fbf4}
html[data-theme="dark"] body.woocommerce-checkout #payment ul.payment_methods li label{color:#e9fbf4}
html[data-theme="dark"] body.woocommerce-checkout #payment ul.payment_methods li label svg{color:var(--td-green2,#27c58b)}
html[data-theme="dark"] body.woocommerce-checkout #payment .payment_box,
html[data-theme="dark"] body.woocommerce-checkout #payment div.payment_box{background:#0a3230;border-color:#1f4740;color:#c6dcd4}
html[data-theme="dark"] .td-checkout-trust__row{color:#c6dcd4}
html[data-theme="dark"] body.woocommerce-checkout form.checkout_coupon{background:#072724;border-color:#1f4740 !important}
html[data-theme="dark"] body.woocommerce-checkout form.checkout_coupon input.input-text{background:#0a3230 !important;border-color:#1f4740 !important;color:#e9fbf4 !important}
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-error,
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-info,
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-message,
html[data-theme="dark"] body.woocommerce-cart .woocommerce-info{background:#072724;border-color:#1f4740;color:#c6dcd4}
html[data-theme="dark"] body.woocommerce-checkout #order_review table.shop_table th{color:#e9fbf4}
html[data-theme="dark"] body.woocommerce-checkout #order_review table.shop_table td{color:#c6dcd4}
html[data-theme="dark"] body.woocommerce-checkout #order_review table.shop_table tr{border-bottom-color:#0e3a35}
html[data-theme="dark"] body.woocommerce-checkout #order_review table.shop_table.woocommerce-checkout-review-order-table{border-color:#0e3a35 !important}
html[data-theme="dark"] body.woocommerce-checkout #order_review table.shop_table .product-name a{color:#e9fbf4}
html[data-theme="dark"] body.woocommerce-checkout #order_review table.shop_table .order-total{background:#0a3230;border-top-color:#12443d !important}
html[data-theme="dark"] body.woocommerce-checkout #order_review table.shop_table .order-total th{color:#e9fbf4}
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{color:#7fa39a}
html[data-theme="dark"] .td-thankyou-steps{background:linear-gradient(160deg,#0a3230 0%,#07282a 100%);border-color:#12463f}
html[data-theme="dark"] .td-thankyou-steps__title,
html[data-theme="dark"] .td-thankyou-steps__h{color:#e9fbf4}
html[data-theme="dark"] .td-thankyou-steps__p{color:#a9c3bb}
html[data-theme="dark"] .td-thankyou-steps__cta{border-top-color:#12463f}
html[data-theme="dark"] .td-thankyou-steps__btn{background:var(--td-green,#16a673)}
html[data-theme="dark"] .td-thankyou-steps__btn:hover{background:var(--td-green2,#27c58b)}
html[data-theme="dark"] body.woocommerce-order-received table.shop_table.order_details{border-color:#12443d !important}
html[data-theme="dark"] body.woocommerce-order-received table.shop_table.order_details th,
html[data-theme="dark"] body.woocommerce-order-received table.shop_table.order_details td{border-color:#0e3a35;color:#c6dcd4}
html[data-theme="dark"] body.woocommerce-order-received table.shop_table.order_details thead th{background:#0a3230;color:#9adbc2}
html[data-theme="dark"] body.woocommerce-order-received .woocommerce-customer-details address{background:#0a3230;border-color:#12443d;color:#c6dcd4}

/* =====================================================================
   14. RESPONSIVE FINETUNING
   ===================================================================== */
@media (max-width:960px){
        body.woocommerce-checkout #customer_details,
        body.woocommerce-checkout .checkout-order-review{padding:20px}
}
@media (max-width:640px){
        body.woocommerce-checkout #customer_details,
        body.woocommerce-checkout .checkout-order-review{padding:16px;border-radius:14px}
        body.woocommerce-checkout .td-secure-badge{flex-wrap:wrap;gap:6px}
        body.woocommerce-checkout #payment ul.payment_methods li .payment_box,
        body.woocommerce-checkout #payment div.payment_box{margin-inline-start:0}
        .td-checkout-trust{margin-inline:0}
}

/* Reduced motion. */
@media (prefers-reduced-motion:reduce){
        body.woocommerce-checkout *,
        body.woocommerce-order-received *{
                transition-duration:.01ms !important;
                animation-duration:.01ms !important;
        }
}

/* =====================================================================
   13. LAYOUT ARMOR — v2.4.0
   ---------------------------------------------------------------------
   ROOT CAUSES this section fixes (verified in a live-DOM audit):

   A) Woodmart's flex-era child rule
         form.woocommerce-checkout > :is(.customer-details,.checkout-order-review)
         { width:auto; max-width:50%; flex:1 0 0 }
      also applies inside our CSS-grid layout. Percentages on grid items
      resolve against the GRID AREA, so both cards were clamped to HALF
      of their grid track (331px / 245px instead of 662px / 489px) —
      every box became a long, crushed, ugly column.

   B) Woodmart's card rule
         :is(.woocommerce-checkout>.checkout-order-review,
             .woocommerce-order-pay #order_review)
      carries an ID inside :is() → specificity (1,1,0). It beats every
      class-only rule in this stylesheet and forced position:relative,
      gray background, 30px padding and the "ticket-stub" dots back onto
      the review card — while our own top:96px still applied. The card
      was therefore shifted 96px down, out of alignment, poking into the
      footer region.

   The rules below re-assert the two-column grid with !important so no
   theme update can clamp, shift or re-skin the two cards again.
   ===================================================================== */

/* 13.1 — The form is a two-column grid, full stop. */
body.woocommerce-checkout form.checkout.woocommerce-checkout{
        display:grid !important;
        grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
        gap:28px !important;
        align-items:start !important;
        max-width:1180px;
        margin-inline:auto;
        float:none;
}
@media (max-width:960px){
        body.woocommerce-checkout form.checkout.woocommerce-checkout{
                grid-template-columns:minmax(0,1fr) !important;
        }
}

/* 13.2 — Every direct child loses Woodmart's flex-era sizing. */
body.woocommerce-checkout form.checkout.woocommerce-checkout > *{
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        flex:none !important;
        order:0 !important;
        float:none !important;
}
/* WooCommerce order-attribution custom element must not eat a grid cell. */
body.woocommerce-checkout form.checkout.woocommerce-checkout > wc-order-attribution-inputs{
        display:none !important;
}

/* 13.3 — Explicit placement: billing left, order review right. */
body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .customer-details{
        grid-column:1 !important;
        grid-row:1 !important;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review{
        grid-column:2 !important;
        grid-row:1 !important;
}
/* AJAX validation notices render as a direct child — full width row. */
body.woocommerce-checkout form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup{
        grid-column:1 / -1 !important;
}
@media (max-width:960px){
        body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details,
        body.woocommerce-checkout form.checkout.woocommerce-checkout > .customer-details,
        body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review,
        body.woocommerce-checkout form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup{
                grid-column:1 !important;
                grid-row:auto !important;
        }
}

/* 13.4 — Card chrome: beat the (1,1,0) gray "ticket-stub" rule for good.
   The review card is intentionally NOT sticky: its content (order table +
   USDT instructions + terms + button) is taller than most viewports, and
   a sticky element that tall just hangs off the bottom of the screen. */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review{
        background:#fff !important;
        border:1px solid var(--td-line,#dcebe6) !important;
        border-radius:var(--td-radius,18px) !important;
        box-shadow:var(--td-shadow,0 12px 34px rgba(6,43,43,.07)) !important;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review{
        padding:22px !important;
        position:static !important;
        top:auto !important;
        margin:0 !important;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review::before,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review::after{
        content:none !important;
        display:none !important;
}

/* 13.5 — Coupon: the form is permanently open; hide the now-redundant
   "Have a coupon? Click here…" toggle above it. */
body.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none !important}
/* The custom full-bleed bands (wallet/steps/intro) sit at x=0 by design,
   so the narrow coupon form must center itself on the content column. */
body.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon{
        margin-inline:auto !important;
        margin-bottom:22px !important;
        background:var(--td-mint-soft,#f7fdfa) !important;
        border-color:#cfe8dc !important;
        box-shadow:0 6px 18px rgba(6,43,43,.05);
}

/* 13.6 — USDT gateway box: keep it inside the card and make it look like
   part of the design instead of a bolted-on dark slab.
   NOTE: the plugin paints BOTH the .payment_box and its inner wrapper div
   (the gateway class sits on the <li> AND on the box), so the gradient
   below lands on both and must simply be the last word on background. */
body.woocommerce-checkout #payment .payment_box.payment_method_ttg_tether_gateway{
        border:0 !important;
        box-shadow:none !important;
        padding:0 !important;
        margin:12px 0 2px !important;
        margin-inline-start:0 !important;
}
body.woocommerce-checkout #payment .payment_box.payment_method_ttg_tether_gateway > div{
        background:linear-gradient(165deg,#0d3a56 0%,#28374e 100%) !important;
        border-radius:12px !important;
        padding:18px 16px 20px !important;
        box-shadow:none !important;
}
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-icon img{
        width:80px !important;
        margin-bottom:2px !important;
}
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-title{
        font-size:16px !important;
        letter-spacing:.02em;
}
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details h4{
        width:100%;
        margin:0 0 2px;
        font-size:11px !important;
        font-weight:800;
        letter-spacing:.16em;
        text-transform:uppercase;
        color:#9ed8c4 !important;
        text-align:center;
}
/* Tighten the gateway column rhythm. */
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details{
        row-gap:10px !important;
}
/* Wallet ADDRESS rows (they contain a <span> + copy icon) become chips. */
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details > div:has(> span),
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details #more_networks > div:has(> span){
        display:flex !important;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:4px 8px;
        width:100% !important;
        background:rgba(255,255,255,.06);
        border:1px solid rgba(255,255,255,.12);
        border-radius:9px;
        padding:9px 10px;
        box-sizing:border-box;
}
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details > div:has(> span) span,
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details #more_networks > div:has(> span) span{
        font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace !important;
        font-size:12.5px !important;
        letter-spacing:.05em !important;
        word-break:break-all !important;
        margin:0 !important;
        color:#fff;
}
/* Network labels (TRC20 / SOL / ERC20 / Polygon — bare text divs). */
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details > div:not(:has(> span)):not(#more_networks),
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details #more_networks > div:not(:has(> span)){
        width:100% !important;
        background:none;
        border:0;
        border-radius:0;
        padding:0 !important;
        font-size:11px !important;
        font-weight:800 !important;
        letter-spacing:.18em;
        text-transform:uppercase;
        color:#8fb3cf !important;
        text-align:center;
}
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details .fa-copy{
        color:#7fd6c2;
        cursor:pointer;
        font-size:1rem !important;
        margin:0 !important;
        transition:color .15s ease,transform .15s ease;
}
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details .fa-copy:hover{
        color:#fff;
        transform:scale(1.12);
}
body.woocommerce-checkout #payment .payment_method_ttg_tether_gateway .ttg-gateway-wallet-details hr{
        background:rgba(255,255,255,.15) !important;
        border:0;
        width:100%;
        margin:2px 0 !important;
}
/* "Show more" network toggle — quiet ghost button instead of white slab. */
body.woocommerce-checkout #payment #show_more_networks{
        display:inline-block;
        background:rgba(255,255,255,.1) !important;
        color:#fff !important;
        opacity:1 !important;
        border:1px solid rgba(255,255,255,.22);
        border-radius:8px !important;
        padding:6px 18px !important;
        font-size:11.5px !important;
        font-weight:700;
        text-decoration:none;
        transition:background .15s ease;
}
body.woocommerce-checkout #payment #show_more_networks:hover{background:rgba(255,255,255,.2) !important}
/* TXID field */
body.woocommerce-checkout #payment .ttg-gateway-deposit > div:first-child{
        font-size:12.5px !important;
        color:#dbe7f1;
        line-height:1.75;
        margin-bottom:12px !important;
}
body.woocommerce-checkout #payment .ttg-gateway-deposit label{
        display:block !important;
        width:100% !important;
        text-align:center !important;
        font-size:11px !important;
        font-weight:800;
        letter-spacing:.12em;
        text-transform:uppercase;
        color:#9ed8c4 !important;
        margin:0 0 8px !important;
}
body.woocommerce-checkout #payment .ttg-gateway-deposit label .required{color:#ff9d9d}
body.woocommerce-checkout #payment .ttg-gateway-deposit input[type="text"]{
        background:#fff !important;
        color:#0b2530 !important;
        border:0 !important;
        border-radius:10px !important;
        padding:12px 14px !important;
        font-size:13px !important;
        box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25);
}
body.woocommerce-checkout #payment .ttg-gateway-deposit input[type="text"]:focus{
        outline:none;
        box-shadow:0 0 0 3px rgba(39,197,139,.45);
}

/* 13.7 — Dark-mode hardening: labels & headings must stay readable.
   (several dark rules elsewhere lose to higher-specificity light rules) */
html[data-theme="dark"] body.woocommerce-checkout .form-row label,
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-billing-fields h3,
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-additional-fields h3,
html[data-theme="dark"] body.woocommerce-checkout .form-row .description{
        color:#c6dcd4 !important;
}
html[data-theme="dark"] body.woocommerce-checkout .form-row input.input-text,
html[data-theme="dark"] body.woocommerce-checkout .form-row select,
html[data-theme="dark"] body.woocommerce-checkout .form-row textarea{
        color:#e9fbf4 !important;
}
html[data-theme="dark"] body.woocommerce-checkout .td-value-card__meta,
html[data-theme="dark"] .td-checkout-trust__row{
        color:#c6dcd4 !important;
}
html[data-theme="dark"] body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
        color:#a9c3bb !important;
}