.elementor-12631 .elementor-element.elementor-element-eca7145{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for checkout-form, class: .elementor-element-d159b28 *//* ============================================================
   eTaxAdvisors — CartFlows Checkout · Emerald + Gold Dark Theme
   Paste in: CartFlows → Checkout Step → Settings → Custom CSS
   (or Customizer → Additional CSS)
   Matches the Live Mentorship landing page palette.
   ============================================================ */

:root{
  --bg:#04130d;
  --bg2:#071c14;
  --panel:#0b2419;
  --field:#06190f;
  --line:rgba(212,175,90,.18);
  --line2:rgba(255,255,255,.10);
  --emerald:#2fbf71;
  --emerald-d:#178a4e;
  --gold:#e9c46a;
  --gold-d:#caa044;
  --cream:#f4efe2;
  --muted:#9db5a6;
}

/* ---- Page background ---- */
body,
body.cartflows-canvas,
.cartflows-container,
#cartflows_checkout_form,
.wcf-embed-checkout-form{
  background:var(--bg) !important;
  color:var(--cream) !important;
}
body{font-family:"Anek Bangla",system-ui,-apple-system,"Segoe UI",sans-serif !important;}

/* Pink debug/border box from the builder — remove */
.wcf-embed-checkout-form,
.wcf-embed-checkout-form.wcf-embed-checkout-form-modern-label{
  border:none !important;
  box-shadow:none !important;
}

/* ---- Two-column wrapper ---- */
.wcf-embed-checkout-form .wcf-customer-info,
.wcf-embed-checkout-form .wcf-order-wrap,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  padding:26px !important;
}

/* ---- Section headings (Billing details / Your order) ---- */
.wcf-embed-checkout-form h3,
.woocommerce-checkout h3,
#order_review_heading,
.wcf-order-review-heading,
.woocommerce-billing-fields > h3,
.wcf-customer-info h3{
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:19px !important;
  border:none !important;
  margin-bottom:18px !important;
}

/* ---- Field labels ---- */
.woocommerce form .form-row label,
.wcf-embed-checkout-form label,
.woocommerce-checkout label{
  color:#cfe0d6 !important;
  font-size:13px !important;
  font-weight:600 !important;
}
.woocommerce form .form-row label .required,
.required{ color:#f08c8c !important; }

/* ---- Inputs / selects ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wcf-embed-checkout-form input[type="text"],
.wcf-embed-checkout-form input[type="email"],
.wcf-embed-checkout-form input[type="tel"],
.wcf-embed-checkout-form input[type="number"],
.wcf-embed-checkout-form select,
.select2-container--default .select2-selection--single{
  background:var(--field) !important;
  border:1px solid var(--line2) !important;
  border-radius:10px !important;
  color:#ffffff !important;
  font-size:15px !important;
  padding:13px 14px !important;
  height:auto !important;
  box-shadow:none !important;
  transition:border-color .2s !important;
}
.woocommerce form .form-row input.input-text::placeholder{ color:#5f7568 !important; }

/* focus state */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.wcf-embed-checkout-form input:focus,
.wcf-embed-checkout-form select:focus{
  border-color:var(--emerald) !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(47,191,113,.15) !important;
}

/* select2 (country/state) tweaks */
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#fff !important; line-height:46px !important;
}
.select2-dropdown{ background:var(--panel) !important; border:1px solid var(--line) !important; color:#fff !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:var(--emerald-d) !important; }

/* ---- Phone +91 prefix / intl-tel ---- */
.iti{ width:100% !important; }
.iti__flag-container{ background:transparent !important; }

/* ============== ORDER REVIEW (Your order) ============== */

/* table */
.woocommerce-checkout-review-order-table,
.wcf-embed-checkout-form table.shop_table{
  background:transparent !important;
  border:none !important;
  color:var(--cream) !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{
  border:none !important;
  border-bottom:1px solid var(--line2) !important;
  padding:12px 0 !important;
  color:#cfe0d6 !important;
  background:transparent !important;
}
.woocommerce-checkout-review-order-table thead th{
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
}
/* product name */
.woocommerce-checkout-review-order-table .product-name{ color:#fff !important; font-weight:700 !important; }
/* amounts */
.woocommerce-checkout-review-order-table .amount,
.woocommerce-Price-amount{ font-family:"Manrope",sans-serif !important; color:#fff !important; }

/* subtotal row */
.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout-review-order-table .cart-subtotal td{ color:var(--muted) !important; }

/* TOTAL row — emphasized gold */
.woocommerce-checkout-review-order-table .order-total th{
  color:#fff !important; font-weight:800 !important; font-size:16px !important;
}
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total .amount{
  color:var(--gold) !important;
  font-weight:800 !important;
  font-size:22px !important;
}

/* ============== PAYMENT (Razorpay) ============== */
#payment, .wcf-embed-checkout-form #payment,
.woocommerce-checkout #payment{
  background:transparent !important;
  border:none !important;
}
#payment ul.payment_methods,
.wc_payment_methods{
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  padding:14px 16px !important;
}
#payment ul.payment_methods li{ border:none !important; }
#payment .payment_method_razorpay label,
#payment label{
  color:#fff !important;
  font-weight:700 !important;
  font-size:14.5px !important;
}
/* the grey "Pay securely via UPI..." description box */
#payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{
  background:var(--field) !important;
  border:1px solid var(--line2) !important;
  border-radius:10px !important;
  color:var(--muted) !important;
  font-size:13px !important;
}
#payment div.payment_box::before{ border-bottom-color:var(--field) !important; }
/* radio accent */
#payment input[type="radio"]{ accent-color:var(--emerald) !important; }

/* terms & conditions */
.woocommerce-terms-and-conditions-wrapper,
.wcf-embed-checkout-form .woocommerce-form__label{
  color:#cfe0d6 !important; font-size:13.5px !important;
}
.woocommerce-terms-and-conditions-wrapper a{ color:var(--gold) !important; }
#payment input[type="checkbox"]{ accent-color:var(--emerald) !important; transform:scale(1.15); }

/* ============== PLACE ORDER BUTTON ============== */
#place_order,
.wcf-embed-checkout-form #place_order,
.woocommerce #payment #place_order{
  background:linear-gradient(135deg,var(--gold),var(--gold-d)) !important;
  color:#1a2e10 !important;
  font-family:"Manrope","Anek Bangla",sans-serif !important;
  font-weight:800 !important;
  font-size:18px !important;
  border:none !important;
  border-radius:13px !important;
  padding:16px 20px !important;
  width:100% !important;
  box-shadow:0 12px 30px -8px rgba(233,196,106,.5) !important;
  transition:transform .2s, box-shadow .2s !important;
  text-shadow:none !important;
}
#place_order:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 40px -8px rgba(233,196,106,.65) !important;
  background:linear-gradient(135deg,#f0d27a,var(--gold)) !important;
}
#place_order:active{ transform:scale(.98) !important; }

/* ---- Coupon / notices ---- */
.woocommerce-info, .woocommerce-message, .wcf-coupon-wrap{
  background:rgba(47,191,113,.08) !important;
  border:1px solid rgba(47,191,113,.3) !important;
  border-left:3px solid var(--emerald) !important;
  color:#cfe0d6 !important;
  border-radius:10px !important;
}
.woocommerce-error{
  background:rgba(120,40,40,.14) !important;
  border:1px solid rgba(220,90,90,.35) !important;
  color:#f6c3c3 !important;
  border-radius:10px !important;
}

/* ---- Optional: add a secure badge under the button ---- */
#place_order::after{ content:""; }

/* ---- Scrollbar ---- */
::-webkit-scrollbar{ width:8px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:#1f3a2a; border-radius:4px; }

/* ============== MOBILE ============== */
@media (max-width:782px){
  .wcf-embed-checkout-form .wcf-customer-info,
  .wcf-embed-checkout-form .wcf-order-wrap,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review{
    padding:18px !important;
    border-radius:14px !important;
  }
  .woocommerce-checkout-review-order-table .order-total td,
  .woocommerce-checkout-review-order-table .order-total .amount{ font-size:20px !important; }
  #place_order{ font-size:16px !important; padding:15px !important; }
}/* End custom CSS */