.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form,
						.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form-modern-checkout,
						.cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected],
						.cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected]{--wcf-primary-color:#f16334;}.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus,
						.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus,
						.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:0 0 0 1px #f16334;}.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-one.wcf-current:before,
						.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-two.wcf-current:before{background-color:#f16334;}.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#f16334;}.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
						.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note,
						.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
						.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form .woocommerce #order_review button,
						body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#f16334;border-color:#f16334;}.elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form, .elementor-210 .elementor-element.elementor-element-24bc9c1 .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#000000;}/* Start custom CSS for section, class: .elementor-element-f017043 *//* =========================
   VisitXO Premium Checkout (SaaS Glass)
   Paste as ONE block
========================= */

/* 0) Variables */
:root{
  --vx-bg:#0B1220;
  --vx-panel:rgba(255,255,255,.035);
  --vx-panel-2:rgba(255,255,255,.055);
  --vx-stroke:rgba(0,212,255,.22);
  --vx-stroke-2:rgba(255,255,255,.10);
  --vx-text:#EAF2FF;
  --vx-muted:rgba(234,242,255,.72);
  --vx-accent:#00D4FF;
  --vx-accent2:#1E7CFF;
  --vx-danger:#ff4d4d;
  --vx-radius:20px;
}

/* 1) Page background (safe) */
body.woocommerce-checkout,
.woocommerce-checkout{
  background: radial-gradient(900px 500px at 50% 0%, rgba(0,212,255,.10), transparent 60%),
              radial-gradient(700px 450px at 15% 20%, rgba(30,124,255,.10), transparent 60%),
              var(--vx-bg) !important;
  color: var(--vx-text);
}

/* 2) Main checkout wrapper (cartflows/elementor friendly) */
.woocommerce-checkout .woocommerce,
.woocommerce-checkout form.checkout,
.cartflows-checkout-form,
.wcf-checkout-container{
  max-width: 1180px;
  margin: 0 auto;
}

/* 3) Make all blocks look like premium cards */
.

.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-checkout-payment{
  background: var(--vx-panel) !important;
  border: 1px solid var(--vx-stroke) !important;
  border-radius: var(--vx-radius) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 22px !important;
}

/* 4) Titles */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th{
  color: var(--vx-text) !important;
  letter-spacing: .2px;
  font-weight: 700;
}

/* 5) Labels + text */
.woocommerce-checkout label{
  color: var(--vx-muted) !important;
  font-weight: 500;
}
.woocommerce-checkout .form-row{
  margin-bottom: 14px !important;
}

/* 6) Inputs (premium) */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select{
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--vx-text) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: .2s ease;
}
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder{
  color: rgba(234,242,255,.45) !important;
}
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus{
  border-color: rgba(0,212,255,.55) !important;
  box-shadow: 0 0 0 4px rgba(0,212,255,.10) !important;
}

/* 7) Order table (Product/Subtotal/Total) */
.woocommerce-checkout-review-order-table{
  background: transparent !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}
.woocommerce-checkout-review-order-table thead th{
  color: rgba(234,242,255,.70) !important;
  border: none !important;
  padding: 8px 10px !important;
}
.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tfoot tr{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.woocommerce-checkout-review-order-table tbody tr td,
.woocommerce-checkout-review-order-table tfoot tr td,
.woocommerce-checkout-review-order-table tfoot tr th{
  border: none !important;
  padding: 12px 12px !important;
  color: var(--vx-text) !important;
}
.woocommerce-checkout-review-order-table tbody tr td:first-child,
.woocommerce-checkout-review-order-table tfoot tr th{
  color: rgba(234,242,255,.80) !important;
}
.woocommerce-checkout-review-order-table tbody tr td:last-child,
.woocommerce-checkout-review-order-table tfoot tr td:last-child{
  text-align: right !important;
}

/* Highlight subtotal/total */
.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,
.woocommerce-checkout-review-order-table tfoot .order-total td{
  background: rgba(0,212,255,.08) !important;
  border-radius: 12px !important;
  font-weight: 700;
}
.woocommerce-checkout-review-order-table tfoot .order-total td{
  background: rgba(30,124,255,.10) !important;
}

/* 8) Payment box */
.woocommerce-checkout-payment{
  margin-top: 16px !important;
}
.woocommerce-checkout-payment ul.payment_methods{
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  padding: 14px !important;
}
.woocommerce-checkout-payment .payment_box{
  background: rgba(0,212,255,.06) !important;
  border: 1px solid rgba(0,212,255,.18) !important;
  border-radius: 14px !important;
  color: var(--vx-text) !important;
}

/* 9) Place Order button (SaaS CTA) */
#place_order,
button#place_order,
.woocommerce-checkout button.button.alt{
  width: 100% !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  color: #06101a !important;
  background: linear-gradient(90deg, var(--vx-accent), var(--vx-accent2)) !important;
  box-shadow: 0 18px 45px rgba(0,212,255,.20);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
#place_order:hover,
button#place_order:hover,
.woocommerce-checkout button.button.alt:hover{
  transform: translateY(-1px);
  box-shadow: 0 22px 60px rgba(0,212,255,.28);
  filter: brightness(1.05);
}
#place_order:active,
button#place_order:active{
  transform: translateY(0px);
}

/* 10) Notices */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.04) !important;
  color: var(--vx-text) !important;
}
.woocommerce-error{
  border-color: rgba(255,77,77,.35) !important;
  background: rgba(255,77,77,.08) !important;
}

/* 11) Remove harsh borders/lines */
.woocommerce-checkout *{
  text-rendering: geometricPrecision;
}
.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th{
  border-color: transparent !important;
}

/* 12) Mobile layout polishing */
@media (max-width: 768px){
  .woocommerce-checkout .woocommerce-billing-fields,
  .woocommerce-checkout-review-order,
  .woocommerce-checkout .woocommerce-checkout-payment{
    padding: 16px !important;
    border-radius: 16px !important;
  }
  #place_order,
  button#place_order{
    padding: 14px 16px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }
  .woocommerce-checkout-review-order-table{
    border-spacing: 0 8px !important;
  }
}

/* 13) Optional: smooth divider line under sections (subtle) */
.woocommerce-checkout .woocommerce-billing-fields:after,
.woocommerce-checkout-review-order:after{
  content:"";
  display:block;
  height:1px;
  margin-top: 18px;
  background: linear-gradient(90deg, transparent, rgba(0,212,255,.35), transparent);
}
   VisitXO Checkout – Left Form Fix
   Labels + Spacing + Layout
================================ */

/* مسافة بين الحقول */
.woocommerce-checkout .form-row{
  margin-bottom: 16px !important;
}

/* اظهار الليبل فوق الحقول */
.woocommerce-checkout .form-row label,
.wcf-field-label,
.wcf-field-label label,
.wcf-field-wrapper label,
.woocommerce-checkout .woocommerce-billing-fields label{
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  clip: auto !important;
  margin: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(234,242,255,.85) !important;
}

/* تحسين شكل الحقول */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select{
  height: 48px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
}

/* ترتيب First / Last Name في سطر واحد */
@media (min-width: 768px){
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last{
    width: 48% !important;
  }

  .woocommerce-checkout .form-row-first{
    margin-right: 4% !important;
  }
}

/* مسافة داخل قسم Billing */
.woocommerce-checkout .woocommerce-billing-fields{
  padding: 24px !important;
}

/* تحسين placeholder */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder{
  opacity: .6 !important;
}
/* ===============================
   VisitXO SaaS Clean Button
================================ */

#place_order,
button#place_order,
.woocommerce-checkout button.button.alt{

  width: 100% !important;
  padding: 16px 20px !important;
  border-radius: 14px !important;

  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .3px !important;

  border: 1px solid rgba(0,212,255,.25) !important;

  color: #ffffff !important;

  background: linear-gradient(
      90deg,
      #00CFFF,
      #1E7CFF
  ) !important;

  box-shadow:
      0 6px 18px rgba(0,212,255,.18);

  transition: all .2s ease !important;
}

/* Hover – بسيط وراقي */
#place_order:hover{
  transform: translateY(-1px);
  box-shadow:
      0 10px 28px rgba(0,212,255,.25);
}

/* Click Glow Effect (لحظة ضغط) */
#place_order:active{
  transform: translateY(0);
  box-shadow:
      0 0 0 4px rgba(0,212,255,.25),
      0 0 30px rgba(0,212,255,.35);
}/* End custom CSS */