/* =====================================================================
   رأس الهرم — WooCommerce overrides
   تعديلات على الـ default styling لتتوافق مع الهوية البصرية
   ===================================================================== */

/* ---------- forms WC (login, register, billing, shipping, checkout) ---------- */
.woocommerce form .form-row,
.woocommerce-page form .form-row{
  display:grid; gap:8px; margin:0 0 18px;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label{
  font-family:var(--kufi); font-size:11px; font-weight:600; color:var(--ink);
  letter-spacing:.02em;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
.select2-container .select2-selection--single{
  width:100%; padding:14px 16px;
  font-family:var(--body); font-size:14px;
  background:var(--off); border:1px solid var(--rule-soft);
  color:var(--ink); border-radius:0;
  transition:border-color .35s var(--ease);
  height:auto;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page form .form-row input.input-text:focus,
.woocommerce-page form .form-row textarea:focus,
.woocommerce-page form .form-row select:focus{
  outline:none; border-color:var(--ink); background:var(--white);
}

/* ---------- WC buttons override ---------- */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button{
  display:inline-flex; align-items:center; gap:14px;
  padding:18px 32px; border:1px solid var(--ink); border-radius:0;
  background:var(--ink); color:var(--white);
  font-family:var(--kufi); font-size:13px; font-weight:500;
  letter-spacing:.02em; cursor:pointer;
  transition:background .55s var(--ease), color .55s var(--ease);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background:var(--gold); border-color:var(--gold); color:var(--white);
}

/* ---------- Cart quantity input ---------- */
.woocommerce .quantity .qty{
  width:80px; padding:10px; text-align:center;
  font-family:var(--kufi); font-size:14px; font-weight:600;
  background:var(--white); border:1px solid var(--rule-soft);
}

/* ---------- Messages ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments{
  padding:18px 24px;
  font-family:var(--kufi); font-size:13px; line-height:1.7;
  border-radius:0; border-top:0; border-bottom:0; border-right:0;
  background:var(--off);
}
.woocommerce-message{ border-right:3px solid var(--gold); color:var(--ink) }
.woocommerce-info   { border-right:3px solid var(--ink); color:var(--ink) }
.woocommerce-error  { border-right:3px solid #A33D2D; color:#A33D2D; list-style:none }

/* ---------- Tabs المنتج ---------- */
.woocommerce div.product .woocommerce-tabs ul.tabs{
  padding:0; margin:0 0 32px; border-bottom:1px solid var(--rule-soft); list-style:none;
  display:inline-flex; gap:36px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ display:none }
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent; border:0; padding:0; margin:0;
  border-radius:0; position:relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{ display:none }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  padding:14px 0; display:block;
  font-family:var(--kufi); font-size:14px; font-weight:500; color:var(--ink-soft);
  border-bottom:2px solid transparent; transition:all .35s var(--ease);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--ink); border-bottom-color:var(--gold);
}
.woocommerce div.product .woocommerce-tabs .panel{
  font-family:var(--body); font-size:15px; line-height:1.85; color:var(--ink-soft);
}

/* ---------- Pagination ---------- */
.woocommerce nav.woocommerce-pagination ul{
  border:0; display:inline-flex; gap:4px;
}
.woocommerce nav.woocommerce-pagination ul li{
  border:0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  min-width:36px; height:36px; padding:0 12px;
  display:grid; place-items:center;
  font-family:var(--kufi); font-size:13px; font-weight:500;
  color:var(--ink-soft); background:transparent;
  transition:all .35s var(--ease);
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background:var(--ink); color:var(--white);
}

/* ---------- My Account sidebar nav ---------- */
.woocommerce-MyAccount-navigation{
  background:var(--white); border:1px solid var(--rule-faint); padding:24px;
}
.woocommerce-MyAccount-navigation ul{
  list-style:none; padding:0; margin:0; display:grid; gap:2px;
}
.woocommerce-MyAccount-navigation ul li a{
  display:block; padding:12px 14px;
  font-family:var(--kufi); font-size:13.5px; color:var(--ink-soft);
  transition:all .35s var(--ease); border-right:2px solid transparent;
}
.woocommerce-MyAccount-navigation ul li a:hover{
  color:var(--ink); background:var(--off);
}
.woocommerce-MyAccount-navigation ul li.is-active a{
  color:var(--ink); background:var(--off); border-right-color:var(--gold);
}

/* ---------- صفحة الـ wishlist (YITH) ---------- */
.yith-wcwl-add-to-wishlist{ position:absolute; top:12px; left:12px; z-index:2 }
.yith-wcwl-add-button > a{
  width:32px; height:32px; border-radius:50%;
  background:var(--white); color:var(--ink);
  display:grid; place-items:center;
  text-decoration:none; padding:0;
  transition:all .35s var(--ease);
}
.yith-wcwl-add-button > a:hover{ background:var(--ink); color:var(--gold-glow) }
.yith-wcwl-add-button > a i,
.yith-wcwl-add-button > a:before{
  font-size:14px;
}

/* ---------- Cart drawer لو محتاج ---------- */
.widget_shopping_cart_content{
  font-family:var(--body);
}

/* ---------- شطف الـ Storefront notes ---------- */
.storefront-handheld-footer-bar,
.site-info .imprint{ display:none !important }

/* ⭐ Override WC defaults اللي ممكن تشوّه التصميم */
.woocommerce span.onsale,
.woocommerce-page span.onsale{ display:none !important }

/* ============ Custom Product Gallery ============ */
.rah-gallery{ display:grid; gap:14px; width:100%; max-width:100% }
.rah-gallery__main{
  position:relative; aspect-ratio:1/1; overflow:hidden;
  background:linear-gradient(180deg, var(--off,#FBFAF6), var(--paper));
  border:1px solid var(--rule-soft);
  display:grid; place-items:center; padding:24px;
}
.rah-gallery__img{
  width:100%; height:100%; object-fit:contain;
  mix-blend-mode:multiply;
  transition:opacity .35s var(--ease);
}
.rah-gallery__img.--swap{ opacity:.3 }
.rah-gallery__badge{
  position:absolute; top:14px; right:14px; z-index:3;
  font-family:var(--kufi); font-size:11px; font-weight:600; color:#fff;
  padding:6px 14px; letter-spacing:.02em;
}
.rah-gallery__badge.--new{ background:var(--ink) }
.rah-gallery__badge.--sale{ background:#A33D2D }
.rah-gallery__num{
  position:absolute; top:14px; left:14px; z-index:3;
  font-family:var(--kufi); font-size:11px; font-weight:600; color:var(--gold);
}
.rah-gallery__empty{
  display:grid; place-items:center; gap:14px;
  color:var(--gold); opacity:.55;
}
.rah-gallery__empty svg{ width:90px; height:90px }
.rah-gallery__empty span{ font-family:var(--kufi); font-size:12px; color:var(--mute) }

.rah-gallery__thumbs{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:8px;
}
.rah-gallery__thumb{
  position:relative; aspect-ratio:1/1; overflow:hidden;
  background:var(--off,#FBFAF6); border:1px solid var(--rule-soft);
  cursor:pointer; padding:0;
  transition:border-color .35s var(--ease);
}
.rah-gallery__thumb img{
  width:100%; height:100%; object-fit:cover;
  opacity:.65; transition:opacity .35s var(--ease);
  mix-blend-mode:multiply;
}
.rah-gallery__thumb:hover img{ opacity:1 }
.rah-gallery__thumb.--active{ border-color:var(--gold) }
.rah-gallery__thumb.--active img{ opacity:1 }

/* WC default gallery (مش هنستخدمها — Custom gallery أعلى) */
.woocommerce-product-gallery{ display:none !important }
.flex-control-thumbs{ display:none !important }
.zoomImg{ display:none !important }

/* Add to cart form */
.woocommerce div.product form.cart{
  margin:0 !important; display:flex; gap:14px; align-items:stretch;
}
.woocommerce div.product form.cart .quantity{ margin:0 !important }
.woocommerce div.product form.cart .quantity .qty{
  width:78px; height:54px; padding:0 12px; text-align:center;
  font-family:var(--kufi); font-size:15px; font-weight:600;
  background:#fff; border:1px solid var(--rule-soft); border-radius:0;
}
.woocommerce div.product form.cart .button{
  flex:1; min-width:0; height:54px; padding:0 28px;
  border-radius:0;
}

/* Stock status */
.woocommerce div.product p.stock{
  font-family:var(--kufi); font-size:12px; color:var(--gold-deep,#8A6420);
}

/* Rating */
.woocommerce .star-rating{ font-family:Times, serif; color:var(--gold) }

/* Wishlist button */
.yith-wcwl-add-to-wishlist{ margin-top:14px !important }
.yith-wcwl-add-button > a, .yith-wcwl-wishlistaddedbrowse > a{
  display:inline-flex !important; align-items:center; gap:10px;
  padding:12px 22px !important; border:1px solid var(--rule) !important;
  font-family:var(--kufi); font-size:12px; font-weight:500; color:var(--ink) !important;
  background:transparent !important; text-decoration:none !important;
  transition:all .35s var(--ease);
}
.yith-wcwl-add-button > a:hover{ border-color:var(--ink) !important; background:var(--paper) !important }
.yith-wcwl-add-button i{ display:none !important }

/* ============================================
   ⭐ Mobile Responsive — كل صفحات WC
   ============================================ */
@media (max-width: 900px){

  /* --------- My Account --------- */
  .woocommerce-account .woocommerce,
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    width:100% !important; float:none !important;
    padding:0 !important; margin:0 !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin-bottom:18px !important;
    padding:14px !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex; flex-wrap:wrap; gap:4px; margin:0; padding:0;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li{
    display:block; margin:0; flex:1 1 auto; min-width:50%;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a{
    display:block !important; padding:10px 12px !important;
    font-size:12px !important;
    border-bottom:1px solid var(--rule-faint);
  }

  /* --------- Cart Page --------- */
  .woocommerce-cart .woocommerce{ padding:0 var(--gutter) !important }
  .woocommerce-cart table.shop_table{
    display:block !important; border:0 !important;
  }
  .woocommerce-cart table.shop_table thead{ display:none !important }
  .woocommerce-cart table.shop_table tbody{ display:block !important }
  .woocommerce-cart table.shop_table tr{
    display:grid !important;
    grid-template-columns:80px 1fr auto !important;
    gap:12px !important; padding:14px !important;
    border:1px solid var(--rule-soft) !important;
    margin-bottom:10px !important;
    align-items:center;
  }
  .woocommerce-cart table.shop_table td{
    display:block !important; padding:0 !important;
    border:0 !important; font-size:12.5px !important;
  }
  .woocommerce-cart table.shop_table td.product-thumbnail{
    grid-row:span 4; align-self:start;
  }
  .woocommerce-cart table.shop_table td.product-thumbnail img{
    width:80px !important; height:auto !important;
  }
  .woocommerce-cart table.shop_table td.product-name{
    grid-column:span 2; font-family:var(--display); font-size:15px !important;
  }
  .woocommerce-cart table.shop_table td.product-price{ grid-column:2 }
  .woocommerce-cart table.shop_table td.product-quantity{ grid-column:2 }
  .woocommerce-cart table.shop_table td.product-subtotal{ grid-column:2; font-weight:600 }
  .woocommerce-cart table.shop_table td.product-remove{
    grid-row:1; grid-column:3; text-align:left;
  }
  .woocommerce-cart .cart-collaterals,
  .woocommerce-cart .cart-collaterals .cart_totals,
  .woocommerce-cart .cart-collaterals .cross-sells{
    width:100% !important; float:none !important; margin:18px 0 !important;
  }

  /* --------- Checkout --------- */
  .woocommerce-checkout .woocommerce{ padding:0 var(--gutter) !important }
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{
    width:100% !important; float:none !important;
    margin:0 0 16px !important; padding:0 !important;
  }
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2{
    width:100% !important; float:none !important;
    margin-bottom:14px !important;
  }
  .woocommerce-checkout #payment{ padding:14px !important }
  .woocommerce-checkout #payment ul.payment_methods{
    padding:0 !important;
  }

  /* --------- Forms (login, register, billing, address) --------- */
  .woocommerce form .form-row,
  .woocommerce-page form .form-row,
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce form .form-row-wide{
    width:100% !important; float:none !important;
    margin:0 0 14px !important; padding:0 !important;
  }
  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row select,
  .woocommerce form .form-row textarea{
    padding:12px 14px !important; font-size:14px !important;
  }
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-1,
  .woocommerce-page .col2-set .col-2{
    width:100% !important; float:none !important; padding:0 !important;
    margin-bottom:14px !important;
  }

  /* --------- Login form --------- */
  .woocommerce-form-login,
  .woocommerce-form-register{
    padding:18px !important; margin:0 0 18px !important;
  }
  .woocommerce-form-login__rememberme{ display:block !important; margin:6px 0 !important }
  .woocommerce-form-login__submit,
  .woocommerce-form-register__submit{
    width:100% !important; text-align:center; padding:14px !important;
    font-size:13px !important;
  }

  /* --------- Order Received / Thank You --------- */
  .woocommerce-order .woocommerce-thankyou-order-details,
  .woocommerce-order .woocommerce-order-details,
  .woocommerce-order .woocommerce-customer-details{
    padding:0 !important;
  }
  .woocommerce-order ul.order_details{
    display:grid !important; grid-template-columns:1fr 1fr !important;
    gap:10px !important; padding:14px !important; margin:0 0 14px !important;
  }
  .woocommerce-order ul.order_details li{
    border:0 !important; padding:0 !important;
    font-size:11px !important;
  }
  .woocommerce-order ul.order_details li strong{ font-size:13px !important }
  .woocommerce-order .addresses .col-1,
  .woocommerce-order .addresses .col-2{
    width:100% !important; float:none !important;
    margin:0 0 14px !important;
  }

  /* --------- Quantity selector --------- */
  .woocommerce .quantity .qty{
    width:60px !important; padding:8px !important;
    font-size:13px !important;
  }

  /* --------- Buttons compact --------- */
  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button{
    padding:12px 18px !important; font-size:12px !important;
    width:100% !important; max-width:none; justify-content:center;
  }
  .woocommerce a.button.checkout-button{
    padding:14px !important; font-size:13px !important;
  }

  /* --------- Coupon code --------- */
  .woocommerce-cart .coupon{
    display:flex !important; gap:8px !important; width:100% !important;
  }
  .woocommerce-cart .coupon input{
    flex:1; min-width:0; padding:10px !important; font-size:12px !important;
  }
  .woocommerce-cart .coupon button{
    padding:10px 14px !important; font-size:11px !important; width:auto !important;
  }

  /* --------- Notices --------- */
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error{
    padding:12px 16px !important; font-size:13px !important;
    flex-direction:column; align-items:flex-start; gap:8px;
  }
  .woocommerce-message .button,
  .woocommerce-info .button,
  .woocommerce-error .button{
    width:auto !important; padding:8px 14px !important; font-size:11px !important;
  }

  /* --------- Custom rah pages on mobile --------- */
  .rah-login > div,
  .rah-cart > div,
  .rah-cart > form,
  .rah-checkout > div{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .rah-login-card,
  .rah-register-card{
    padding:24px !important;
  }
  .rah-cart-item{
    grid-template-columns:80px 1fr !important;
    gap:12px !important; padding:14px !important;
  }
  .rah-cart-item > div:last-child{
    grid-column:1 / -1;
    flex-direction:row !important; justify-items:flex-start !important;
    text-align:right !important; padding-top:8px;
    border-top:1px solid var(--rule-faint);
  }
  .rah-cart-totals,
  .rah-checkout-right{
    position:static !important;
    padding:20px !important;
  }
  .account-cards{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  .account-cards a{
    padding:16px !important;
  }
}

@media (max-width: 480px){
  .woocommerce-cart table.shop_table tr{
    grid-template-columns:64px 1fr !important;
  }
  .woocommerce-cart table.shop_table td.product-thumbnail img{ width:64px !important }
  .woocommerce-order ul.order_details{ grid-template-columns:1fr !important }
  .account-cards{ grid-template-columns:1fr !important }
}

/* ============================================
   ⭐ إصلاح لوحة الحساب — العرض الكامل + الموبايل
   ============================================ */
/* صفحة الحساب تاخد عرض كامل (مش مضيّقة بـ 48rem زي الصفحات العادية) */
.woocommerce-account .rah-page__content{ max-width:none !important }
.woocommerce-account .rah-page__head{ max-width:none !important }

/* ضمان ظهور محتوى الحساب */
.woocommerce-account .woocommerce-MyAccount-content{ display:block !important }
.rah-account-dashboard{ width:100%; }

/* ============================================
   ⭐ تخطيط لوحة الحساب على الكمبيوتر — عرض كامل (سايدبار + محتوى)
   مسكوب على المستخدم المسجَّل فقط (body.logged-in) عشان صفحة اللوجن متتأثرش
   ============================================ */
@media (min-width: 901px){
  /* صفحة الحساب نفسها تاخد عرض أوسع وتتمركز */
  body.logged-in.woocommerce-account .rah-page{
    padding-block:clamp(48px,5vw,90px) !important;
  }
  body.logged-in.woocommerce-account .woocommerce{
    display:grid !important;
    grid-template-columns:260px 1fr !important;
    gap:40px !important;
    align-items:start !important;
    max-width:1280px !important;
    margin-inline:auto !important;
    width:100% !important;
  }
  body.logged-in.woocommerce-account .woocommerce::before,
  body.logged-in.woocommerce-account .woocommerce::after{ content:none !important; display:none !important; }
  body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation,
  body.logged-in.woocommerce-account .woocommerce-MyAccount-content{
    width:auto !important; float:none !important; margin:0 !important;
  }
  /* الـ sidebar يفضل ثابت أثناء الـ scroll */
  body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation{
    position:sticky; top:100px;
  }
  /* كروت الحساب تاخد راحتها على العرض الكامل */
  body.logged-in.woocommerce-account .account-cards{ gap:16px; }
  body.logged-in.woocommerce-account .account-cards a{ padding:24px; }
}

@media (max-width: 600px){
  /* الـ Welcome header: الأفاتار + الاسم في صف، وزرار الخروج تحت */
  .rah-acct-header{
    grid-template-columns:auto 1fr !important;
    row-gap:14px !important; padding:20px !important;
  }
  .rah-acct-header > a{
    grid-column:1 / -1 !important;
    justify-self:start !important;
    text-align:center;
  }

  /* صفوف الطلبات: رقم + تاريخ فوق، الحالة + عرض تحت */
  .rah-acct-order{
    grid-template-columns:auto 1fr !important;
    gap:6px 12px !important;
  }
  .rah-acct-order > span:nth-child(3){ grid-column:1 !important; justify-self:start !important; margin-top:4px }
  .rah-acct-order > a:last-child{ grid-column:2 !important; justify-self:end !important; align-self:center }
}

/* ============================================
   ⭐ السلّة + الدفع — عرض أوسع على الكمبيوتر (كانوا محشورين في 48rem)
   ============================================ */
.woocommerce-cart .rah-page__content,
.woocommerce-checkout .rah-page__content,
.woocommerce-cart .rah-page__head,
.woocommerce-checkout .rah-page__head,
body.is-cart .rah-page__content,
body.is-checkout .rah-page__content,
body.is-cart .rah-page__head,
body.is-checkout .rah-page__head{
  max-width:1280px !important;
  margin-inline:auto !important;
}
/* نشيل الـ padding الجانبي المزدوج عشان ياخدوا راحتهم */
.woocommerce-cart .rah-cart,
.woocommerce-checkout .woocommerce{
  width:100% !important;
}
@media (max-width: 900px){
  .woocommerce-cart .rah-page__content,
  .woocommerce-checkout .rah-page__content,
  body.is-cart .rah-page__content,
  body.is-checkout .rah-page__content{
    max-width:100% !important;
  }
}