/**
 * Zed Store — استمارة الطلب (الدفع عند الاستلام)
 *
 * يُحمّل بعد codplugin.css (عبر dependency) باش يغلبو بلا !important،
 * ماعدا القواعد اللي القالب نفسو كاتبها بـ !important.
 *
 * الألوان: #0F7C88 تيل · #0A1220 كحلي · #2FD3E0 سماوي · #D93A25 أحمر
 */

/* ---------- الإطار الخارجي ----------
   القالب يلوّنو من إعداد accent_color في ستايل inline (يجي بعد هذا الملف)،
   فنزيدو body باش نغلبو بلا ما نمسّو إعداد عام يستعملوه صفحات أخرى. */

body #codplugin-checkout {
	border: 2px solid #D8E0E8;
	border-radius: 10px;
}

/* ---------- الحقول ---------- */

#codplugin_woo_single_form input,
#codplugin_state,
#codplugin_city,
#order-notes,
.codform-custom-file-input {
	border: 2px solid #D8E0E8;
	border-radius: 8px;
}

#codplugin_woo_single_form input:focus,
#codplugin_state:focus,
#codplugin_city:focus,
#order-notes:focus {
	outline: none;
	border-color: #0F7C88;
	box-shadow: 0 0 0 3px rgba(15, 124, 136, 0.12);
}

/* القالب كاتب هاذو بـ !important فنقابلوهم بنفس القوة */
#codplugin_woo_single_form input:valid,
#codplugin_woo_single_form select:valid {
	border: 2px solid #0F7C88 !important;
}

#codplugin_woo_single_form input:required:focus:invalid,
#codplugin_woo_single_form select:required:focus:invalid {
	border: 2px solid #D93A25 !important;
}

/* ---------- خيارات الكمية والعروض ---------- */

.radio-variation-prices input[type="radio"]:checked::before {
	border-color: #0F7C88;
	background: #0F7C88;
}

.radio-variation-prices tr.checked-var {
	border-color: #0F7C88 !important;
	background-color: #F5FCFD;
}

#codplugin-checkout .checked::after {
	background-color: #0F7C88;
}

#codplugin-checkout .variation-prices bdi {
	color: #0F7C88;
}

.codform-preset-2 .codplugin-shipping-label {
	border-color: #D8E0E8;
}

.codform-preset-2 .codplugin-shipping-input:checked + .codplugin-shipping-label {
	border-color: #0F7C88;
}

/* ---------- العدّاد وشارة التوصيل المجاني ---------- */

#codplugin_count_number,
#codplugin_d_free span {
	background-color: #0F7C88;
}

/* ---------- زر تأكيد الطلب ---------- */

#nrwooconfirm {
	box-sizing: border-box;
	border: 1px solid transparent;
	background-color: #0F7C88;
	background-image: none;
	color: #FFFFFF;
	border-radius: 8px;
	font-weight: 700;
	letter-spacing: 0.2px;
	transition: background-color 0.18s ease;
}

#nrwooconfirm:hover,
#nrwooconfirm:focus {
	background-color: #0A1220;
	color: #FFFFFF;
}

/* ---------- طرق الدفع وصفحة الشكر ---------- */

/* هاذو الثلاثة مكتوبين `#4C3BCF !important` مباشرة في ستايل inline تاع القالب
   (ماشي من إعداد)، فنزيدو body + !important باش نغلبوهم. */

body .payment-option-input:checked + label.payment-option {
	border-color: #0F7C88 !important;
	background-color: #EAFBFC;
	box-shadow: 0 0 0 3px rgba(15, 124, 136, 0.12);
}

body .swiper-button-next,
body .swiper-button-prev {
	color: #0F7C88 !important;
}

body .swiper-pagination-bullet-active {
	background: #0F7C88 !important;
}

.order-summary-title,
#thanks-order-summary .order-summary-title {
	background: #0A1220;
	color: #FFFFFF;
}

#codplugin-thanks-box #codplugin_show_hide {
	border: 1px solid #0F7C88;
	color: #0F7C88;
}