.elementor-1626 .elementor-element.elementor-element-823506d{--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;--margin-top:57px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1626 .elementor-element.elementor-element-823506d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1626 .elementor-element.elementor-element-31ec403{--additional-information-display:block;--sections-border-color:#759F61;--sections-descriptions-color:#000000;--sections-checkboxes-color:#000000;--sections-radio-buttons-color:#FFFFFF;--forms-labels-color:#FFFFFF;}.elementor-1626 .elementor-element.elementor-element-31ec403 h3#order_review_heading, .elementor-1626 .elementor-element.elementor-element-31ec403 .woocommerce-billing-fields h3, .elementor-1626 .elementor-element.elementor-element-31ec403 .woocommerce-additional-fields h3{font-family:"Inter", Sans-serif;}.elementor-1626 .elementor-element.elementor-element-31ec403 .woocommerce-billing-fields .form-row label, .elementor-1626 .elementor-element.elementor-element-31ec403 .woocommerce-shipping-fields .form-row label, .elementor-1626 .elementor-element.elementor-element-31ec403 .woocommerce-additional-fields .form-row label, .elementor-1626 .elementor-element.elementor-element-31ec403 .e-woocommerce-login-anchor .form-row label, .elementor-1626 .elementor-element.elementor-element-31ec403 .e-coupon-anchor-description{font-family:"Inter", Sans-serif;}.elementor-1626 .elementor-element.elementor-element-31ec403 {--forms-buttons-border-color:#759F61;}@media(max-width:767px){.elementor-1626 .elementor-element.elementor-element-31ec403 > .elementor-widget-container{margin:21px 0px 0px -11px;}}@media(min-width:768px){.elementor-1626 .elementor-element.elementor-element-823506d{--width:96.738%;}}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-31ec403 *//* =========================================
   تنسيق صفحة الدفع (مريح، واسع، ومرتب)
   ========================================= */

/* 1. الحاوية العامة - أعطيناها هوا تتنفس */
.woocommerce-checkout {
    font-family: 'Inter', sans-serif;
    background-color: #fcfdfc; /* خلفية نظيفة */
    padding: 30px !important; /* 🔴 زدنا الحشوة عشان ما تلزق بالحفف */
    border-radius: 20px;
    max-width: 100%;
}

/* 2. العناوين - مسافة مريحة تحتها */
.woocommerce-checkout h3 {
    font-size: 20px !important; /* حجم وسط مناسب */
    font-weight: 800 !important;
    color: #282828 !important;
    margin-bottom: 25px !important; /* 🔴 بعدنا العنوان عن الحقول */
    border-bottom: 3px solid #759f61;
    padding-bottom: 8px;
    display: inline-block;
}

/* 3. التسميات (Labels) - رفعناها عن الحقل */
.woocommerce-checkout label {
    font-size: 14px !important;
    color: #444 !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important; /* 🔴 مسافة بين الاسم والحقل تبعه */
    display: block !important; /* عشان تيجي بسطر لحالها */
    line-height: 1.5 !important;
}

/* 4. حقول الإدخال - الارتفاع والتباعد */
.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-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    
    padding: 0 15px !important; /* حشوة جانبية */
    min-height: 48px !important; /* 🔴 ارتفاع مريح جداً للكتابة */
    
    font-size: 14px !important;
    color: #333 !important;
    
    margin-bottom: 25px !important; /* 🔴 أهم اشي: زدنا المسافة بين الحقل والثاني */
    box-shadow: 0 2px 10px rgba(0,0,0,0.01) !important;
    width: 100% !important; /* تأكيد العرض الكامل */
}

/* إلغاء اللون الأزرق عند الكتابة */
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
    border-color: #759f61 !important;
    outline: none !important;
    box-shadow: 0 4px 15px rgba(117, 159, 97, 0.1) !important;
}

/* 5. الروابط ورسائل التنبيه بالأخضر */
.woocommerce-checkout a { color: #759f61 !important; text-decoration: none; }
.woocommerce-info, .woocommerce-message {
    border-top-color: #759f61 !important;
    background-color: #f4f9f4 !important; /* أخضر فاتح جداً */
    color: #555 !important;
    margin-bottom: 30px !important; /* بعدناها عن الفورم */
    padding: 15px 20px !important;
    border-radius: 10px !important;
}
.showcoupon { color: #759f61 !important; font-weight: 800; }

/* 6. صندوق "طلبيتك" (Your Order) */
#order_review_heading, #order_review {
    background: #ffffff !important;
    padding: 30px !important; /* وسعنا الصندوق */
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.03) !important;
    margin-top: 20px !important;
}

/* توسيع سطور الجدول */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 15px 10px !important; /* 🔴 زدنا ارتفاع السطر */
    font-size: 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* الألوان */
.woocommerce-checkout-review-order-table .product-name strong { color: #759f61 !important; }
.woocommerce-checkout-review-order-table .order-total .amount { color: #759f61 !important; font-size: 18px !important; font-weight: 800; }

/* 7. زر الدفع (Place Order) */
#place_order {
    background-color: #759f61 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 15px 30px !important;
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 25px !important;
    border: none !important;
    transition: all 0.3s ease;
    cursor: pointer;
}
#place_order:hover {
    background-color: #d893cb !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(216, 147, 203, 0.3) !important;
}

/* 8. ترتيب الموبايل (Responsive) */
@media (max-width: 768px) {
    .woocommerce-checkout {
        padding: 20px !important; /* حشوة أقل شوي للموبايل بس لسا مريحة */
    }
    
    /* فك اشتباك الأعمدة */
    .col2-set .col-1, .col2-set .col-2 {
        float: none !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    /* توسيع الحقول عالموبايل */
    .woocommerce-checkout input[type="text"],
    .woocommerce-checkout input[type="email"] {
        font-size: 16px !important; /* عشان ما يعمل زووم لحاله */
    }
}


#billing_company_field {
  display: none !important;
}


#billing_email_field {
  display: none !important;
}/* End custom CSS */