/* 
📄 ملحق القيم البديلة - maknoon-checkout-ui.css

- إدارة حقول الدولة والمحافظة:
    - النسخة القديمة: بعض التنسيقات كانت تتداخل مع selectWoo مباشرة في ملفات منفصلة.
    - النسخة الجديدة: إدارة مظهر الحقول وتناسقها مع باقي الحقول عبر متغيرات التصميم.

- توحيد الحقول:
    - توحيد ارتفاعات الحقول والفراغات الداخلية.
    - توحيد ألوان الحدود والتركيز focus.

- أزرار الدفع:
    - توحيد تصميم زر "إتمام الطلب" مع هوية مكنون ستار.

- توافق كامل مع متغيرات maknoon-variables.css.
*/

/* الحقول داخل checkout */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout select,
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"] {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid var(--maknoon-border);
    border-radius: 4px;
    transition: var(--maknoon-transition);
    background-color: var(--maknoon-white);
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus {
    border-color: var(--maknoon-primary);
    outline: none;
}

/* تخصيص selectWoo */
.select2-container--default .select2-selection--single {
    height: 45px !important;
    padding: 10px 15px;
    border: 1px solid var(--maknoon-border);
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
}

/* زر إتمام الطلب */
.woocommerce-checkout button[type="submit"] {
    background-color: var(--maknoon-primary);
    color: var(--maknoon-white);
    padding: 12px 25px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: var(--maknoon-transition);
    font-size: 16px;
}

.woocommerce-checkout button[type="submit"]:hover {
    background-color: var(--maknoon-secondary);
}