/* =========================================================
   إعادة تنسيق مخرجات ووكومرس الافتراضية (شبكة المنتجات، السلة،
   صفحة الدفع) لتتماشى مع هوية المتجر بدون التعديل على أي
   قوالب دفع حساسة داخل ووكومرس نفسه.
   ========================================================= */

.woocommerce{color:var(--paper);}
.woocommerce a{color:inherit;}

/* ---------- شبكة المنتجات (Shop / Archive) ---------- */
ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:22px;list-style:none;margin:0 !important;padding:0 !important;
}
@media (max-width:1024px){ul.products{grid-template-columns:repeat(3,1fr) !important;}}
@media (max-width:768px){ul.products{grid-template-columns:repeat(2,1fr) !important;gap:14px;}}

/* إلغاء عرض/تعويم النسبة المئوية الافتراضي لووكومرس (كان يسبب انضغاط البطاقات
   داخل شبكتنا الخاصة) — نخلي شبكتنا (grid) هي المتحكم الوحيد بالحجم */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products.columns-1 li.product,
.woocommerce ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
ul.products li.product{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  margin:0 !important;
  clear:none !important;
  min-height:0 !important;
}

.woocommerce-loop-product__title,
.woocommerce ul.products li.product .price{color:var(--paper);}

/* ---------- شريط الترتيب (الأحدث / الأكثر مبيعاً...) ---------- */
.woocommerce-ordering select{
  background:var(--surface) !important;color:#fff !important;border:1px solid var(--line) !important;
  border-radius:10px !important;padding:10px 16px !important;font-family:inherit !important;font-size:13.5px !important;
}
.woocommerce-result-count{color:var(--muted);font-size:14px;}
.woocommerce-ordering, .woocommerce-result-count{margin-bottom:20px;}

/* ---------- أزرار عامة ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit{
  background:linear-gradient(135deg,var(--violet),var(--violet-2)) !important;
  color:#fff !important;border:none !important;border-radius:12px !important;
  padding:12px 22px !important;font-weight:700 !important;font-family:inherit !important;
  transition:.25s transform !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover{
  transform:translateY(-2px);box-shadow:0 12px 24px rgba(108,92,231,.35);
}
.woocommerce span.onsale{
  background:var(--coral) !important;color:#fff !important;font-weight:800 !important;
  border-radius:8px !important;min-height:auto !important;min-width:auto !important;
  padding:5px 10px !important;top:12px !important;right:12px !important;left:auto !important;
  font-size:11.5px !important;
}

/* ---------- عربة التسوق المصغّرة (Mini Cart / الدرج) ---------- */
.widget_shopping_cart .cart_list{list-style:none;margin:0;padding:0;}
.widget_shopping_cart .cart_list li{
  display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:flex-start;
}
.widget_shopping_cart .cart_list li img{width:64px;height:64px;border-radius:12px;object-fit:cover;}
.widget_shopping_cart .cart_list li a{font-weight:700;font-size:14px;}
.widget_shopping_cart .quantity{color:var(--amber);font-weight:700;font-size:13.5px;display:block;margin-top:4px;}
.widget_shopping_cart .remove{color:var(--coral) !important;}
.widget_shopping_cart .total{font-weight:800;font-family:'Cairo';color:var(--amber);display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);margin-top:8px;}
.widget_shopping_cart .buttons{display:flex;gap:10px;margin-top:14px;}
.widget_shopping_cart .buttons a{flex:1;text-align:center;}

/* =========================================================================
   5 تصاميم للسلة المنبثقة (الدرج الجانبي) — نفس منطق ووكومرس والبيانات
   الحقيقية، فقط الشكل والكثافة والألوان تختلف حسب الاختيار
   ========================================================================= */

/* ---- Compact: صفوف مصغّرة ومكثفة ---- */
.cart-style-compact .widget_shopping_cart .cart_list li{padding:8px 0;gap:10px;}
.cart-style-compact .widget_shopping_cart .cart_list li img{width:44px;height:44px;border-radius:8px;}
.cart-style-compact .widget_shopping_cart .cart_list li a{font-size:12.5px;}
.cart-style-compact .widget_shopping_cart .quantity{font-size:12px;}
.cart-style-compact .cart-head{padding:14px 18px;}
.cart-style-compact .cart-body{padding:8px 18px;}

/* ---- Card Grid: كل منتج ببطاقة صغيرة، عمودين ---- */
.cart-style-cards .widget_shopping_cart .cart_list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cart-style-cards .widget_shopping_cart .cart_list li{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface);
}
.cart-style-cards .widget_shopping_cart .cart_list li img{width:100%;height:80px;object-fit:cover;border-radius:10px;margin-bottom:8px;}
.cart-style-cards .widget_shopping_cart .cart_list li a{font-size:12.5px;}
.cart-style-cards .widget_shopping_cart .remove{position:static;display:block;margin-top:6px;}

/* ---- Neon: حدود وردية متوهجة وأزرار نيون ---- */
.cart-style-neon{background:#0d0620;border-left-color:#7B2FF7;}
.cart-style-neon .cart-head{border-bottom-color:#FF3EA5;}
.cart-style-neon .cart-head h3{color:#fff;text-shadow:0 0 10px rgba(255,62,165,.6);}
.cart-style-neon .widget_shopping_cart .cart_list li{
  border:1px solid rgba(255,62,165,.35);border-radius:12px;padding:12px;margin-bottom:10px;
  box-shadow:0 0 0 rgba(0,0,0,0);transition:.2s;
}
.cart-style-neon .widget_shopping_cart .cart_list li:hover{box-shadow:0 0 16px rgba(255,62,165,.35);}
.cart-style-neon .widget_shopping_cart .total{color:#FF3EA5;}
.cart-style-neon .widget_shopping_cart .buttons a.checkout,
.cart-style-neon .cart-foot .btn-primary{
  background:linear-gradient(90deg,#FF3EA5,#7B2FF7) !important;box-shadow:0 0 16px rgba(255,62,165,.5);
}

/* ---- Receipt: شكل فاتورة/إيصال ورقي بخط مونوسبيس ---- */
.cart-style-receipt{background:#151515;}
.cart-style-receipt .cart-head{border-bottom:2px dashed var(--line);}
.cart-style-receipt .cart-head h3{font-family:monospace;letter-spacing:.05em;}
.cart-style-receipt .widget_shopping_cart .cart_list li{
  border:none;border-bottom:1px dashed var(--line);padding:12px 0;border-radius:0;
}
.cart-style-receipt .widget_shopping_cart .cart_list li img{display:none;}
.cart-style-receipt .widget_shopping_cart .cart_list li a{font-family:monospace;font-size:13px;}
.cart-style-receipt .widget_shopping_cart .quantity{font-family:monospace;}
.cart-style-receipt .widget_shopping_cart .total{
  font-family:monospace;border-top:2px dashed var(--line);border-bottom:none;
}
.cart-style-receipt .cart-foot{border-top:2px dashed var(--line);}

/* =========================================================================
   نفس الـ5 تصاميم لكن على صفحة السلة الكاملة /cart/ (مو الدرج المنبثق بس)
   ========================================================================= */
body.topds-cartpage-compact .woocommerce-cart table.shop_table th,
body.topds-cartpage-compact .woocommerce-cart table.shop_table td{padding:10px !important;}
body.topds-cartpage-compact .woocommerce-cart table.shop_table img{max-width:48px !important;}

body.topds-cartpage-cards .woocommerce-cart table.shop_table thead{display:none;}
body.topds-cartpage-cards .woocommerce-cart table.shop_table,
body.topds-cartpage-cards .woocommerce-cart table.shop_table tbody{display:block !important;}
body.topds-cartpage-cards .woocommerce-cart table.shop_table tr{
  display:flex !important;align-items:center;gap:14px;border:1px solid var(--line) !important;
  border-radius:14px;margin-bottom:12px;padding:12px !important;background:var(--surface);
}
body.topds-cartpage-cards .woocommerce-cart table.shop_table td{border:none !important;padding:4px !important;}

body.topds-cartpage-neon .woocommerce-cart table.shop_table{border-color:#7B2FF7 !important;}
body.topds-cartpage-neon .woocommerce-cart table.shop_table th{background:#1c0f3d !important;}
body.topds-cartpage-neon .woocommerce-cart table.shop_table td{border-color:rgba(255,62,165,.25) !important;}
body.topds-cartpage-neon .woocommerce-cart .cart-collaterals .cart_totals{border-color:#FF3EA5 !important;box-shadow:0 0 20px rgba(255,62,165,.25);}
body.topds-cartpage-neon .woocommerce-cart .cart_totals .checkout-button{
  background:linear-gradient(90deg,#FF3EA5,#7B2FF7) !important;box-shadow:0 0 16px rgba(255,62,165,.5);
}

body.topds-cartpage-receipt .woocommerce-cart table.shop_table{background:transparent !important;border:none !important;}
body.topds-cartpage-receipt .woocommerce-cart table.shop_table th,
body.topds-cartpage-receipt .woocommerce-cart table.shop_table td{
  border:none !important;border-bottom:1px dashed var(--line) !important;font-family:monospace;
}
body.topds-cartpage-receipt .woocommerce-cart .cart-collaterals .cart_totals{
  background:transparent !important;border:2px dashed var(--line) !important;font-family:monospace;
}
.woocommerce-mini-cart__empty-message{color:var(--muted);text-align:center;padding:40px 10px;}

/* ---------- صفحة السلة الكاملة (cart.php) ---------- */
.woocommerce table.shop_table{
  border:1px solid var(--line) !important;border-radius:16px !important;overflow:hidden;
  background:var(--surface);width:100%;border-collapse:collapse;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{
  border-color:var(--line) !important;padding:16px !important;
}
.woocommerce table.shop_table thead{background:var(--surface-2);}
.woocommerce .quantity input.qty{
  background:var(--surface-2) !important;border:1px solid var(--line) !important;color:#fff !important;
  border-radius:8px;padding:8px;
}
.woocommerce-cart .cart-collaterals .cart_totals{
  background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:16px !important;padding:22px !important;
}
.woocommerce-cart table.cart img{border-radius:10px;}
.woocommerce a.remove{color:var(--coral) !important;}

/* ---------- صفحة الدفع (checkout.php) ---------- */
.woocommerce-checkout #payment{
  background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:16px !important;
}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line) !important;}
.woocommerce-checkout #payment div.payment_box{
  background:var(--surface-2) !important;color:var(--paper) !important;
}
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout textarea, .woocommerce-checkout select,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
  background:var(--surface-2) !important;border:1px solid var(--line) !important;color:#fff !important;
  border-radius:10px !important;padding:12px 14px !important;
}
.woocommerce-checkout-review-order-table{
  background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:16px !important;
}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td{border-color:var(--line) !important;}
.select2-container .select2-selection--single{
  background:var(--surface-2) !important;border:1px solid var(--line) !important;height:44px !important;
}
.select2-selection__rendered{color:#fff !important;line-height:44px !important;}

/* =========================================================================
   5 تصاميم لصفحة الدفع/الشيك أوت — هذي المرة فرق حقيقي بالتخطيط (Layout)
   نفسه (ترتيب الأعمدة، الالتصاق، العرض) مو بس الألوان، وبدون حذف أو تعديل
   أي حقل حقيقي (فقط إعادة ترتيب بصري عبر CSS Grid/Flex)
   ========================================================================= */

/* =========================================================================
   5 تصاميم لصفحة الدفع/الشيك أوت — بعد المراجعة، رجعت هالمرة لطريقة أأمن:
   "كلاسيكي" الآن بدون أي تعديل هيكلي إطلاقاً (نفس تخطيط ووكومرس الأصلي
   100%، مضمون يشتغل مهما كانت الإضافات المفعّلة عندك). تحويل الشبكة
   (Grid) صار محصور فقط بالتصاميم اللي فعلاً تحتاجه (Blueprint و Split)،
   وكل واحد فيها مقفول على كلاسه الخاص بس، ما يأثر على أي تصميم ثاني.
   ========================================================================= */

/* ---- 1) كلاسيكي: بدون أي لمسة على الهيكل — نفس ووكومرس تماماً ---- */

/* ---- 2) Minimal: عمود واحد مرّكز عبر إلغاء الفلوت فقط (بدون Grid) ---- */
body.topds-checkout-minimal .woocommerce-checkout .col2-set,
body.topds-checkout-minimal .woocommerce-checkout #order_review_heading,
body.topds-checkout-minimal .woocommerce-checkout #order_review{
  float:none !important;width:100% !important;max-width:640px;margin-left:auto !important;margin-right:auto !important;
}
body.topds-checkout-minimal .woocommerce-checkout #payment,
body.topds-checkout-minimal .woocommerce-checkout-review-order-table{
  background:transparent !important;border:none !important;border-radius:0 !important;
  border-top:1px solid var(--line) !important;padding-top:20px !important;margin-top:30px;
}
body.topds-checkout-minimal .woocommerce-checkout .woocommerce-input-wrapper input,
body.topds-checkout-minimal .woocommerce-checkout textarea,
body.topds-checkout-minimal .woocommerce-checkout select{
  background:transparent !important;border:none !important;border-bottom:1.5px solid var(--line) !important;
  border-radius:0 !important;padding:10px 4px !important;
}

/* ---- 3) Blueprint Spec: شبكة مقفولة على هذا التصميم بس، مع ملخص ملتصق ---- */
body.topds-checkout-blueprint .woocommerce-checkout form.checkout{
  display:grid;grid-template-columns:1fr .85fr;gap:36px;align-items:start;
}
body.topds-checkout-blueprint .woocommerce-checkout .col2-set{width:100%;float:none;}
body.topds-checkout-blueprint .woocommerce-checkout #order_review_heading,
body.topds-checkout-blueprint .woocommerce-checkout #order_review{
  width:100%;float:none;position:sticky;top:100px;
}
@media (max-width:900px){
  body.topds-checkout-blueprint .woocommerce-checkout form.checkout{display:block;}
  body.topds-checkout-blueprint .woocommerce-checkout #order_review{position:static;}
}
body.topds-checkout-blueprint .woocommerce-checkout #payment,
body.topds-checkout-blueprint .woocommerce-checkout-review-order-table{
  background:rgba(79,209,255,.03) !important;border:1px dashed rgba(79,209,255,.4) !important;border-radius:0 !important;
}
body.topds-checkout-blueprint .woocommerce-checkout label{font-family:monospace;font-size:12.5px;color:#4FD1FF;}
body.topds-checkout-blueprint .woocommerce-checkout .woocommerce-input-wrapper input,
body.topds-checkout-blueprint .woocommerce-checkout textarea,
body.topds-checkout-blueprint .woocommerce-checkout select{
  border-radius:0 !important;border-color:rgba(79,209,255,.4) !important;
}
body.topds-checkout-blueprint #place_order{background:#4FD1FF !important;color:#04222d !important;border-radius:2px !important;}

/* ---- 4) Trust Focus: عمود واحد مرّكز عبر إلغاء الفلوت فقط (بدون Grid) ---- */
body.topds-checkout-trust .woocommerce-checkout .col2-set,
body.topds-checkout-trust .woocommerce-checkout #order_review_heading,
body.topds-checkout-trust .woocommerce-checkout #order_review{
  float:none !important;width:100% !important;max-width:720px;margin-left:auto !important;margin-right:auto !important;
}
body.topds-checkout-trust .woocommerce-checkout::before{
  content:"🔒 عملية دفع مشفّرة وآمنة بالكامل — بياناتك محمية 100%";display:block;background:var(--green);
  color:#06210f;font-weight:800;font-size:14px;padding:14px 20px;border-radius:12px;margin-bottom:28px;text-align:center;
  max-width:720px;margin-left:auto;margin-right:auto;
}
body.topds-checkout-trust .woocommerce-checkout #payment{border:2px solid var(--green) !important;margin-top:24px;}
body.topds-checkout-trust #place_order{
  background:var(--green) !important;color:#06210f !important;font-size:16px !important;padding:16px 28px !important;width:100%;
}

/* ---- 5) Split Hero: شبكة مقفولة على هذا التصميم بس — شاشة منقسمة فعلياً ---- */
body.topds-checkout-split .woocommerce-checkout form.checkout{
  display:grid;grid-template-columns:1fr .9fr;grid-template-rows:auto 1fr;gap:0;align-items:start;
}
body.topds-checkout-split .woocommerce-checkout .col2-set{
  width:100%;float:none;grid-column:1;grid-row:1 / span 2;padding:40px;
}
body.topds-checkout-split .woocommerce-checkout #order_review_heading{
  width:100%;float:none;grid-column:2;grid-row:1;margin:0 !important;
  background:linear-gradient(160deg,var(--violet),#2a2358);color:#fff;padding:40px 40px 0;
}
body.topds-checkout-split .woocommerce-checkout #order_review{
  width:100%;float:none;grid-column:2;grid-row:2;
  position:sticky;top:0;align-self:stretch;min-height:60vh;display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(160deg,var(--violet),#2a2358);padding:0 40px 40px;margin:0;
}
@media (max-width:900px){
  body.topds-checkout-split .woocommerce-checkout form.checkout{display:block;}
  body.topds-checkout-split .woocommerce-checkout #order_review{position:static;min-height:0;}
}
body.topds-checkout-split .woocommerce-checkout-review-order-table{
  background:transparent !important;border:none !important;color:#fff !important;
}
body.topds-checkout-split .woocommerce-checkout-review-order-table th,
body.topds-checkout-split .woocommerce-checkout-review-order-table td{
  border-color:rgba(255,255,255,.25) !important;color:#fff !important;
}
body.topds-checkout-split #place_order{
  background:#fff !important;color:var(--violet) !important;font-weight:800 !important;width:100%;
}
@media (max-width:900px){
  body.topds-checkout-split .woocommerce-checkout #order_review{position:static;min-height:0;}
}

/* =========================================================================
   توافق مع "ووكومرس بلوكس" (Cart & Checkout Blocks) — الإصدار الحديث
   الافتراضي بالمتاجر الجديدة يستخدم بلوكات بدل القالب القديم (shortcode)،
   فأسماء الأصناف مختلفة كلياً؛ هذا القسم يطبّق نفس الأفكار عليها
   ========================================================================= */
.wp-block-woocommerce-checkout, .wc-block-checkout,
.wp-block-woocommerce-cart, .wc-block-cart{color:var(--paper);}

.wc-block-components-checkout-step__container,
.wc-block-components-totals-wrapper,
.wc-block-cart-items,
.wc-block-components-order-summary{
  background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:16px !important;color:var(--paper) !important;
}
.wc-block-components-text-input input, .wc-block-components-text-input textarea,
.wc-block-checkout input[type="text"], .wc-block-checkout input[type="email"], .wc-block-checkout input[type="tel"],
.wc-block-components-address-form input, select.wc-block-components-country-input,
.wc-block-components-combobox input{
  background:var(--surface-2) !important;border:1px solid var(--line) !important;color:#fff !important;border-radius:10px !important;
}
.wc-block-components-text-input label, .wc-block-checkout label{color:var(--muted) !important;}
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button, .wc-block-components-button.wp-element-button{
  background:linear-gradient(135deg,var(--violet),var(--violet-2)) !important;color:#fff !important;
  border-radius:12px !important;border:none !important;
}
.wc-block-components-radio-control__label,
.wc-block-components-payment-method-label{color:var(--paper) !important;}
.wc-block-components-panel, .wc-block-components-order-summary-item{border-color:var(--line) !important;}
.wc-block-components-totals-item__value, .wc-block-components-formatted-money-amount{color:var(--amber) !important;}

/* ---- نفس الـ5 تصاميم لكنها موجّهة لبلوك الشيك أوت الحديث ---- */
body.topds-checkout-minimal .wc-block-components-checkout-step__container,
body.topds-checkout-minimal .wc-block-components-totals-wrapper{
  background:transparent !important;border:none !important;border-top:1px solid var(--line) !important;border-radius:0 !important;
}
body.topds-checkout-blueprint .wc-block-components-checkout-step__container,
body.topds-checkout-blueprint .wc-block-components-totals-wrapper{
  background:rgba(79,209,255,.03) !important;border:1px dashed rgba(79,209,255,.4) !important;border-radius:0 !important;
}
body.topds-checkout-blueprint .wc-block-components-checkout-place-order-button{background:#4FD1FF !important;color:#04222d !important;border-radius:2px !important;}
body.topds-checkout-trust .wc-block-components-checkout-step__container:has(.wc-block-components-payment-method-label){border:2px solid var(--green) !important;}
body.topds-checkout-trust .wc-block-components-checkout-place-order-button{background:var(--green) !important;color:#06210f !important;font-size:16px !important;padding:16px 28px !important;}
body.topds-checkout-split .wc-block-components-totals-wrapper{
  background:linear-gradient(160deg,var(--violet),#3a2f7a) !important;border:none !important;color:#fff !important;
}
body.topds-checkout-split .wc-block-components-checkout-place-order-button{background:#fff !important;color:var(--violet) !important;font-weight:800 !important;}

/* ---- نفس الـ5 تصاميم لبلوك السلة الحديث ---- */
body.topds-cartpage-neon .wc-block-cart-items{border-color:#7B2FF7 !important;}
body.topds-cartpage-neon .wc-block-components-totals-wrapper{border-color:#FF3EA5 !important;box-shadow:0 0 20px rgba(255,62,165,.25);}
body.topds-cartpage-neon .wc-block-cart__submit-button{background:linear-gradient(90deg,#FF3EA5,#7B2FF7) !important;box-shadow:0 0 16px rgba(255,62,165,.5);}
body.topds-cartpage-receipt .wc-block-cart-items,
body.topds-cartpage-receipt .wc-block-components-totals-wrapper{background:transparent !important;border:2px dashed var(--line) !important;font-family:monospace;}
body.topds-cartpage-compact .wc-block-cart-item{padding:8px !important;}
body.topds-cartpage-compact .wc-block-cart-item__image img{max-width:48px !important;}

/* ---------- صفحة المنتج الفردية ---------- */
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--surface) !important;border-color:var(--line) !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--violet) !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--paper) !important;}
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--amber) !important;font-family:'Cairo';font-weight:800;}

/* ---------- رسائل النظام (نجاح/خطأ) ---------- */
.woocommerce-message, .woocommerce-info{
  background:var(--surface) !important;border-top-color:var(--violet) !important;color:var(--paper) !important;
}
.woocommerce-error{background:var(--surface) !important;border-top-color:var(--coral) !important;color:var(--paper) !important;}

/* =========================== صفحة المنتج الفردية (كاملة) =========================== */
.woocommerce-page-wrap{padding-top:40px;padding-bottom:60px;}
.woocommerce div.product{
  display:grid !important;grid-template-columns:1fr 1.1fr;gap:44px;align-items:start;
}
@media (max-width:900px){.woocommerce div.product{grid-template-columns:1fr;gap:24px;}}

.woocommerce div.product div.images,
.woocommerce div.product div.summary{
  float:none !important;width:100% !important;margin:0 !important;
}
.woocommerce div.product div.images{
  background:var(--surface);border:1px solid var(--line);border-radius:20px;
  overflow:hidden;padding:16px;
}
.woocommerce div.product div.images img{
  border-radius:14px;width:100%;height:auto;max-height:480px;object-fit:cover;background:var(--surface-2);
}
.woocommerce div.product .flex-control-thumbs{
  display:flex;gap:10px;margin-top:14px !important;list-style:none;padding:0;flex-wrap:wrap;
}
.woocommerce div.product .flex-control-thumbs li{width:64px;}
.woocommerce div.product .flex-control-thumbs img{
  border-radius:10px;border:1.5px solid var(--line);cursor:pointer;opacity:.6;transition:.2s;
}
.woocommerce div.product .flex-control-thumbs li.flex-active-slide img,
.woocommerce div.product .flex-control-thumbs img:hover{opacity:1;border-color:var(--violet);}

.woocommerce div.product .product_title{font-size:26px;margin-bottom:10px;font-family:'Cairo';}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  font-size:24px;display:block;margin:14px 0;
}
.woocommerce div.product .woocommerce-product-rating{margin-bottom:16px;}
.woocommerce div.product form.cart{
  display:flex;gap:14px;align-items:center;margin:20px 0;flex-wrap:wrap;
}
.woocommerce div.product form.cart .quantity{
  background:var(--surface);border:1px solid var(--line);border-radius:10px;
}
.woocommerce div.product form.cart .quantity input.qty{
  background:transparent !important;border:none !important;width:60px;text-align:center;
}
.woocommerce div.product .product_meta{
  color:var(--muted);font-size:13.5px;padding-top:16px;border-top:1px solid var(--line);margin-top:16px;
}
.woocommerce div.product .product_meta a{color:var(--violet-2);}

/* تبويبات الوصف/المراجعات */
.woocommerce div.product .woocommerce-tabs{margin-top:50px;}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  display:flex;gap:8px;border-bottom:1px solid var(--line) !important;padding:0 !important;margin:0 0 24px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--surface) !important;border:1px solid var(--line) !important;border-bottom:none !important;
  border-radius:10px 10px 0 0 !important;margin:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 22px !important;display:block;}
.woocommerce #reviews #comments ol.commentlist{list-style:none;margin:0;padding:0;}
.woocommerce #reviews #comments li{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;
}
.woocommerce #review_form textarea, .woocommerce #review_form input{
  background:var(--surface-2) !important;border:1px solid var(--line) !important;color:#fff !important;
  border-radius:10px !important;padding:12px 14px !important;width:100%;
}
.woocommerce #review_form .form-submit input{width:auto;}
.woocommerce .star-rating{color:var(--amber) !important;}
.woocommerce p.stars a{color:var(--amber) !important;}

/* منتجات ذات صلة */
.woocommerce div.product .related.products{margin-top:60px;}
.woocommerce div.product .related.products > h2{font-size:24px;margin-bottom:24px;font-family:'Cairo';}

/* =========================================================================
   4 تصاميم إضافية لصفحة المنتج المفردة — كل واحد مبني فوق نفس هوكات
   ووكومرس الأصلية (المعرض، السعر، زر الشراء) بدون كسر أي وظيفة، بس بشكل
   وتخطيط مختلف كلياً. الفاصل div.product يمنع تسرّب الأنماط لبطاقات
   الشبكة (li.product) في أي مكان ثاني بالموقع.
   ========================================================================= */

/* ---- Gallery Focus: صورة عريضة أعلى الصفحة، الملخص تحتها بالمنتصف ---- */
.woocommerce div.product.topds-product-gallery{grid-template-columns:1fr !important;}
.woocommerce div.product.topds-product-gallery div.images{order:0;}
.woocommerce div.product.topds-product-gallery div.images img{max-height:520px;}
.woocommerce div.product.topds-product-gallery div.summary{
  order:1;text-align:center;max-width:640px;margin:0 auto;
}
.woocommerce div.product.topds-product-gallery form.cart{justify-content:center;}
.woocommerce div.product.topds-product-gallery .product_meta{text-align:center;}

/* ---- Blueprint Spec: ورقة مواصفات تقنية، حدود متقطعة، لون سماوي ---- */
.woocommerce div.product.topds-product-blueprint{
  border:1px dashed rgba(79,209,255,.4);padding:28px;background:rgba(79,209,255,.03);
}
.woocommerce div.product.topds-product-blueprint div.images{
  border:1px solid #4FD1FF;border-radius:0;background:transparent;padding:10px;
}
.woocommerce div.product.topds-product-blueprint div.images img{border-radius:0;}
.woocommerce div.product.topds-product-blueprint .product_title{font-family:monospace;letter-spacing:.02em;font-size:22px;}
.woocommerce div.product.topds-product-blueprint .product_meta{font-family:monospace;font-size:12px;border-top-color:#4FD1FF;}
.woocommerce div.product.topds-product-blueprint p.price,
.woocommerce div.product.topds-product-blueprint span.price{color:#4FD1FF !important;}
.woocommerce div.product.topds-product-blueprint form.cart .button{
  background:#4FD1FF !important;color:#04222d !important;border-radius:2px !important;
}
.woocommerce div.product.topds-product-blueprint .woocommerce-tabs ul.tabs li{border-radius:0 !important;}

/* ---- Poster Reveal: حدود سميكة وختم "جديد" مائل ---- */
.woocommerce div.product.topds-product-poster{border:3px solid #fff;padding:24px;}
.woocommerce div.product.topds-product-poster div.images{
  border:3px solid #fff;border-radius:0;position:relative;padding:0;
}
.woocommerce div.product.topds-product-poster div.images::before{
  content:"جديد";position:absolute;top:-16px;right:-16px;background:#FF2D78;color:#fff;font-weight:900;
  padding:8px 16px;transform:rotate(-8deg);z-index:2;border:2px solid #fff;font-family:'Cairo';
}
.woocommerce div.product.topds-product-poster div.images img{border-radius:0;}
.woocommerce div.product.topds-product-poster .product_title{font-weight:900;-webkit-text-stroke:.4px #000;}
.woocommerce div.product.topds-product-poster p.price,
.woocommerce div.product.topds-product-poster span.price{color:#FF2D78 !important;}
.woocommerce div.product.topds-product-poster form.cart .button{
  background:#FF2D78 !important;border-radius:0 !important;border:2px solid #fff !important;
}

/* ---- Editorial: هادئ فخم، مساحات فارغة وخط كبير أنيق ---- */
.woocommerce div.product.topds-product-editorial{gap:60px !important;}
.woocommerce div.product.topds-product-editorial div.images{background:transparent;border:none;padding:0;}
.woocommerce div.product.topds-product-editorial div.images img{border-radius:0;}
.woocommerce div.product.topds-product-editorial .product_title{font-size:32px;font-weight:700;font-family:'Cairo';}
.woocommerce div.product.topds-product-editorial p.price,
.woocommerce div.product.topds-product-editorial span.price{color:#C9A24B !important;font-weight:600;}
.woocommerce div.product.topds-product-editorial form.cart .button{
  background:transparent !important;border:1px solid #fff !important;color:#fff !important;border-radius:0 !important;
}
.woocommerce div.product.topds-product-editorial .woocommerce-tabs ul.tabs li{
  background:transparent !important;border:none !important;border-bottom:2px solid transparent !important;
}
.woocommerce div.product.topds-product-editorial .woocommerce-tabs ul.tabs li.active{border-bottom-color:#C9A24B !important;}

/* ---------- صفحة حسابي ---------- */
.woocommerce-MyAccount-navigation ul{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line);}
.woocommerce-MyAccount-navigation li a{display:block;padding:14px 18px;}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--amber);font-weight:700;}