/**
 * WC Inline Checkout — نظام تصميم مستوحى من فورم يوكان، مُطبَّق على نواة ووكومرس.
 * التصميم فقط؛ منطق الطلب يبقى ووكومرس أصلياً 100%. كل شيء محصور تحت .wcic-styled.
 */

.wcic-styled {
	--wcic-radius: 12px;
	--wcic-ink: #0f172a;        /* نص أساسي */
	--wcic-ink-2: #334155;      /* نص ثانوي */
	--wcic-muted: #64748b;      /* نص خافت */
	--wcic-line: #cbd5e1;       /* حدود */
	--wcic-line-strong: #94a3b8;/* حدود أوضح */
	--wcic-soft: #f8fafc;       /* خلفية بطاقة الفورم */
	--wcic-soft-2: #f1f5f9;     /* فواصل/تحديد */
	--wcic-danger: #ef4444;
	--wcic-font: 'Cairo', 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
	/* --wcic-accent يأتي من إعدادات الإضافة (:root)، مع احتياط هنا */
}

/* =======================================================================
 * بطاقة الفورم (صفحة المنتج)
 * ==================================================================== */
.wcic-wrap {
	direction: rtl;
	text-align: right;
	font-family: var(--wcic-font);
	max-width: 560px;
	margin: 22px auto;
	background: var(--wcic-soft);
	border: 3px solid var(--wcic-accent, #0f172a);
	border-radius: 16px;
	padding: 22px 18px;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
	box-sizing: border-box;
}
.wcic-wrap * { font-family: var(--wcic-font); box-sizing: border-box; }

.wcic-wrap .wcic-head { text-align: center; margin-bottom: 16px; }
.wcic-wrap .wcic-title { margin: 0 0 4px; font-size: 1.4rem; font-weight: 900; color: var(--wcic-ink); }
.wcic-wrap .wcic-subtitle { margin: 0; font-size: 0.92rem; font-weight: 600; color: var(--wcic-ink-2); }
.wcic-wrap .wcic-empty-hint { display: none; }

/* =======================================================================
 * عناصر المنتج: بطاقة المتغيّرات (Youcan variant card + pills)
 * ==================================================================== */
.wcic-wrap #wcic-product-options:not(:empty) {
	background: #fff;
	border: 1.5px solid var(--wcic-line);
	border-radius: 14px;
	padding: 14px 16px;
	margin: 0 0 14px;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
}

/* الكمية وزر السلة والسعر الأصليون يبقون مخفيّين (يقودهم الصف السفلي) */
.wcic-wrap .wcic-product-options .quantity,
.wcic-wrap .wcic-product-options .single_add_to_cart_button,
.wcic-wrap .wcic-product-options .wcic-buy-now,
.wcic-wrap .wcic-product-options .added_to_cart,
.wcic-wrap .wcic-product-options .woocommerce-variation-price,
.wcic-wrap .wcic-product-options .single_variation .price,
.wcic-wrap .wcic-product-options > .price,
.wcic-wrap .wcic-product-options form.cart > .price { display: none !important; }
.wcic-wrap .wcic-product-options .woocommerce-variation-add-to-cart { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
.wcic-wrap .wcic-product-options .single_variation_wrap { margin: 0; }
.wcic-wrap .wcic-product-options .stock { font-size: 12px; color: var(--wcic-muted); margin: 6px 0 0; }

/* بنية المتغيّرات: عنوان الخاصية فوق، القيم أسفله */
.wcic-wrap .wcic-product-options .variations { width: 100%; border-collapse: collapse; margin: 0 !important; }
.wcic-wrap .wcic-product-options .variations tbody { display: block; }
.wcic-wrap .wcic-product-options .variations tr { display: block; margin-bottom: 12px; }
.wcic-wrap .wcic-product-options .variations tr:last-child { margin-bottom: 0 !important; }
/* تصغير الفراغ الزائد أسفل المتغيّرات (حاوية زر السلة المخفية والجدول) */
.wcic-wrap .wcic-product-options .woocommerce-variation-add-to-cart,
.wcic-wrap .wcic-product-options .single_variation_wrap { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
.wcic-wrap .wcic-product-options .reset_variations:empty { display: none !important; }
/* حماية: إخفاء أي حاوية select2 مكرّرة (يحدث نادراً عند تهيئة مزدوجة) */
.wcic-styled .woocommerce-input-wrapper .select2-container + .select2-container { display: none !important; }
.wcic-wrap .wcic-product-options .variations th.label,
.wcic-wrap .wcic-product-options .variations td.value {
	display: block; width: 100%; text-align: right; padding: 0;
}
.wcic-wrap .wcic-product-options .variations th.label {
	font-weight: 900 !important; font-size: 0.98rem !important; color: var(--wcic-ink) !important; margin-bottom: 8px !important;
}

/* صف القيم: مسافات منتظمة */
.wcic-wrap .wcic-product-options .cfvsw-swatches-container,
.wcic-wrap .wcic-product-options .variations .variable-items-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	align-items: center !important;
	margin: 0 !important;
}
/* pills المتغيّرات — CartFlows (cfvsw) + احتياط لإضافات أخرى.
   نتجاوز الأنماط السطرية (min-width:24px…) عبر !important */
.wcic-wrap .wcic-product-options .cfvsw-swatches-option,
.wcic-wrap .wcic-product-options .variations td.value > ul > li,
.wcic-wrap .wcic-product-options .variations li[class*="variable"],
.wcic-wrap .wcic-product-options .variations .variable-item {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 46px !important;
	min-height: 44px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 9px 18px !important;
	border: 1.8px solid var(--wcic-line) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--wcic-ink) !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
	cursor: pointer !important;
	transition: all 0.18s ease !important;
	box-sizing: border-box !important;
}
.wcic-wrap .wcic-product-options .cfvsw-swatch-inner { font: inherit !important; color: inherit !important; background: transparent !important; }
/* hover على غير المختار فقط — وإلا يتغلّب hover (أعلى أسبقية) على خلفية المختار
   فيصير نصٌّ أبيض على خلفية بيضاء (صندوق أبيض) عند النقر على الجوال. */
.wcic-wrap .wcic-product-options .cfvsw-swatches-option:not(.cfvsw-selected-swatch):hover,
.wcic-wrap .wcic-product-options .variations li[class*="variable"]:not(.selected):hover,
.wcic-wrap .wcic-product-options .variations .variable-item:not(.selected):hover {
	border-color: var(--wcic-line-strong) !important;
	background: var(--wcic-soft) !important;
	color: var(--wcic-ink) !important;
}
/* المختار: يمتلئ بلون العلامة مع نص أبيض (توقيع تصميم يوكان).
   نضمّن :hover في نفس القاعدة كي يبقى ملوّناً عند النقر على الجوال. */
.wcic-wrap .wcic-product-options .cfvsw-selected-swatch,
.wcic-wrap .wcic-product-options .cfvsw-selected-swatch:hover,
.wcic-wrap .wcic-product-options .variations .selected,
.wcic-wrap .wcic-product-options .variations .selected:hover,
.wcic-wrap .wcic-product-options .variations li[class*="variable"].selected,
.wcic-wrap .wcic-product-options .variations .variable-item.selected {
	border-color: var(--wcic-accent, #0f172a) !important;
	background: var(--wcic-accent, #0f172a) !important;
	color: #fff !important;
	box-shadow: 0 4px 14px -4px color-mix(in srgb, var(--wcic-accent, #0f172a) 45%, transparent) !important;
	transform: scale(1.03) !important;
	font-weight: 900 !important;
}
.wcic-wrap .wcic-product-options .cfvsw-selected-swatch .cfvsw-swatch-inner,
.wcic-wrap .wcic-product-options .cfvsw-selected-swatch:hover .cfvsw-swatch-inner,
.wcic-wrap .wcic-product-options .variations .selected * { color: #fff !important; background: transparent !important; }
.wcic-wrap .wcic-product-options .reset_variations { display: inline-block; margin-top: 8px; color: var(--wcic-muted); font-size: 12px; font-weight: 700; text-decoration: none; }

/* select بديل (لو المتغيّرات قوائم) */
.wcic-wrap .wcic-product-options .variations td.value select {
	width: 100%; height: 48px; padding: 10px 14px; font-size: 0.95rem; font-weight: 700;
	color: var(--wcic-ink); background: #fff; border: 1.8px solid var(--wcic-line); border-radius: 10px;
}

/* =======================================================================
 * نموذج الشيك أوت (المنتج + الشيك أوت) — عمود واحد نظيف
 * ==================================================================== */
.wcic-styled form.checkout { direction: rtl; text-align: right; font-family: var(--wcic-font); color: var(--wcic-ink); }
.wcic-styled form.checkout * { font-family: var(--wcic-font); box-sizing: border-box; }
.wcic-styled form.checkout #customer_details,
.wcic-styled form.checkout #customer_details .col-1,
.wcic-styled form.checkout #customer_details .col-2 { display: block; width: 100%; float: none; max-width: none; padding: 0; margin: 0; }

.wcic-styled .wcic-hidden,
.wcic-styled #billing_country_field.wcic-hidden { display: none !important; }
.wcic-styled #ship-to-different-address,
.wcic-styled .woocommerce-account-fields,
.wcic-styled .woocommerce-additional-fields > h3 { display: none; }

/* عنوان قسم «معلوماتك» */
.wcic-styled .woocommerce-billing-fields > h3 {
	position: relative; visibility: hidden; font-size: 1rem; line-height: 1.9;
	margin: 4px 0 14px; padding: 0 2px 10px; border-bottom: 1px solid var(--wcic-soft-2);
}
.wcic-styled .woocommerce-billing-fields > h3::before {
	content: '👤 معلوماتك'; visibility: visible; position: absolute; right: 2px; top: 0;
	font-size: 1rem; font-weight: 900; color: var(--wcic-ink); white-space: nowrap;
}

/* الحقول (تصميم يوكان) */
.wcic-styled form.checkout .form-row { margin: 0 0 14px; padding: 0; }
.wcic-styled form.checkout label {
	display: block; font-weight: 700; font-size: 0.92rem; color: var(--wcic-ink); margin-bottom: 5px;
}
.wcic-styled form.checkout .required { color: var(--wcic-danger); border: 0; text-decoration: none; }
.wcic-styled form.checkout .optional { color: var(--wcic-muted); }

.wcic-styled form.checkout .input-text,
.wcic-styled form.checkout input.input-text,
.wcic-styled form.checkout textarea,
.wcic-styled form.checkout select,
.wcic-styled form.checkout .select2-selection {
	width: 100%; box-sizing: border-box; height: 48px; min-height: 48px;
	padding: 0 14px; font-size: 0.95rem; font-weight: 600; color: var(--wcic-ink);
	background: #fff; border: 1.8px solid var(--wcic-line-strong); border-radius: 10px;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.wcic-styled form.checkout textarea { height: auto; min-height: 78px; padding: 12px 14px; resize: vertical; }
.wcic-styled form.checkout .input-text::placeholder,
.wcic-styled form.checkout textarea::placeholder { color: #9aa3b2; font-weight: 500; }
.wcic-styled form.checkout .input-text:focus,
.wcic-styled form.checkout textarea:focus,
.wcic-styled form.checkout select:focus {
	outline: none; border-color: var(--wcic-accent, #0f172a);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wcic-accent, #0f172a) 12%, transparent);
}

/* صندوق الأيقونة داخل الحقل (توقيع يوكان) — الاسم/الهاتف/الولاية/البلدية.
   الحدّ ينتقل من الحقل إلى الغلاف، والأيقونة عبر ::before على يمين الحقل. */
.wcic-styled form.checkout #billing_first_name_field .woocommerce-input-wrapper,
.wcic-styled form.checkout #billing_phone_field .woocommerce-input-wrapper,
.wcic-styled form.checkout #billing_state_field .woocommerce-input-wrapper,
.wcic-styled form.checkout #billing_city_field .woocommerce-input-wrapper {
	display: flex !important;
	align-items: stretch;
	height: 48px;
	background: #fff;
	border: 1.8px solid var(--wcic-line-strong);
	border-radius: 10px;
	overflow: hidden;
}
.wcic-styled form.checkout #billing_first_name_field .woocommerce-input-wrapper:focus-within,
.wcic-styled form.checkout #billing_phone_field .woocommerce-input-wrapper:focus-within,
.wcic-styled form.checkout #billing_state_field .woocommerce-input-wrapper:focus-within,
.wcic-styled form.checkout #billing_city_field .woocommerce-input-wrapper:focus-within {
	border-color: var(--wcic-accent, #0f172a);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wcic-accent, #0f172a) 12%, transparent);
}
.wcic-styled form.checkout #billing_first_name_field .woocommerce-input-wrapper::before,
.wcic-styled form.checkout #billing_phone_field .woocommerce-input-wrapper::before,
.wcic-styled form.checkout #billing_state_field .woocommerce-input-wrapper::before,
.wcic-styled form.checkout #billing_city_field .woocommerce-input-wrapper::before {
	content: '';
	flex: 0 0 46px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	background-color: var(--wcic-soft-2);
	border-left: 1.5px solid var(--wcic-line);
}
/* الحقل الداخلي بلا حدّ (الغلاف يحملها) */
.wcic-styled form.checkout #billing_first_name_field .woocommerce-input-wrapper > input,
.wcic-styled form.checkout #billing_phone_field .woocommerce-input-wrapper > input,
.wcic-styled form.checkout #billing_city_field .woocommerce-input-wrapper > select,
.wcic-styled form.checkout #billing_state_field .woocommerce-input-wrapper > .select2-container,
.wcic-styled form.checkout #billing_state_field .woocommerce-input-wrapper .select2-selection--single {
	flex: 1 1 auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	height: 100% !important;
	background: transparent !important;
	box-shadow: none !important;
}
.wcic-styled form.checkout #billing_state_field .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; }
/* الأيقونات */
.wcic-styled form.checkout #billing_first_name_field .woocommerce-input-wrapper::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M5.5 21v-2a6.5 6.5 0 0 1 13 0v2'/%3E%3C/svg%3E");
}
.wcic-styled form.checkout #billing_phone_field .woocommerce-input-wrapper::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}
.wcic-styled form.checkout #billing_state_field .woocommerce-input-wrapper::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.wcic-styled form.checkout #billing_city_field .woocommerce-input-wrapper::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l8-4v18'/%3E%3Cpath d='M19 21V11l-6-4'/%3E%3C/svg%3E");
}

/* select2 ليطابق الحقول */
.wcic-styled .select2-container--default .select2-selection--single { height: 48px; background: #fff; border: 1.8px solid var(--wcic-line-strong); border-radius: 10px; display: flex; align-items: center; }
.wcic-styled .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-right: 14px; font-weight: 600; color: var(--wcic-ink); }
.wcic-styled .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; left: 10px; right: auto; }
.wcic-styled .select2-container--open .select2-selection--single { border-color: var(--wcic-accent, #0f172a); }
.wcic-styled .select2-dropdown { border-color: var(--wcic-accent, #0f172a); border-radius: 10px; font-family: var(--wcic-font); }

/* =======================================================================
 * ملخّص الطلب (Youcan summary box) + بطاقة التوصيل
 * ==================================================================== */
.wcic-styled #order_review {
	background: #fff; border: 1.5px solid var(--wcic-line); border-radius: 14px; padding: 6px 16px 16px; margin-top: 16px;
}
.wcic-styled #order_review_heading { position: relative; visibility: hidden; font-size: 1rem; line-height: 1.9; margin: 0; padding: 12px 2px 8px; }
.wcic-styled #order_review_heading::before { content: '🧾 ملخّص الطلب'; visibility: visible; position: absolute; right: 2px; top: 12px; font-size: 1rem; font-weight: 900; color: var(--wcic-ink); white-space: nowrap; }

.wcic-styled #order_review .shop_table { width: 100%; border-collapse: collapse; background: transparent; font-size: 0.95rem; }
.wcic-styled #order_review .shop_table thead { display: none; }
.wcic-styled #order_review .shop_table th,
.wcic-styled #order_review .shop_table td {
	padding: 9px 2px; border: 0; border-bottom: 1px dashed var(--wcic-line); text-align: right; color: var(--wcic-ink-2); font-weight: 700;
}
.wcic-styled #order_review .shop_table td:last-child,
.wcic-styled #order_review .shop_table th:last-child { text-align: left; white-space: nowrap; }
.wcic-styled #order_review .cart_item .product-name { font-weight: 800; color: var(--wcic-muted); }

/* «نوع التوصيل» مُدمج في أعمدة الملخّص: الاسم بعمود اسم المنتج (يمين)،
   السعر بعمود الأسعار (يسار، تحت سعر المنتج والإجمالي)، الراديو بينهما. */
/* الصف يمتدّ على عمودَي الجدول (JS يضيف colspan=2 ويضع الصنف wcic-ship-aligned)،
   فتُحاذي الأسماءُ عمودَ اسم المنتج والأسعارُ عمودَ الأسعار تماماً. */
.wcic-styled #order_review .woocommerce-shipping-totals.wcic-ship-aligned > th { display: none !important; }
.wcic-styled #order_review .woocommerce-shipping-totals > td {
	padding: 10px 2px 6px !important;
	border: 0 !important; border-top: 1px dashed var(--wcic-line) !important;
	text-align: right !important; vertical-align: top;
}
.wcic-styled #order_review .woocommerce-shipping-totals > td::before {
	content: '🚚 نوع التوصيل'; display: block; padding-bottom: 8px;
	font-size: 0.98rem; font-weight: 800; color: var(--wcic-ink); line-height: 1.9; white-space: nowrap;
}
.wcic-styled #order_review ul#shipping_method { margin: 0 !important; padding: 0 !important; list-style: none !important; display: block; }
.wcic-styled #order_review ul#shipping_method::before,
.wcic-styled #order_review ul#shipping_method li::before { content: none !important; }
.wcic-styled #order_review ul#shipping_method li {
	display: flex !important; align-items: center !important; gap: 0 !important;
	padding: 10px 2px !important; margin: 0 !important; list-style: none !important; border: 0 !important;
	border-radius: 8px; cursor: pointer; transition: background .12s ease;
	font-size: 0.93rem !important; font-weight: 700 !important; color: var(--wcic-ink) !important;
}
.wcic-styled #order_review ul#shipping_method li:has(input:checked) { background: var(--wcic-soft-2); }
/* الـ label يملأ ما بعد الراديو: الاسم في أوله (يمين) والسعر يُدفع لآخره (يسار)
   فيحاذي عمودَ الأسعار تماماً. (تجنّبنا display:contents لأن العقدة النصّية
   كانت تتداخل مع الراديو.) */
.wcic-styled #order_review ul#shipping_method li > label {
	display: flex !important; flex: 1 1 auto !important; min-width: 0 !important;
	align-items: center !important; justify-content: space-between !important; gap: 10px;
	margin: 0 !important; padding: 0 !important; float: none !important; position: static !important;
	font: inherit !important; color: inherit !important; cursor: pointer;
}
/* الراديو أقصى اليمين، ثم الاسم، ثم السعر أقصى اليسار (ترتيب يوكان) */
.wcic-styled #order_review ul#shipping_method li input.shipping_method,
.wcic-styled #order_review ul#shipping_method li input[type="radio"] {
	order: 0;
	appearance: none !important; -webkit-appearance: none !important;
	position: static !important; float: none !important;
	width: 16px !important; height: 16px !important; min-width: 16px !important;
	margin: 0 !important; margin-inline-end: 16px !important; margin-left: 16px !important; padding: 0 !important; flex: 0 0 16px !important;
	border: 2px solid var(--wcic-muted) !important; border-radius: 50% !important;
	background: #fff !important; box-shadow: none !important; opacity: 1 !important; cursor: pointer;
	display: inline-block !important; vertical-align: middle;
}
.wcic-styled #order_review ul#shipping_method li input[type="radio"]:checked {
	border-color: var(--wcic-accent, #0f172a) !important;
	background: radial-gradient(circle, var(--wcic-accent, #0f172a) 0 4px, #fff 5px 100%) !important;
}
/* الاسم لا يُضغط دون محتواه (nowrap + بلا min-width:0) حتى لا يُقصّ */
.wcic-styled #order_review ul#shipping_method .wcic-ship-name {
	flex: 0 1 auto; white-space: nowrap; font-weight: 700; color: var(--wcic-ink);
}
/* السعر في آخر الصف (يسار) — يكفي space-between؛ بلا هامش تلقائي حتى لا يضغط الاسم */
.wcic-styled #order_review ul#shipping_method .amount,
.wcic-styled #order_review ul#shipping_method .woocommerce-Price-amount {
	flex: 0 0 auto; font-weight: 800 !important; color: var(--wcic-accent, #0f172a) !important; white-space: nowrap;
}

/* الإجمالي */
.wcic-styled #order_review .order-total th,
.wcic-styled #order_review .order-total td {
	border-top: 1.5px solid var(--wcic-line); border-bottom: 0; padding-top: 12px; margin-top: 4px; font-size: 1.2rem; font-weight: 900; color: var(--wcic-ink);
}
.wcic-styled #order_review .order-total .amount { color: var(--wcic-accent, #0f172a); }

/* =======================================================================
 * الدفع
 * ==================================================================== */
.wcic-styled #payment { background: transparent; margin-top: 14px; }
.wcic-styled #payment ul.wc_payment_methods { border: 0; padding: 0; margin: 0 0 12px; list-style: none; }
.wcic-styled #payment ul.wc_payment_methods li { background: #fff; border: 1.5px solid var(--wcic-line); border-radius: 10px; padding: 12px 14px; margin-bottom: 8px; font-weight: 800; font-size: 0.92rem; }
.wcic-styled #payment ul.wc_payment_methods li:has(input:checked) { border-color: var(--wcic-accent, #0f172a); background: var(--wcic-soft-2); }
.wcic-styled #payment ul.wc_payment_methods li input { accent-color: var(--wcic-accent, #0f172a); }
.wcic-styled #payment div.payment_box { background: var(--wcic-soft); border-radius: 10px; margin-top: 8px; padding: 12px 14px; font-size: 0.8rem; font-weight: 500; color: var(--wcic-muted); box-shadow: none; }
.wcic-styled #payment div.payment_box::before { display: none; }

/* ملخّص مبسّط: إخفاء المجموع المكرّر + مربّع الدفع + جملة الخصوصية */
.wcic-minimal #order_review .cart-subtotal { display: none !important; }
.wcic-minimal #payment ul.wc_payment_methods,
.wcic-minimal #payment div.payment_box,
.wcic-minimal .woocommerce-privacy-policy-text { display: none !important; }
.wcic-minimal #payment { background: transparent !important; border: 0 !important; padding: 0 !important; }

/* =======================================================================
 * الصف السفلي: [الكمية] [أضف إلى السلة] [تأكيد الطلب] في سطر واحد
 * ==================================================================== */
.wcic-wrap .wcic-actions-row { display: flex; align-items: stretch; gap: 8px; margin-top: 14px; flex-wrap: nowrap; }
.wcic-wrap .wcic-qty { flex: 0 0 auto; display: flex; align-items: stretch; background: #fff; border: 1.8px solid var(--wcic-line); border-radius: 10px; overflow: hidden; }
.wcic-wrap .wcic-qty-btn { width: 34px; border: 0; background: transparent; font-size: 20px; font-weight: 800; line-height: 1; color: var(--wcic-ink); cursor: pointer; transition: background .12s ease; }
.wcic-wrap .wcic-qty-btn:hover { background: var(--wcic-soft-2); }
.wcic-wrap .wcic-qty-in { width: 40px !important; min-width: 40px; padding: 0 !important; margin: 0 !important; text-align: center !important; border: 0 !important; background: transparent !important; font-size: 15px !important; font-weight: 800 !important; color: var(--wcic-ink) !important; box-shadow: none !important; -moz-appearance: textfield; box-sizing: border-box; height: auto; }
.wcic-wrap .wcic-qty-in::-webkit-outer-spin-button,
.wcic-wrap .wcic-qty-in::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* يأخذ حجم نصّه ولا يُضغط دونه (لا قصّ للنص) */
.wcic-wrap .wcic-proxy-atc {
	flex: 0 1 auto; min-height: 52px; padding: 0 12px;
	font-family: var(--wcic-font); font-size: 0.85rem; font-weight: 800; white-space: nowrap; color: var(--wcic-accent, #0f172a);
	background: #fff; border: 1.8px solid var(--wcic-accent, #0f172a); border-radius: 10px; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center; gap: 5px; transition: background .15s ease;
}
.wcic-wrap .wcic-proxy-atc::before { content: '🛒'; font-size: 15px; }
.wcic-wrap .wcic-proxy-atc:hover { background: var(--wcic-soft); }

/* زر تأكيد الطلب (Youcan CTA) */
.wcic-styled #place_order {
	width: 100%; min-height: 54px; font-size: 1.1rem; font-weight: 900; font-family: var(--wcic-font); color: #fff;
	background: var(--wcic-accent, #0f172a); border: 0; border-radius: 12px; cursor: pointer; letter-spacing: 0.2px;
	box-shadow: 0 8px 18px -6px color-mix(in srgb, var(--wcic-accent, #0f172a) 45%, transparent);
	transition: transform .18s ease, box-shadow .18s ease;
	animation: wcic-cta-shake 3.4s infinite ease-in-out;
}
.wcic-styled #place_order:hover { transform: translateY(-2px) scale(1.01); box-shadow: 0 12px 26px -6px color-mix(in srgb, var(--wcic-accent, #0f172a) 55%, transparent); }
.wcic-wrap .wcic-actions-row #place_order { flex: 1 1 auto; min-width: 0; width: auto; margin-top: 0; min-height: 52px; font-size: 0.98rem; }

@keyframes wcic-cta-shake {
	0%, 21%, 100% { transform: translateX(0); }
	3% { transform: translateX(-4px); }
	6% { transform: translateX(4px); }
	9% { transform: translateX(-3px); }
	12% { transform: translateX(3px); }
	15% { transform: translateX(-2px); }
	18% { transform: translateX(2px); }
}
@media (prefers-reduced-motion: reduce) { .wcic-styled #place_order { animation: none; } }

/* جوال: سطر [الكمية][أضف إلى السلة] ثم «تأكيد الطلب» بعرض كامل بارز */
@media (max-width: 560px) {
	.wcic-wrap .wcic-actions-row { flex-wrap: wrap; gap: 8px; }
	.wcic-wrap .wcic-qty-btn { width: 30px; font-size: 18px; }
	.wcic-wrap .wcic-qty-in { width: 34px !important; font-size: 15px !important; }
	.wcic-wrap .wcic-proxy-atc { flex: 1 1 0; min-width: 0; font-size: 0.82rem; padding: 0 6px; gap: 0; }
	.wcic-wrap .wcic-proxy-atc::before { display: none; } /* حذف الأيقونة لتوفير عرض */
	.wcic-wrap .wcic-actions-row #place_order { flex: 1 1 100%; order: 3; min-height: 56px; font-size: 1.05rem; }
}

/* =======================================================================
 * تلميع: القسيمة، إشعارات، إخفاء زر السلة
 * ==================================================================== */
.wcic-wrap .woocommerce-form-coupon-toggle .woocommerce-info,
.wcic-wrap form.checkout_coupon.woocommerce-form-coupon {
	background: #fff !important; border: 1px dashed var(--wcic-line-strong) !important; border-radius: 10px !important;
	color: var(--wcic-muted) !important; font-size: 0.8rem !important; font-weight: 600 !important; padding: 12px 14px !important; box-shadow: none !important; margin: 0 0 14px !important;
}
.wcic-wrap .woocommerce-form-coupon-toggle .woocommerce-info::before { display: none !important; }
.wcic-wrap .woocommerce-form-coupon-toggle a,
.wcic-wrap .showcoupon { color: var(--wcic-accent, #0f172a) !important; font-weight: 800; text-decoration: none; }
.wcic-styled .woocommerce-info, .wcic-styled .woocommerce-error, .wcic-styled .woocommerce-message { border-radius: 10px; font-size: 0.85rem; }
.wcic-styled .woocommerce-privacy-policy-text { font-size: 0.72rem; color: var(--wcic-muted); margin-top: 10px; }
.wcic-styled .blockUI.blockOverlay { border-radius: 14px; }
.wcic-hide-atc form.cart button.single_add_to_cart_button { display: none !important; }

/* =======================================================================
 * صفحة الشيك أوت النهائية — نفس التصميم (النواة أصلية)
 * ==================================================================== */
/* عمود واحد مركزي مرتّب (نتغلّب على تخطيط الثيم ذي العمودين المبعثر) */
.wcic-styled-checkout-page form.checkout {
	display: block !important; max-width: 600px !important; margin: 0 auto !important; float: none !important;
}
.wcic-styled-checkout-page form.checkout > .col2-set,
.wcic-styled-checkout-page #customer_details,
.wcic-styled-checkout-page #order_review,
.wcic-styled-checkout-page .col2-set .col-1,
.wcic-styled-checkout-page .col2-set .col-2 {
	float: none !important; width: 100% !important; max-width: 100% !important; clear: both !important;
	padding-left: 0 !important; padding-right: 0 !important;
}
.wcic-styled-checkout-page #customer_details { margin: 0 auto 16px !important; }
/* بطاقة المعلومات + بطاقة الملخّص */
.wcic-styled-checkout-page .woocommerce-billing-fields {
	background: var(--wcic-soft); border: 1px solid var(--wcic-line); border-radius: 16px; padding: 18px; margin-bottom: 16px;
}
.wcic-styled-checkout-page #order_review {
	background: var(--wcic-soft) !important; border: 1px solid var(--wcic-line); border-radius: 16px; padding: 18px; margin: 0 auto 16px !important;
}
/* شريط القسيمة ضمن نفس العرض */
.wcic-styled-checkout-page .woocommerce-form-coupon-toggle,
.wcic-styled-checkout-page .checkout_coupon,
.wcic-styled-checkout-page .woocommerce-notices-wrapper {
	max-width: 600px !important; margin-left: auto !important; margin-right: auto !important;
}
.wcic-styled-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info {
	background: #fff !important; border: 1px dashed var(--wcic-line-strong) !important; border-radius: 10px !important;
	color: var(--wcic-muted) !important; font-size: 0.85rem !important; padding: 12px 14px !important; box-shadow: none !important;
}
.wcic-styled-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info::before { display: none !important; }
.wcic-styled-checkout-page .woocommerce-form-coupon-toggle a { color: var(--wcic-accent, #0f172a) !important; font-weight: 800; }

/* =======================================================================
 * إخفاء سعر الثيم في صفحة المنتج (يظهر في الفورم)
 * ==================================================================== */
.wcic-hide-price.single-product div.product > .summary > .price,
.wcic-hide-price.single-product div.product .entry-summary > .price,
.wcic-hide-price.single-product div.product .summary p.price,
.wcic-hide-price.single-product .product-info .price,
.wcic-hide-price.single-product .single-product-content > .price { display: none !important; }

/* =======================================================================
 * الشريط المثبّت أسفل الشاشة
 * ==================================================================== */
.wcic-sticky {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990; display: none; align-items: center; justify-content: space-between; gap: 10px;
	padding: 9px 14px; background: rgba(255,255,255,0.98); backdrop-filter: saturate(180%) blur(8px);
	border-top: 1px solid var(--wcic-line); box-shadow: 0 -8px 24px -12px rgba(15,23,42,0.22); font-family: var(--wcic-font); direction: rtl;
}
.wcic-sticky.is-visible { display: flex; }
@media (min-width: 782px) { .wcic-sticky-scope-mobile.is-visible { display: none; } }
.wcic-sticky-product { display: flex; align-items: center; gap: 10px; min-width: 0; }
.wcic-sticky-img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; flex: 0 0 auto; }
.wcic-sticky-meta { display: flex; flex-direction: column; min-width: 0; }
.wcic-sticky-name { font-size: 13px; font-weight: 800; color: var(--wcic-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40vw; }
.wcic-sticky-price { font-size: 13px; font-weight: 800; color: var(--wcic-accent, #0f172a); }
.wcic-sticky-price del { color: var(--wcic-muted); font-weight: 500; margin-inline-start: 6px; }
.wcic-sticky-price ins { text-decoration: none; }
.wcic-sticky-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.wcic-sticky-actions button { font-family: var(--wcic-font); font-weight: 800; font-size: 14px; border-radius: 10px; cursor: pointer; min-height: 44px; padding: 0 16px; border: 0; }
.wcic-sticky-atc { color: var(--wcic-accent, #0f172a); background: #fff; border: 1.8px solid var(--wcic-accent, #0f172a) !important; }
.wcic-sticky-order { color: #fff; background: var(--wcic-accent, #0f172a); box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--wcic-accent, #0f172a) 50%, transparent); }
.wcic-sticky-order:active, .wcic-sticky-atc:active { transform: translateY(1px); }

.wcic-styled .ast-sticky-add-to-cart,
.wcic-styled .wd-sticky-btn,
.wcic-styled .whb-sticky-add-to-cart,
.wcic-styled .sticky-add-to-cart,
.wcic-styled .sticky-add-to-cart-wrap,
.wcic-styled #sticky-add-to-cart,
.wcic-styled .tm-sticky-add-to-cart,
.wcic-styled .etheme-sticky-atc,
.wcic-styled .single-product-sticky-cart,
.wcic-styled .xstore-sticky-add-to-cart,
.wcic-styled #sab { display: none !important; }

@media (max-width: 781px) { body.wcic-has-sticky { padding-bottom: 66px; } }
@media (min-width: 782px) { body.wcic-has-sticky.wcic-has-sticky-all { padding-bottom: 70px; } }

/* =======================================================================
 * جوال
 * ==================================================================== */
@media (max-width: 480px) {
	.wcic-wrap { margin: 14px 8px; border-radius: 16px; padding: 14px; }
	.wcic-styled form.checkout .input-text,
	.wcic-styled form.checkout select,
	.wcic-styled .select2-container--default .select2-selection--single { font-size: 16px; } /* يمنع تكبير iOS */
}
