@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sabe2.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
}

:root {
	--wd-text-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(44,44,44);
	--wd-text-font-size: 14px;
	--wd-title-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(26,26,26);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Playpen Sans Arabic", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(70,42,88);
	--wd-alternative-color: rgb(255,102,0);
	--btn-default-bgcolor: rgb(106,43,121);
	--btn-default-bgcolor-hover: rgb(119,81,119);
	--btn-accented-bgcolor: rgb(106,43,121);
	--btn-accented-bgcolor-hover: rgb(59,30,84);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(108,64,127);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(30,115,190);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(71,44,91);
	background-image: none;
}
.page .wd-page-content {
	background-image: url(https://sabe2.com/wp-content/uploads/2025/11/lightbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: url(https://sabe2.com/wp-content/uploads/2025/11/lightbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.single-product .wd-page-content {
	background-color: rgba(238,238,238,0.37);
	background-image: url(https://sabe2.com/wp-content/uploads/2025/11/lightbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.woodmart-archive-blog .wd-page-content {
	background-image: url(https://sabe2.com/wp-content/uploads/2025/11/lightbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.woodmart-archive-portfolio .wd-page-content {
	background-image: url(https://sabe2.com/wp-content/uploads/2025/11/lightbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.single-portfolio .wd-page-content {
	background-image: url(https://sabe2.com/wp-content/uploads/2025/11/lightbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(30,115,190);
}

.whb-col-right .wd-dropdown-menu.wd-design-default{
right: unset;
    left: 0 !important;
}
.curancy.header .wcc-wrapper{
margin-top : 0 !important
}
#wcc-switcher-style-03 .wcc-crnt-currency{
border : 1px solid transparent  !important;
background: transparent !important;
	width : auto !important;
	height : auto !important;
 }
#wcc-switcher-style-03 .wcc-list {
	top: 35px !important;
	    z-index: 2 !important;
}
#wcc-switcher-style-03 .wcc-list li {
    border-bottom: 1px solid #c3c3c3;
	  background: #F7F4FA;
}
.product_meta{
display:none;	
}
 #menu-language .lang-item span ,#wcc-switcher-style-03 .wcc-name ,#wcc-switcher-style-03 .wcc-symbol{
	 color : #ffffff  !important;
}
.wd-nav-header>li>a{
white-space: nowrap;
}
.wd-header-cats.wd-style-1 .menu-opener{
 
	   border-top-left-radius: 0 !important; 
   border-top-right-radius: 0 !important;

}
.wd-header-cart.wd-design-3 .wd-tools-icon:before{
	color : rgba(71, 44, 91, 1) !important; 
}
.products-bordered-grid.elements-grid>.wd-col{
background : #fff !important;
}
.product-element-top{
overflow : visible !important
}
.wd-hover-with-fade .product-wrapper{
	border-radius: 0 !important
}
.product-label.onsale{
background-color : #ff6600 !important; 
}
 
del .amount{
	 color: #999999 !important;   
}
ins .amount{
 color: #ff6600 !important;    
	  font-weight: 700;

}
 .wd-dropdown-cats, .wd-dropdown-cats .wd-nav.wd-nav-vertical, .wd-dropdown-cats .wd-nav.wd-nav-vertical>li:first-child>a{
border-radius : 0 !important;
}

.wd-entities-title a{
	color : rgba(71, 44, 91, 1) !important; 
	font-weight : bold !important;
}
.ekit-wid-con .elementskit-section-title{
margin-bottom :0 !important;
}
.product-labels{
	top : -15px;
}



/* add button */
.wd-add-btn a, 
button[name="add-to-cart"],
.single_add_to_cart_button {
    background: linear-gradient(135deg, #472c5b 0%, #5e3a7a 100%) !important;
    border: none !important;
    border-radius: 2px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    transition: all 0.3s ease !important;
    position: relative;
    overflow: hidden;
}

.wd-add-btn a:hover,
button[name="add-to-cart"]:hover {
    background: linear-gradient(135deg, #5e3a7a 0%, #472c5b 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(71, 44, 91, 0.3);
}

/* product title hover */
.wd-entities-title a:hover {
    color: #ff6600 !important;
}
.wp-block-social-links{
display :flex ;
	align-items :center;
}
.wp-block-social-links li {
margin-inline-end : 10px;
	    margin-bottom: 0;
}
.wp-block-social-links li a{
color : #fff !important;
	 filter: invert(1);
}
.wd-col.category-grid-item{
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
    padding: 5px 2px;
}
.wd-col.category-grid-item:hover .wd-entities-title{
	transition : all .35s ease-in-out;
color: #ff6600 !important;
}

/*SALE button */

.product-label.onsale {
    background: linear-gradient(135deg, #ff6600 0%, #ff8533 100%) !important;
    border-radius: 0 !important;
    padding: 6px 12px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(255, 102, 0, 0.3);
    animation: pulse 2s infinite;
}
.without-tab-name .wd-nav-tabs-wrapper{
display : none !important;
}
div#n2-ss-2 .n2-ss-slide{
border-radius : 0 !important ; }
@media (min-width : 992px){
.sabe2-product img{
max-height : 135px !important;
}
	.wd-tabs.tabs-design-alt .wd-tabs-header{
	margin-bottom : -10px;
	}


}
@media (max-width : 768px){
	.page .wd-page-content{
	    background-attachment: scroll; 
    background-position: center top;  

	}
	[class*="wd-grid"] {
        --wd-col: 2;
    }
	.sabe2-product{
	margin-bottom : 0 !important
	}
	.elementor-7033 .elementor-element.elementor-element-0354e98 .wd-tabs {
    --wd-row-gap: 0;
}
}
    
/*03/12 TRY */
/* animation القوائم */
/* اللون الأساسي */
:root{
  --sabe2-orange: #ff7a1a; /* غيّره لو عندك كود مختلف */
}

/* عناصر القوائم الرئيسية في الهيدر */
.whb-row .wd-nav-header a.woodmart-nav-link,
.wd-nav.wd-style-default a.woodmart-nav-link,
.wd-nav.wd-style-separated a.woodmart-nav-link{
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

/* نص العنصر عند المرور */
.whb-row .wd-nav-header li:hover > a.woodmart-nav-link .nav-link-text,
.wd-nav li:hover > a.woodmart-nav-link .nav-link-text{
  color: var(--sabe2-orange) !important;
}

/* خلفية خفيفة عند الهوفر (اختياري – مربعة) */
.whb-row .wd-nav-header li:hover > a.woodmart-nav-link,
.wd-nav li:hover > a.woodmart-nav-link{
  background-color: rgba(255,122,26,.08) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,122,26,.15);
}

/* شريط التوكيد تحت النص لستايل underline لو مفعل */
.wd-nav.wd-style-underline li:hover > a .nav-link-text:after,
.wd-nav.wd-style-underline li.current-menu-item > a .nav-link-text:after{
  background-color: var(--sabe2-orange) !important;
}

/* قائمة تسوق حسب الفئات (القائمة العمودية) */
.wd-nav-vertical a.woodmart-nav-link:hover,
.wd-nav-vertical li:hover > a.woodmart-nav-link{
  color: var(--sabe2-orange) !important;
  background-color: rgba(255,122,26,.08) !important;
  border-radius: 0 !important;
}

/* أصغر الأيقونات بجانب النص تاخد نفس اللون عند الهوفر */
.wd-nav li:hover > a .wd-nav-icon,
.wd-nav-vertical li:hover > a .wd-nav-icon{
  color: var(--sabe2-orange) !important;
}

/* قوائم الـ dropdown الداخلية */
.wd-dropdown-menu .wd-sub-menu li:hover > a{
  color: var(--sabe2-orange) !important;
}
/* animation القوائم */


/* ===== كروت الفئات تحت السلايدر ===== */
/* مساحة داخلية متساوية وتخانة خفيفة */
.wd-cats-element .category-grid-item.wd-cat.cat-design-alt .wd-cat-inner {
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  border-radius: 0 !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}

/* الأيقونة: أكبر وتكون في النص */
.wd-cats-element .wd-cat-thumb .wd-cat-image img {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain;
  margin: 0 auto 18px auto;
  display: block;
  transition: transform .25s ease;
}

/* العنوان: أوضح وتباعد بسيط */
.wd-cats-element .wd-entities-title {
  font-size: 18px;
  margin-bottom: 6px;
  transition: color .2s ease;
}

/* النص/الوصف لو موجود */
.wd-cats-element .wd-cat-content {
  text-align: center;
}

/* هوفر  البرتقالي */
.wd-cats-element .category-grid-item.wd-cat.cat-design-alt .wd-cat-inner:hover {
  transform: translateY(-6px);
  background-color: rgba(255,122,26,.06) !important;
  box-shadow: inset 0 0 0 1px rgba(255,122,26,.2), 
              0 14px 30px rgba(255,122,26,0.15);
  border-color: rgba(255,122,26,.25) !important;
}

/* العنوان يتحول للبرتقالي عند الهوفر */
.wd-cats-element .category-grid-item.wd-cat:hover .wd-entities-title {
  color: var(--sabe2-orange) !important;
}

/* الأيقونة تتحرك شوية لفوق عند الهوفر */
.wd-cats-element .category-grid-item.wd-cat:hover .wd-cat-image img {
  transform: translateY(-3px);
}

/* لينك الكاتيجوري يغطي الكرت كله بدون ما يبوظ الهوفر */
.wd-cats-element .category-grid-item .wd-fill.category-link {
  border-radius: 0 !important;
}
/* ===== كروت الفئات تحت السلايدر ===== */





/* ===== كروت الفئات على  - تصميم أفقي ===== */
/* ===== كروت الفئات على  - تصميم أفقي بعمودين ===== */
/* ===== كروت الفئات على MOBILE - تصميم أفقي بعمودين ===== */
/* ===== كروت الفئات على MOBILE - تصميم أفقي بعمودين ===== */
@media (max-width: 768px) {
  
  /* Override قوي جدًا للـ Grid */
  .wd-cats-element .wd-grid-g.elements-grid,
  .wd-cats-element .wd-cats.elements-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }
  
  /* كل item ياخد 100% من العمود بتاعه */
  .wd-cats-element .elements-grid > .wd-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    margin: 0 !important;
  }
  
  /* الـ inner يبقى flexbox أفقي */
  .wd-cats-element .category-grid-item.wd-cat .wd-cat-inner {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    padding: 12px 10px !important;
    min-height: 70px;
  }
  
  /* الصورة على اليمين */
  .wd-cats-element .wd-cat-thumb {
    flex: 0 0 42px !important;
    margin: 0 0 0 10px !important;
  }
  
  .wd-cats-element .wd-cat-thumb .wd-cat-image img {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }
  
  /* النص على الشمال */
  .wd-cats-element .wd-cat-content {
    flex: 1 1 auto !important;
    text-align: right !important;
    margin: 0 !important;
  }
  
  /* العنوان */
  .wd-cats-element .wd-entities-title {
    font-size: 13px !important;
    margin-bottom: 0 !important;
    line-height: 1.3;
  }
  
  /* الهوفر */
  .wd-cats-element .category-grid-item.wd-cat .wd-cat-inner:hover {
    transform: translateY(-2px) !important;
  }
  
  .wd-cats-element .category-grid-item.wd-cat:hover .wd-cat-image img {
    transform: none !important;
  }
}

/* شاشات صغيرة جدًا فقط (أقل من 360px) - عمود واحد */
@media (max-width: 359px) {
  .wd-cats-element .wd-grid-g.elements-grid,
  .wd-cats-element .wd-cats.elements-grid {
    grid-template-columns: 1fr !important;
  }
  
  .wd-cats-element .category-grid-item.wd-cat .wd-cat-inner {
    padding: 12px 15px !important;
  }
  
  .wd-cats-element .wd-cat-thumb {
    flex: 0 0 45px !important;
    margin: 0 0 0 12px !important;
  }
  
  .wd-cats-element .wd-cat-thumb .wd-cat-image img {
    width: 45px !important;
    height: 45px !important;
  }
  
  .wd-cats-element .wd-entities-title {
    font-size: 14px !important;
  }
}
/* ===== أيقونة القائمة في الموبايل - مربعة ===== */
.wd-header-mobile-nav .wd-tools-icon,
.wd-header-mobile-nav a,
.wd-tools-element.wd-header-mobile-nav {
  border-radius: 0 !important;
}

/* لو الأيقونة نفسها دائرية */
.wd-header-mobile-nav .wd-tools-icon:before,
.wd-header-mobile-nav .wd-tools-icon:after {
  border-radius: 0 !important;
}

/* الخلفية لو موجودة */
.wd-header-mobile-nav a {
  border-radius: 0 !important;
  background-clip: border-box !important;
}

/* لو في hover state */
.wd-header-mobile-nav a:hover,
.wd-header-mobile-nav a:focus {
  border-radius: 0 !important;
}

/* الأيقونة الداخلية (الخطوط الثلاثة) */
.wd-header-mobile-nav .wd-burger {
  border-radius: 0 !important;
}

.wd-header-mobile-nav .wd-burger span,
.wd-header-mobile-nav .wd-burger:before,
.wd-header-mobile-nav .wd-burger:after {
  border-radius: 0 !important;
}
/* ===== تحسين زر "المزيد من الفئات" على الموبايل ===== */
@media (max-width: 768px) {
  
  /* الزر نفسه */
  .elementor-button.elementor-size-sm {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    min-height: 48px !important;
    align-items: center !important;
  }
  
  /* المحتوى الداخلي */
  .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  
  /* الأيقونة */
  .elementor-button-icon {
    display: flex !important;
    align-items: center !important;
  }
  
  .elementor-button-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
  
  /* النص */
  .elementor-button-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
  }
  
  /* Hover effect */
  .elementor-button:hover {
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
  }
}

/* للشاشات الصغيرة جدًا */
@media (max-width: 400px) {
  
  .elementor-button.elementor-size-sm {
    padding: 10px 16px !important;
    font-size: 13px !important;
    min-height: 44px !important;
  }
  
  .elementor-button-text {
    font-size: 13px !important;
  }
  
  .elementor-button-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
}

/* ===== كروت الفئات على  - تصميم أفقي ===== */
/* ===== تحسين عرض المنتجات (Product Tabs) على الموبايل - كونتينر متكامل ===== */
@media (max-width: 768px) {
  
  /* الكونتينر الرئيسي - خلفية موحدة */
  .wd-tabs.wd-products-tabs {
    background: rgba(0,0,0,0.02) !important;
    padding: 8px !important;
    margin-bottom: 20px !important;
    border-radius: 0 !important;
  }
  
  /* العنوان + التابات في سطر واحد */
  .wd-tabs .wd-tabs-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
    background: transparent !important;
  }
  
  /* العنوان */
  .wd-tabs-header .tabs-name {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }
  
  .wd-tabs-header .tabs-name .tabs-text {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }
  
  /* التابات */
  .wd-tabs-header .wd-nav-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* تصغير التابات */
  .wd-nav-tabs.wd-style-default {
    margin: 0 !important;
    gap: 4px !important;
  }
  
  .wd-nav-tabs.wd-style-default li {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .wd-nav-tabs.wd-style-default .wd-nav-link {
    font-size: 11px !important;
    padding: 5px 10px !important;
    border-radius: 0 !important;
    min-height: auto !important;
    line-height: 1.2 !important;
  }
  
  /* محتوى المنتجات */
  .wd-tabs-content-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
  }
  
  .wd-carousel-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
  }
  
  /* خلفية المنتجات الفردية بيضاء عشان تبرز */
  .wd-products-element .product-wrapper {
    background: #fff !important;
    padding: 6px !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
  }
  
  /* تقليل المسافة بين عناصر المنتج */
  .wd-products-element .product-element-top {
    margin-bottom: 6px !important;
  }
  
  .wd-products-element .wd-entities-title {
    margin-bottom: 4px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
  
  .wd-products-element .wd-product-cats {
    margin-bottom: 4px !important;
    font-size: 10px !important;
    opacity: 0.8;
  }
  
  .wd-products-element .wrap-price {
    margin-bottom: 6px !important;
  }
  
  .wd-products-element .price {
    font-size: 13px !important;
  }
  
  .wd-products-element .wd-add-btn {
    margin-top: 4px !important;
  }
  
  /* تقليل حجم الـ discount label */
  .wd-products-element .product-labels .onsale {
    font-size: 10px !important;
    padding: 3px 5px !important;
  }
  
  /* تقليل المسافات بين المنتجات في الـ carousel */
  .wd-products-element.wd-carousel .wd-carousel-item {
    padding: 0 3px !important;
  }
  
  /* الأسهم داخل الخلفية */
  .wd-carousel-container .wd-nav-arrows {
    margin-top: 8px !important;
    padding-bottom: 0 !important;
  }
}

/* للشاشات الصغيرة جدًا */
@media (max-width: 400px) {
  
  .wd-tabs.wd-products-tabs {
    padding: 6px !important;
  }
  
  .wd-tabs-header .tabs-name .tabs-text {
    font-size: 14px !important;
  }
  
  .wd-nav-tabs.wd-style-default .wd-nav-link {
    font-size: 10px !important;
    padding: 4px 8px !important;
  }
  
  .wd-products-element .wd-entities-title {
    font-size: 12px !important;
  }
  
  .wd-products-element .price {
    font-size: 12px !important;
  }
}

/* ===== تحسين عرض المنتجات (Product Tabs) على الموبايل ===== */
/* ===== تحسين الـ Navigation Bar (Toolbar) تحت على الموبايل ===== */
@media (max-width: 768px) {
  
  /* الكونتينر الرئيسي */
  .wd-toolbar {
    background: #fff !important;
    border-top: 1px solid rgba(0,0,0,0.08) !important;
    padding: 8px 0 !important;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.05) !important;
  }
  
  /* العناصر الثلاثة */
  .wd-toolbar-item,
  .wd-header-cart,
  .wd-header-my-account {
    flex: 1 !important;
    padding: 6px 8px !important;
  }
  
  /* الروابط */
  .wd-toolbar-item a,
  .wd-header-cart a,
  .wd-header-my-account a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 6px 8px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
    min-height: 60px !important;
  }
  
  /* الأيقونات */
  .wd-toolbar .wd-tools-icon {
    font-size: 22px !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 2px !important;
  }
  
  .wd-toolbar .wd-tools-icon::before {
    font-size: 22px !important;
  }
  
  /* الـ Labels (النصوص) */
  .wd-toolbar-label {
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin-top: 2px !important;
  }
  
  /* رقم السلة */
  .wd-cart-number {
    font-size: 10px !important;
    padding: 2px 5px !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 1.2 !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
  }
  
  .wd-cart-number span {
    display: none !important;
  }
  
  /* Hover/Active effect */
  .wd-toolbar-item a:hover,
  .wd-header-cart a:hover,
  .wd-header-my-account a:hover {
    background: rgba(0,0,0,0.03) !important;
    transform: translateY(-2px) !important;
  }
  
  /* Active state */
  .wd-toolbar-item.wd-active a,
  .wd-header-cart.wd-active a,
  .wd-header-my-account.wd-active a {
    background: rgba(0,0,0,0.05) !important;
  }
}

/* للشاشات الصغيرة جدًا */
@media (max-width: 400px) {
  
  .wd-toolbar .wd-tools-icon {
    font-size: 20px !important;
    width: 26px !important;
    height: 26px !important;
  }
  
  .wd-toolbar .wd-tools-icon::before {
    font-size: 20px !important;
  }
  
  .wd-toolbar-label {
    font-size: 10px !important;
  }
  
  .wd-toolbar-item a,
  .wd-header-cart a,
  .wd-header-my-account a {
    min-height: 56px !important;
    padding: 4px 6px !important;
  }
}
/* ===== تحسين الـ Navigation Bar (Toolbar) تحت على الموبايل ===== */


/* ===== تحسين Cart Sidebar على الموبايل والديسكتوب ===== */

/* الـ Sidebar نفسها */
.cart-widget-side {
  box-shadow: -2px 0 12px rgba(0,0,0,0.15) !important;
}

/* الـ Header (العنوان + زر الإغلاق) */
.cart-widget-side .wd-heading {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 15px 20px !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  margin-bottom: 0 !important;
}

.cart-widget-side .wd-heading .title {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

.cart-widget-side .close-side-widget a {
  font-size: 13px !important;
  padding: 6px 12px !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
}

/* محتوى السلة */
.shopping-cart-widget-body {
  padding: 15px 20px !important;
  max-height: calc(100vh - 280px) !important;
}

/* المنتج الواحد */
.woocommerce-mini-cart-item {
  display: flex !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  padding: 12px !important;
  background: rgba(0,0,0,0.02) !important;
  border-radius: 0 !important;
  margin-bottom: 12px !important;
  align-items: center !important;
}

/* زر الحذف (X) */
.woocommerce-mini-cart-item .remove {
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,0.6) !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  padding: 0 !important;
} 

.woocommerce-mini-cart-item .remove:hover {
  background: rgba(0,0,0,0.8) !important;
  transform: scale(1.1) !important;
}

/* الصورة */
.woocommerce-mini-cart-item .cart-item-image {
  width: 70px !important;
  height: 70px !important;
  flex-shrink: 0 !important;
  margin-left: 12px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  order: 1 !important;
}

.woocommerce-mini-cart-item .cart-item-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* معلومات المنتج */
.woocommerce-mini-cart-item .cart-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
  padding-left: 32px !important;
  order: 2 !important;
}

.woocommerce-mini-cart-item .wd-entities-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* الكمية والسعر - نخفي الرقم الزيادة */
.woocommerce-mini-cart-item .quantity {
  font-size: 13px !important;
  color: #666 !important;
  font-weight: 500 !important;
}

/* إخفاء أي "2x" أو أرقام غريبة */
.woocommerce-mini-cart-item .quantity::before {
  content: '' !important;
}

/* لو في عداد منفصل نخفيه */
.woocommerce-mini-cart-item .product-quantity {
  display: none !important;
}

/* الفوتر (المجموع + الأزرار) */
.shopping-cart-widget-footer {
  padding: 15px 20px !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
  background: rgba(0,0,0,0.02) !important;
}

.shopping-cart-widget-footer .total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 16px !important;
  margin-bottom: 15px !important;
  padding: 0 !important;
}

.shopping-cart-widget-footer .total strong {
  font-weight: 600 !important;
}

/* الأزرار */
.woocommerce-mini-cart__buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
}

.woocommerce-mini-cart__buttons .button {
  width: 100% !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

.woocommerce-mini-cart__buttons .btn-cart {
  background: transparent !important;
  border: 2px solid currentColor !important;
}

.woocommerce-mini-cart__buttons .btn-cart:hover {
  background: rgba(0,0,0,0.05) !important;
  transform: translateY(-2px) !important;
}

.woocommerce-mini-cart__buttons .checkout:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* لو السلة فاضية */
.woocommerce-mini-cart__empty-message {
  text-align: center !important;
  padding: 40px 20px !important;
  font-size: 15px !important;
  color: #666 !important;
}

/* على الموبايل - 90% عرض مش full width */
@media (max-width: 768px) {
  
  .cart-widget-side {
    width: 90% !important;
    max-width: 400px !important;
  }
  
  .cart-widget-side .wd-heading {
    padding: 12px 15px !important;
  }
  
  .cart-widget-side .wd-heading .title {
    font-size: 16px !important;
  }
  
  .shopping-cart-widget-body {
    padding: 10px 15px !important;
  }
  
  .woocommerce-mini-cart-item {
    padding: 10px !important;
    margin-bottom: 10px !important;
  }
  
  .woocommerce-mini-cart-item .cart-item-image {
    width: 60px !important;
    height: 60px !important;
    margin-left: 10px !important;
  }
  
  .woocommerce-mini-cart-item .wd-entities-title {
    font-size: 13px !important;
  }
  
  .woocommerce-mini-cart-item .quantity {
    font-size: 12px !important;
  }
  
  .shopping-cart-widget-footer {
    padding: 12px 15px !important;
  }
  
  .shopping-cart-widget-footer .total {
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }
  
  .woocommerce-mini-cart__buttons .button {
    padding: 11px 16px !important;
    font-size: 13px !important;
  }
}

/* على الشاشات الصغيرة جدًا */
@media (max-width: 400px) {
  
  .cart-widget-side {
    width: 95% !important;
  }
}

/* على الديسكتوب */
@media (min-width: 769px) {
  
  .cart-widget-side {
    width: 380px !important;
  }
  
  .woocommerce-mini-cart-item .cart-item-image {
    width: 80px !important;
    height: 80px !important;
  }
}
/* ===== تحسين Cart Sidebar على الموبايل والديسكتوب ===== */
/* ===== تحسين الـ Header على الموبايل - توازن أفضل ===== */
@media (max-width: 768px) {
  
  /* الـ Header الرئيسي */
  .whb-general-header {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  }
  
  .whb-flex-row {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
  }
  
  /* الأعمدة الثلاثة */
  .whb-mobile-left,
  .whb-mobile-center,
  .whb-mobile-right {
    display: flex !important;
    align-items: center !important;
  }
  
  /* العمود الأيسر (Menu) */
  .whb-mobile-left {
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
  }
  
  /* العمود الأوسط (Logo) */
  .whb-mobile-center {
    flex: 1 !important;
    justify-content: center !important;
    padding: 0 10px !important;
  }
  
  /* العمود الأيمن (Cart) */
  .whb-mobile-right {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
  }
  
  /* الـ Logo - حجم متناسق */
  .whb-mobile-center .site-logo img {
    max-width: 120px !important;
    height: auto !important;
  }
  
 
  
 
  
  /* الـ Cart Icon - نخليها أكبر وأوضح */
  .whb-mobile-right .wd-header-cart {
    padding: 8px !important;
  }
  
  .whb-mobile-right .wd-header-cart .wd-tools-icon {
    width: 28px !important;
    height: 28px !important;
    font-size: 22px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* رقم العداد على الـ Cart */
  .whb-mobile-right .wd-cart-number {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    line-height: 1 !important;
  }
  
  .whb-mobile-right .wd-cart-number span {
    display: none !important;
  }
  
  /* إخفاء النص (السعر) على الموبايل */
  .whb-mobile-right .wd-tools-text {
    display: none !important;
  }
  
  /* Hover effect خفيف */
  .wd-header-mobile-nav a:active,
  .whb-mobile-right .wd-header-cart a:active {
    transform: scale(0.95) !important;
    transition: transform 0.2s ease !important;
  }
}

/* للشاشات الصغيرة جدًا */
@media (max-width: 400px) {
  
  .whb-flex-row {
    padding: 6px 10px !important;
  }
  
  .whb-mobile-center .site-logo img {
    max-width: 100px !important;
  }
  
  .wd-header-mobile-nav .wd-tools-icon,
  .whb-mobile-right .wd-header-cart .wd-tools-icon {
    width: 26px !important;
    height: 26px !important;
    font-size: 20px !important;
  }
  
  .whb-mobile-right .wd-cart-number {
    min-width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
  }
}
/* ===== تحسين الـ Header على الموبايل - توازن أفضل ===== */

/* ===== تحسين الـ Cart في الـ Header - ديسكتوب وموبايل - برتقالي ===== */

/* على الديسكتوب - design-3 */
@media (min-width: 769px) {
  
  .wd-header-cart.wd-design-3 {
    position: relative !important;
  }
  
  /* الأيقونة */
  .wd-header-cart.wd-design-3 .wd-tools-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 8px !important;
  }
  
  /* نخلي الـ cart number يظهر على الأيقونة مش في النص */
  .wd-header-cart.wd-design-3 .wd-tools-text .wd-cart-number {
    display: none !important;
  }
  
  /* نضيف الـ badge على الأيقونة - لون برتقالي */
  .wd-header-cart.wd-design-3 .wd-tools-icon::after {
    content: attr(data-count) !important;
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    min-width: 18px !important;
    height: 18px !important;
    background: #ff6b35 !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    line-height: 1 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
  }
  
  /* لو السلة فاضية نخفي الـ badge */
  .wd-header-cart.wd-design-3[data-count="0"] .wd-tools-icon::after {
    display: none !important;
  }
  
  /* النص - بس السعر يظهر */
  .wd-header-cart.wd-design-3 .wd-tools-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
  }
  
  /* السعر يظهر بس */
  .wd-header-cart.wd-design-3 .wd-cart-subtotal {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }
}

/* على الموبايل - design-5 - برتقالي برضو */
@media (max-width: 768px) {
  
  .wd-header-cart.wd-design-5 .wd-tools-icon {
    position: relative !important;
  }
  
  .wd-header-cart.wd-design-5 .wd-cart-number {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    line-height: 1 !important;
    background: #ff6b35 !important;
    color: #fff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
  }
  
  .wd-header-cart.wd-design-5 .wd-cart-number span {
    display: none !important;
  }
  
  .wd-header-cart.wd-design-5 .wd-tools-text {
    display: none !important;
  }
}


/* ===== Product Tabs - كونتينر متكامل على الديسكتوب ===== */
@media (min-width: 1025px) {
  
  /* الكونتينر الرئيسي */
  .wd-tabs.wd-products-tabs {
    background: rgba(0,0,0,0.02) !important;   /* نفس درجة الموبايل */
    padding: 16px 18px !important;
    margin-bottom: 28px !important;
    border-radius: 0 !important;
  }

  /* هيدر التابات (العنوان + التابات) */
  .wd-tabs .wd-tabs-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    background: transparent !important;       /* ياخد خلفية الأب */
  }

  .wd-tabs-header .tabs-name {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }

  .wd-tabs-header .tabs-name .tabs-text {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  /* شريط التابات */
  .wd-tabs-header .wd-nav-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  .wd-nav-tabs.wd-style-default {
    margin: 0 !important;
    gap: 8px !important;
  }

  .wd-nav-tabs.wd-style-default li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .wd-nav-tabs.wd-style-default .wd-nav-link {
    font-size: 13px !important;
    padding: 7px 12px !important;
    border-radius: 0 !important;
    line-height: 1.2 !important;
  }

  /* محتوى التابات */
  .wd-tabs-content-wrapper,
  .wd-carousel-container {
    margin-top: 0 !important;
    padding-top: 6px !important;
    background: transparent !important;
  }

  /* العناصر داخل السلايدر/الجريد */
  .wd-products-element.wd-carousel .wd-carousel-item {
    padding: 0 6px !important;                /* مسافات أضيق بين الكروت */
  }

  /* كرت المنتج */
  .wd-products-element .product-wrapper {
    background: #fff !important;              /* الكارت أبيض داخل الخلفية الرمادية */
    padding: 10px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .wd-products-element .product-element-top {
    margin-bottom: 10px !important;
  }

  .wd-products-element .wd-entities-title {
    margin-bottom: 6px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .wd-products-element .wd-product-cats {
    margin-bottom: 6px !important;
    font-size: 12px !important;
    opacity: 0.85 !important;
  }

  .wd-products-element .wrap-price {
    margin-bottom: 10px !important;
  }

  .wd-products-element .wd-add-btn {
    margin-top: 6px !important;
  }

  .wd-products-element .product-labels .onsale {
    font-size: 11px !important;
    padding: 4px 6px !important;
    border-radius: 0 !important;
  }

  /* أسهم السلايدر جوه الكونتينر */
  .wd-carousel-container .wd-nav-arrows {
    margin-top: 10px !important;
  }
}

/* شاشات لابتوب أصغر شوية */
@media (min-width: 769px) and (max-width: 1024px) {
  .wd-tabs.wd-products-tabs { padding: 12px 14px !important; }
  .wd-tabs-header .tabs-name .tabs-text { font-size: 18px !important; }
  .wd-nav-tabs.wd-style-default .wd-nav-link { font-size: 12px !important; padding: 6px 10px !important; }
  .wd-products-element .wd-entities-title { font-size: 15px !important; }
}


/* تحسين جودة السلايدر */
/* ارتفاع السلايدر على الديسكتوب */
#n2-ss-2 .n2-ss-slide {
  height: 420px !important;   /* جرّب بين 400–450 */
}

/* الصورة تملأ السلايد */
#n2-ss-2 .n2-ss-slide-background-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* على الموبايل نخليه أقل */
@media (max-width: 768px) {
  #n2-ss-2 .n2-ss-slide {
    height: 260px !important;   /* جرّب 240–280 حسب ما تحب */
  }
}

@media (min-width: 1025px) {
  #n2-ss-2 .n2-ss-slide {
    max-width: 1100px !important;   /* جرّب بين 1000–1200 */
  }
}
/* ===== تحسين الفوتر - Font Cairo  ===== */
.wd-footer{
	position: relative;
    background: transparent !important;
}

.wd-footer:before{
    content: '';
    background-image: linear-gradient(180deg, #4a2c5e 0%, #3d2050 50%, #2d1640 100%);
    transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* كل العناصر جوه الفوتر تكون فوق الخلفية */
.wd-footer > * {
  position: relative;
  z-index: 1;
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu{
  flex-direction: column;
}

/* الفوتر كله */
.wd-footer {
  font-family: 'Cairo', sans-serif !important;
  color: #fff !important;
  padding: 40px 0 0 !important;
}

/* العناوين (روابط مهمه، الفئات، تواصل معنا) */
.wd-footer .ekit-heading--title,
.wd-footer .elementskit-section-title {
  font-family: 'Cairo', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ff9800 !important;
  margin-bottom: 16px !important;
  letter-spacing: 0 !important;
}

/* القوائم */
.wd-footer .elementor-nav-menu .elementor-item,
.wd-footer .elementor-icon-list-text {
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  transition: all 0.3s ease !important;
  line-height: 1.8 !important;
}

/* Hover للروابط */
.wd-footer .elementor-nav-menu .elementor-item:hover,
.wd-footer .elementor-icon-list-item:hover .elementor-icon-list-text {
  color: #ff9800 !important;
  padding-right: 5px !important;
}

/* الأيقونات */
.wd-footer .elementor-icon-list-icon {
  color: #ff9800 !important;
  margin-left: 8px !important;
}

/* السوشيال ميديا - إصلاح العرض */
.wd-footer .ekit_social_media {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wd-footer .ekit_social_media li {
  display: inline-block !important;
  margin: 0 !important;
}

.wd-footer .ekit_social_media li a {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.wd-footer .ekit_social_media li a:hover {
  background: #ff9800 !important;
  transform: translateY(-3px) !important;
}

/* اللوجو */
.wd-footer .elementor-widget-image img {
  max-width: 180px !important;
  margin-bottom: 16px !important;
}

/* نص الحقوق في الوسط - إزالة الخطوط المكررة */
.wd-footer .elementor-element-33a2428 {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-top: 30px !important;
  padding-top: 20px !important;
}

.wd-footer .elementor-widget-text-editor {
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* شريط الحقوق السفلي */
.wd-copyrights {
  background: rgba(0, 0, 0, 0.3) !important;
  padding: 16px 0 !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  margin-top: 0 !important;
  border-top: none !important;
}

.wd-copyrights a {
  color: #ff9800 !important;
  font-weight: 600 !important;
}

.wd-copyrights a:hover {
  color: #fff !important;
}

/* صور الدفع */
.wd-copyrights img {
  max-height: 30px !important;
  opacity: 0.8 !important;
}

/* تحسين المسافات */
.wd-footer .e-con-full {
  padding: 0 15px !important;
}

/* على الموبايل */
@media (max-width: 768px) {
  
  .wd-footer {
    padding: 30px 0 0 !important;
  }
  
  .wd-footer .ekit-heading--title {
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }
  
  .wd-footer .elementor-nav-menu .elementor-item,
  .wd-footer .elementor-icon-list-text {
    font-size: 13px !important;
  }
  
  /* ======= توسيط اللوجو والسوشيال في الموبايل ======= */
  
  /* اللوجو في النص */
  .wd-footer .elementor-element-2f05f52 {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  .wd-footer .elementor-element-2f05f52 .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  .wd-footer .elementor-widget-image img {
    max-width: 150px !important;
    margin: 0 auto 16px !important;
    display: block !important;
  }
  
  /* السوشيال ميديا في النص */
  .wd-footer .elementor-element-4a90548 {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  .wd-footer .elementor-element-4a90548 .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  .wd-footer .elementor-element-4a90548 .ekit-wid-con {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  .wd-footer .ekit_social_media {
    justify-content: center !important;
    flex-direction: row !important;
    gap: 10px !important;
    margin: 0 auto 20px !important;
    width: auto !important;
  }
  
  .wd-footer .ekit_social_media li a {
    width: 38px !important;
    height: 38px !important;
  }
  
  /* ======= روابط مهمه + الفئات جنب بعض (عمودين) في الموبايل ======= */
  
  /* الـ container الرئيسي جواه 3 عناصر: اللوجو، روابط مهمه، الفئات */
  .wd-footer .elementor-element-9b40807 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
  }
  
  /* اللوجو والسوشيال ياخدوا العرض كله (صف لوحده فوق) */
  .wd-footer .elementor-element-ceed556 {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
  
  /* روابط مهمه - عمود يمين */
  .wd-footer .elementor-element-dfd7e8d {
    width: 100% !important;
  }
  
  /* الفئات - عمود شمال */
  .wd-footer .elementor-element-b21997c {
    width: 100% !important;
  }
  
  /* تواصل معنا يبقى لوحده تحت */
  .wd-footer .elementor-element-02324f7 {
    grid-column: 1 / -1 !important;
    text-align: center !important;
    margin-top: 10px !important;
  }
  
  .wd-footer .elementor-element-02324f7 .ekit-heading--title {
    text-align: center !important;
  }
  
  .wd-footer .elementor-element-02324f7 .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  
  /* ======= نهاية تعديل العمودين ======= */
  
  .wd-footer .elementor-element-33a2428 {
    margin-top: 20px !important;
    padding-top: 16px !important;
  }
  
  .wd-footer .elementor-widget-text-editor {
    font-size: 12px !important;
  }
  
  .wd-copyrights {
    text-align: center !important;
    font-size: 12px !important;
  }
  
  .wd-copyrights .wd-col-start,
  .wd-copyrights .wd-col-end {
    text-align: center !important;
    margin: 8px 0 !important;
  }
}

/* للتابلت */
@media (min-width: 769px) and (max-width: 1024px) {
  
  .wd-footer .ekit-heading--title {
    font-size: 17px !important;
  }
  
  .wd-footer .elementor-nav-menu .elementor-item,
  .wd-footer .elementor-icon-list-text {
    font-size: 13px !important;
  }
}

/* Line height عام للفوتر */
.wd-footer * {
  line-height: 1.6 !important;
}

/* إزالة أي Margin زيادة */
.wd-footer .elementor-widget-container {
  margin: 0 !important;
}

/* القوائم بدون bullets */
.wd-footer .elementor-nav-menu,
.wd-footer .elementor-icon-list-items {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wd-footer .elementor-icon-list-item {
  margin-bottom: 8px !important;
}

/* تحسين الأيقونات في القائمة */
.wd-footer .elementor-icon-list-icon svg {
  width: 16px !important;
  height: 16px !important;
  fill: #ff9800 !important;
}

/* إزالة أي borders أو paddings إضافية */
.wd-footer .elementor-element {
  border: none !important;
}

.wd-footer .e-con-full.e-flex.e-con.e-child {
  border: none !important;
}

/* ===== تحسين الفوتر - Font Cairo  ===== */
html[lang="en-US"] .whb-col-right .wd-dropdown-menu.wd-design-default {
	    right: 0 !important;
    left: unset !important;
 }
html[lang="en-US"] .whb-col-right .wd-dropdown-menu.wd-design-default li{
text-align : right;
}



/* ===== تصميم صفحة المحفظة - Wallet Page Design ===== */

/* الحاوية الرئيسية */
.woo-wallet-my-wallet-container {
  font-family: 'Cairo', sans-serif !important;
  padding: 20px !important;
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* الـ Sidebar - القائمة الجانبية */
.woo-wallet-sidebar {
  background: linear-gradient(135deg, #4a2c5e 0%, #3d2050 100%) !important;
  border-radius: 10px !important;
  padding: 25px 20px !important;
  margin-bottom: 30px !important;
  box-shadow: 0 4px 15px rgba(74, 44, 94, 0.3) !important;
}

.woo-wallet-sidebar-heading {
  font-family: 'Cairo', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 15px !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2) !important;
}

.woo-wallet-sidebar-heading a {
  color: #fff !important;
  text-decoration: none !important;
}

/* البطاقات (Cards) */
.woo-wallet-sidebar ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 15px !important;
}

.woo-wallet-sidebar ul li.card {
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.woo-wallet-sidebar ul li.card:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
  border-color: #ff9800 !important;
}

.woo-wallet-sidebar ul li.card a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px 10px !important;
  text-decoration: none !important;
  color: #fff !important;
  min-height: 100px !important;
}

.woo-wallet-sidebar ul li.card .dashicons {
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
  color: #ff9800 !important;
  margin-bottom: 10px !important;
}

.woo-wallet-sidebar ul li.card p {
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin: 0 !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

/* منطقة المحتوى */
.woo-wallet-content {
  background: #f8f8f8 !important;
  border-radius: 10px !important;
  padding: 30px !important;
  margin-top: 20px !important;
}

.woo-wallet-content-heading {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 2px solid #e0e0e0 !important;
}

.woo-wallet-content-h3 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin: 0 !important;
}

/* عرض الرصيد */
.woo-wallet-price {
  font-family: 'Cairo', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #4a2c5e !important;
  margin: 0 !important;
  background: linear-gradient(135deg, #ff9800 0%, #ff6b00 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* قائمة المعاملات */
.woo-wallet-transactions-items {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
}

.woo-wallet-transactions-items li {
  background: #fff !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin-bottom: 15px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  border: 1px solid #f0f0f0 !important;
  transition: all 0.3s ease !important;
}

.woo-wallet-transactions-items li:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  transform: translateX(-3px) !important;
  border-color: #ff9800 !important;
}

.woo-wallet-transactions-items li > div:first-child {
  flex: 1 !important;
}

.woo-wallet-transactions-items li p {
  font-family: 'Cairo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin: 0 0 5px 0 !important;
}

.woo-wallet-transactions-items li small {
  font-family: 'Cairo', sans-serif !important;
  font-size: 12px !important;
  color: #999 !important;
}

/* نوع المعاملة - إضافة (Credit) */
.woo-wallet-transaction-type-credit {
  font-family: 'Cairo', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #4caf50 !important;
  padding: 8px 15px !important;
  background: rgba(76, 175, 80, 0.1) !important;
  border-radius: 5px !important;
}

/* نوع المعاملة - خصم (Debit) */
.woo-wallet-transaction-type-debit {
  font-family: 'Cairo', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #f44336 !important;
  padding: 8px 15px !important;
  background: rgba(244, 67, 54, 0.1) !important;
  border-radius: 5px !important;
}

/* الخط الفاصل */
.woo-wallet-content hr {
  border: none !important;
  border-top: 1px solid #e0e0e0 !important;
  margin: 20px 0 !important;
}

/* ===== تصميم الموبايل ===== */
@media (max-width: 768px) {
  
  .woo-wallet-my-wallet-container {
    padding: 15px !important;
  }
  
  /* البطاقات في الموبايل */
  .woo-wallet-sidebar ul {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  
  .woo-wallet-sidebar ul li.card a {
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding: 15px !important;
    min-height: auto !important;
  }
  
  .woo-wallet-sidebar ul li.card .dashicons {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 0 !important;
    margin-left: 12px !important;
  }
  
  .woo-wallet-sidebar ul li.card p {
    text-align: right !important;
    font-size: 15px !important;
  }
  
  /* المحتوى في الموبايل */
  .woo-wallet-content {
    padding: 20px 15px !important;
  }
  
  .woo-wallet-content-heading {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  
  .woo-wallet-content-h3 {
    font-size: 18px !important;
  }
  
  .woo-wallet-price {
    font-size: 26px !important;
  }
  
  /* المعاملات في الموبايل */
  .woo-wallet-transactions-items li {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 15px !important;
  }
  
  .woo-wallet-transaction-type-credit,
  .woo-wallet-transaction-type-debit {
    width: 100% !important;
    text-align: center !important;
    font-size: 16px !important;
  }
}

/* ===== تحسينات إضافية ===== */

/* لو في رسالة "لا يوجد معاملات" */
.woo-wallet-transactions-items:empty::before {
  content: 'لا توجد معاملات حتى الآن';
  display: block;
  text-align: center;
  padding: 40px 20px;
  color: #999;
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.woo-wallet-transactions-items li {
  animation: fadeIn 0.3s ease !important;
}



/*/* =====  تصميم صفحة المحفظة =====

body[class*="usd"] .woo-wallet-price .woocommerce-Price-currencySymbol {
    font-size: 0 !important;
    display: inline-block !important;
    width: auto !important;
}

body[class*="usd"] .woo-wallet-price .woocommerce-Price-currencySymbol:after {
    content: '$' !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    display: inline-block !important;
}

body[class*="usd"] .woo-wallet-transaction-type-credit .woocommerce-Price-currencySymbol,
body[class*="usd"] .woo-wallet-transaction-type-debit .woocommerce-Price-currencySymbol {
    font-size: 0 !important;
}

body[class*="usd"] .woo-wallet-transaction-type-credit .woocommerce-Price-currencySymbol:after,
body[class*="usd"] .woo-wallet-transaction-type-debit .woocommerce-Price-currencySymbol:after {
    content: '$' !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body[class*="omr"] .woo-wallet-price .woocommerce-Price-currencySymbol:after {
    content: 'ر.ع.' !important;
}

/* ===== نهاية تصميم صفحة المحفظة ===== */  




/* إخفاء كارت "العنوان" من داشبورد حسابي */
.wd-my-account-links .wd-my-acc-edit-address {
  display: none !important;
}

/* شبكة كروت لوحة التحكم */
.wd-my-account-links.wd-nav-my-acc {
  margin-top: 25px;
  gap: 20px;
}

/* الكارت نفسه */
.wd-my-account-links.wd-nav-my-acc li {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
  transition: all 0.25s ease;
  overflow: hidden;
  border: 1px solid #f1f1f1;
}

/* الرابط يغطي الكارت كله */
.wd-my-account-links.wd-nav-my-acc li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 26px 18px;
  text-decoration: none;
}

/* إلغاء الدايرة حوالين الأيقونة – نخليها فلات */
.wd-my-account-links .wd-nav-icon {
  width: auto;
  height: auto;
  background: transparent;
  margin-bottom: 10px;
}

/* نخلي الأيقونة بنفس لون الهوية */
.wd-my-account-links .wd-nav-icon svg,
.wd-my-account-links .wd-nav-icon:before {
  color: #4a2c5e;
  font-size: 32px;
}

/* نص الرابط */
.wd-my-account-links .nav-link-text {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

/* Hover على الكارت كله */
.wd-my-account-links.wd-nav-my-acc li:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(0,0,0,0.08);
  border-color: #ff9800;
}

.wd-my-account-links.wd-nav-my-acc li:hover .nav-link-text {
  color: #ff9800;
}

/* العنصر النشط (اللي انت فيه) */
.wd-my-account-links.wd-nav-my-acc li.wd-my-acc-dashboard a,
.wd-my-account-links.wd-nav-my-acc li.is-active > a {
  /* لو حابب تميّز النشط لاحقاً */
}

/* موبايل: خليهم عمودين */
@media (max-width: 768px) {
  .wd-my-account-links.wd-nav-my-acc {
    gap: 12px;
  }

  .wd-my-account-links.wd-nav-my-acc li a {
    padding: 20px 14px;
  }

  .wd-my-account-links .nav-link-text {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .wd-my-account-links.wd-nav-my-acc {
    grid-template-columns: 1fr;
  }
}

/* الحاوية الجانبية */
.wd-my-account-sidebar {
  background: #ffffff;
  border-radius: 14px;
  padding: 18px 18px 22px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

/* عنوان "حسابي" */
.woocommerce-MyAccount-title {
  font-family: 'Cairo', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}

/* القائمة */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* عنصر القائمة */
.woocommerce-MyAccount-navigation-link {
  margin-bottom: 6px;
}

/* الرابط */
.woocommerce-MyAccount-navigation-link a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #444;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* Hover */
.woocommerce-MyAccount-navigation-link a:hover {
  background: #f7f2ff;
  color: #4a2c5e;
}

/* العنصر النشط */
.woocommerce-MyAccount-navigation-link.is-active > a,
.woocommerce-MyAccount


/* ═══════════════════════════════════════════════
   4️⃣ صفحة تفاصيل الحساب - Edit Account
   ═══════════════════════════════════════════════ */

.woocommerce-EditAccountForm {
  background: #ffffff;
  border-radius: 14px;
  padding: 28px 26px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
  border: 1px solid #f1f1f1;
}

.woocommerce-EditAccountForm .form-row {
  margin-bottom: 20px;
}

.woocommerce-EditAccountForm label {
  display: block;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}

.woocommerce-EditAccountForm label .required {
  color: #f44336;
  margin-left: 4px;
}

.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  transition: border 0.2s ease;
}

.woocommerce-EditAccountForm input:focus {
  outline: none;
  border-color: #ff9800;
  box-shadow: 0 0 0 3px rgba(255,152,0,0.1);
}

.woocommerce-EditAccountForm fieldset {
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 20px;
  margin: 24px 0;
  background: #fafafa;
}

.woocommerce-EditAccountForm fieldset legend {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #4a2c5e;
  padding: 0 12px;
}

.woocommerce-EditAccountForm .password-input {
  position: relative;
  display: block;
}

.woocommerce-EditAccountForm .show-password-input {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
}

.woocommerce-EditAccountForm .show-password-input:hover {
  opacity: 1;
}

.woocommerce-EditAccountForm button[type="submit"] {
  background: #ff9800;
  color: #fff;
  border: none;
  padding: 14px 36px;
  border-radius: 10px;
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
}

.woocommerce-EditAccountForm button[type="submit"]:hover {
  background: #f57c00;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255,152,0,0.3);
}

.woocommerce-EditAccountForm em {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #777;
  font-style: normal;
}


/* ═══════════════════════════════════════════════
   3️⃣ صفحة الطلبات - Orders Page (مع مسافات محسّنة)
   ═══════════════════════════════════════════════ */

.woocommerce-orders-table {
  width: 100%;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  border: 1px solid #f1f1f1;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

/* هيدر الجدول */
.woocommerce-orders-table thead {
  background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%);
}

.woocommerce-orders-table thead th {
  padding: 18px 16px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: right;
  border: none;
  white-space: nowrap;
}

/* مسافة إضافية لأول عمود (الطلب) من اليمين */
.woocommerce-orders-table thead th:first-child {
  padding-right: 28px;
}

/* مسافة إضافية لآخر عمود (إجراءات) من اليسار */
.woocommerce-orders-table thead th:last-child {
  padding-left: 28px;
}

/* توزيع عرض الأعمدة */
.woocommerce-orders-table__header-order-number { width: 12%; }
.woocommerce-orders-table__header-order-date   { width: 22%; }
.woocommerce-orders-table__header-order-status { width: 14%; }
.woocommerce-orders-table__header-order-total  { width: 26%; }
.woocommerce-orders-table__header-order-actions{ width: 26%; }

/* صفوف البودي */
.woocommerce-orders-table tbody tr {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.2s ease, transform 0.15s ease;
}

.woocommerce-orders-table tbody tr:hover {
  background: #fafafa;
  transform: translateY(-1px);
}

/* خلايا البودي */
.woocommerce-orders-table tbody td,
.woocommerce-orders-table tbody th {
  padding: 16px 16px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  color: #555;
  border: none;
  text-align: right;
  vertical-align: middle;
}

/* مسافة إضافية لأول خلية (رقم الطلب) من اليمين */
.woocommerce-orders-table tbody th:first-child,
.woocommerce-orders-table tbody td:first-child {
  padding-right: 28px;
}

/* مسافة إضافية لآخر خلية (إجراءات) من اليسار */
.woocommerce-orders-table tbody th:last-child,
.woocommerce-orders-table tbody td:last-child {
  padding-left: 28px;
}

/* رقم الطلب */
.woocommerce-orders-table__cell-order-number a {
  color: #ff9800;
  font-weight: 700;
  text-decoration: none;
}

.woocommerce-orders-table__cell-order-number a:hover {
  text-decoration: underline;
}

/* الإجمالي */
.woocommerce-orders-table__cell-order-total {
  line-height: 1.5;
}

.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
  display: inline-block;
  font-weight: 700;
  color: #4a2c5e;
  margin-left: 4px;
}

/* حالة الطلب */
.woocommerce-orders-table__cell-order-status {
  font-weight: 600;
}

/* أزرار الإجراءات */
.woocommerce-orders-table .woocommerce-button {
  padding: 8px 16px;
  margin: 0 4px;
  border-radius: 8px;
  font-family: 'Cairo', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.25s ease;
  min-width: 70px;
  text-align: center;
}

.woocommerce-orders-table .woocommerce-button.view {
  background: #4a2c5e;
  color: #fff;
}

.woocommerce-orders-table .woocommerce-button.view:hover {
  background: #6a4c7e;
  box-shadow: 0 4px 12px rgba(74,44,94,0.3);
  transform: translateY(-2px);
}

.woocommerce-orders-table .woocommerce-button.pay {
  background: #ff9800;
  color: #fff;
}

.woocommerce-orders-table .woocommerce-button.pay:hover {
  background: #f57c00;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255,152,0,0.3);
}

.woocommerce-orders-table .woocommerce-button.cancel {
  background: #f44336;
  color: #fff;
}

.woocommerce-orders-table .woocommerce-button.cancel:hover {
  background: #d32f2f;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(244,67,54,0.3);
}

/* مسافة فوق الجدول */
.woocommerce-MyAccount-content .woocommerce-orders-table {
  margin-top: 12px;
}

/* ═══════════════════════════════════════════════
   📱 موبايل
   ═══════════════════════════════════════════════ */

@media (max-width: 768px) {
  .woocommerce-orders-table {
    box-shadow: none;
    border: none;
    background: transparent;
  }

  .woocommerce-orders-table thead {
    display: none;
  }

  .woocommerce-orders-table tbody tr {
    display: block;
    margin-bottom: 16px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 14px;
    background: #fff;
  }

  .woocommerce-orders-table tbody td,
  .woocommerce-orders-table tbody th {
    display: block;
    text-align: right !important;
    padding: 8px 0 !important;
  }

  .woocommerce-orders-table tbody td:before,
  .woocommerce-orders-table tbody th:before {
    content: attr(data-title) ": ";
    font-weight: 600;
    color: #4a2c5e;
    display: inline;
  }

  .woocommerce-orders-table .woocommerce-button {
    display: block;
    width: 100%;
    margin: 6px 0;
    text-align: center;
  }
}


/* ═══════════════════════════════════════════════
   2️⃣ صفحة المعاملات - Transactions Page
   ═══════════════════════════════════════════════ */

/* الرصيد الحالي فوق الجدول */
.woocommerce-MyAccount-content > p {
  background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%);
  color: #fff;
  padding: 18px 24px;
  border-radius: 12px;
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woocommerce-MyAccount-content > p .woocommerce-Price-amount {
  font-size: 22px;
  font-weight: 700;
  color: #ffd54f;
}

.woocommerce-MyAccount-content > p a {
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.woocommerce-MyAccount-content > p a:hover {
  opacity: 1;
}

/* DataTable Container */
#wc-wallet-transaction-details_wrapper {
  background: #ffffff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
  border: 1px solid #f1f1f1;
}

/* DataTable Controls */
.dataTables_length,
.dataTables_filter {
  margin-bottom: 16px;
}

.dataTables_length label,
.dataTables_filter label {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  color: #555;
}

.dataTables_length select,
.dataTables_filter input[type="search"] {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: 'Cairo', sans-serif;
  margin: 0 8px;
}

.dataTables_filter input[type="search"]:focus {
  outline: none;
  border-color: #ff9800;
}

/* الجدول */
#wc-wallet-transaction-details {
  width: 100% !important;
  border-collapse: separate;
  border-spacing: 0;
}

#wc-wallet-transaction-details thead {
  background: #f7f2ff;
}

#wc-wallet-transaction-details thead th {
  padding: 14px 12px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #4a2c5e;
  text-align: right;
  border: none;
}

#wc-wallet-transaction-details tbody tr {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.2s ease;
}

#wc-wallet-transaction-details tbody tr:hover {
  background: #fafafa;
}

#wc-wallet-transaction-details tbody td {
  padding: 14px 12px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  color: #555;
  border: none;
}

#wc-wallet-transaction-details tbody td mark.credit {
  background: #e8f5e9;
  color: #2e7d32;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 600;
}

/* Pagination */
.dataTables_paginate {
  margin-top: 16px;
  text-align: center;
}

.dataTables_paginate .paginate_button {
  padding: 8px 14px;
  margin: 0 4px;
  border-radius: 8px;
  background: #f0f0f0;
  color: #555;
  font-family: 'Cairo', sans-serif;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.dataTables_paginate .paginate_button:hover:not(.disabled) {
  background: #ff9800;
  color: #fff;
}

.dataTables_paginate .paginate_button.current {
  background: #4a2c5e;
  color: #fff;
}

.dataTables_paginate .paginate_button.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ═══════════════════════════════════════════════
   📱 RESPONSIVE - موبايل
   ═══════════════════════════════════════════════ */

@media (max-width: 768px) {
  /* المحفظة - تصبح عمود واحد */
  .woo-wallet-my-wallet-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .woo-wallet-sidebar ul {
    flex-direction: row;
    gap: 10px;
  }

  .woo-wallet-sidebar ul li.card a {
    flex-direction: column;
    padding: 12px;
    text-align: center;
  }

  .woo-wallet-sidebar ul li.card a p {
    font-size: 12px;
  }

  /* جدول المعاملات */
  #wc-wallet-transaction-details {
    font-size: 12px;
  }

  #wc-wallet-transaction-details thead {
    display: none;
  }

  #wc-wallet-transaction-details tbody tr {
    display: block;
    margin-bottom: 12px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 12px;
  }

  #wc-wallet-transaction-details tbody td {
    display: block;
    text-align: right !important;
    padding: 6px 0;
    border: none;
  }

  #wc-wallet-transaction-details tbody td:before {
    content: attr(data-title) ": ";
    font-weight: 600;
    color: #4a2c5e;
  }

  /* جدول الطلبات */
  .woocommerce-orders-table thead {
    display: none;
  }

  .woocommerce-orders-table tbody tr {
    display: block;
    margin-bottom: 16px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 14px;
  }

  .woocommerce-orders-table tbody td,
  .woocommerce-orders-table tbody th {
    display: block;
    text-align: right !important;
    padding: 8px 0;
  }

  .woocommerce-orders-table tbody td:before,
  .woocommerce-orders-table tbody th:before {
    content: attr(data-title) ": ";
    font-weight: 600;
    color: #4a2c5e;
    display: inline;
  }

  .woocommerce-orders-table .woocommerce-button {
    display: block;
    width: 100%;
    margin: 6px 0;
    text-align: center;
  }

  /* فورم تفاصيل الحساب */
  .woocommerce-EditAccountForm {
    padding: 20px 16px;
  }

  .woocommerce-form-row--first,
  .woocommerce-form-row--last {
    width: 100% !important;
    float: none !important;
  }
}
/* فورم إضافة رصيد */
.woo-wallet-add-amount {
  max-width: 500px;
}

.woo-wallet-add-amount label {
  display: block;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.woo-wallet-add-amount input[type="number"] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  margin-bottom: 14px;
  transition: border 0.2s ease;
}

.woo-wallet-add-amount input[type="number"]:focus {
  outline: none;
  border-color: #ff9800;
  box-shadow: 0 0 0 3px rgba(255,152,0,0.1);
}

.woo-wallet-add-amount input[type="submit"] {
  background: #ff9800;
  color: #fff;
  border: none;
  padding: 12px 32px;
  border-radius: 10px;
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
}

.woo-wallet-add-amount input[type="submit"]:hover {
  background: #f57c00;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255,152,0,0.3);
}

@media (max-width: 480px) {
  .woo-wallet-content {
    padding: 18px 16px;
  }

  .woo-wallet-content-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .woo-wallet-price {
    font-size: 24px;
  }

  #wc-wallet-transaction-details_wrapper,
  .woocommerce-orders-table,
  .woocommerce-EditAccountForm {
    padding: 16px;
  }
}

/* ═══════════════════════════════════════════════
   صفحة تفاصيل الطلب - View Order
   ═══════════════════════════════════════════════ */

/* حاوية المحتوى الرئيسية */
body.woocommerce-view-order .woocommerce-MyAccount-content {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px 26px 28px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  border: 1px solid #f1f1f1;
}

/* سطر حالة الطلب أعلى الصفحة */
body.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type {
  background: #f7f2ff;
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 22px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  color: #444;
  line-height: 1.7;
}

/* رقم الطلب والتاريخ */
body.woocommerce-view-order .order-number,
body.woocommerce-view-order .order-date {
  background: transparent;
  color: #4a2c5e;
  font-weight: 700;
}

/* حالة الطلب حسب النص */
body.woocommerce-view-order .order-status {
  background: transparent;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 13px;
}

/* ملغي */
body.woocommerce-view-order .order-status:contains("ملغي") {
  color: #c62828;
  background-color: rgba(244, 67, 54, 0.1);
}

/* فشل */
body.woocommerce-view-order .order-status:contains("فشل") {
  color: #e65100;
  background-color: rgba(255, 152, 0, 0.12);
}

/* مكتمل */
body.woocommerce-view-order .order-status:contains("مُكتمل"),
body.woocommerce-view-order .order-status:contains("مكتمل") {
  color: #2e7d32;
  background-color: rgba(76, 175, 80, 0.12);
}

/* عنوان "تفاصيل الطلب" */
body.woocommerce-view-order .woocommerce-order-details__title {
  font-family: 'Cairo', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 6px 0 14px;
  color: #333;
}

/* جدول تفاصيل الطلب */
body.woocommerce-view-order .woocommerce-table--order-details {
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  box-shadow: 0 4px 14px rgba(0,0,0,0.03);
  border-collapse: separate;
  border-spacing: 0;
}

/* هيدر الجدول */
body.woocommerce-view-order .woocommerce-table--order-details thead {
  background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%);
}

body.woocommerce-view-order .woocommerce-table--order-details thead th {
  padding: 14px 18px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: right;
  border: none;
}

/* صفوف البودي */
body.woocommerce-view-order .woocommerce-table--order-details tbody tr {
  border-bottom: 1px solid #f0f0f0;
}

body.woocommerce-view-order .woocommerce-table--order-details tbody td {
  padding: 14px 18px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  color: #555;
  text-align: right;
  vertical-align: middle;
}

/* اسم المنتج */
body.woocommerce-view-order .woocommerce-table__product-name a {
  color: #4a2c5e;
  font-weight: 600;
  text-decoration: none;
}

body.woocommerce-view-order .woocommerce-table__product-name a:hover {
  text-decoration: underline;
}

/* السعر */
body.woocommerce-view-order .woocommerce-table__product-total .woocommerce-Price-amount {
  font-weight: 700;
  color: #333;
}

/* فوتر الجدول (المجموع / الإجمالي / وسيلة الدفع) */
body.woocommerce-view-order .woocommerce-table--order-details tfoot th,
body.woocommerce-view-order .woocommerce-table--order-details tfoot td {
  padding: 10px 18px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  color: #444;
  border-top: 1px solid #f5f5f5;
}

/* وسيلة الدفع */
body.woocommerce-view-order .woocommerce-table--order-details tfoot tr:last-child td {
  font-weight: 600;
}

/* أزرار "الدفع / إلغاء" في حالة الفشل */
body.woocommerce-view-order .order-actions--heading {
  width: 130px;
}

/* أزرار أسفل تفاصيل الطلب (تكرار الطلب مثلاً) */
body.woocommerce-view-order p.order-again {
  margin-top: 18px;
}

body.woocommerce-view-order p.order-again .button {
  background: #4a2c5e;
  color: #fff;
  border-radius: 10px;
  padding: 10px 24px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

body.woocommerce-view-order p.order-again .button:hover {
  background: #6a4c7e;
  box-shadow: 0 4px 12px rgba(74,44,94,0.3);
  transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════
   سكشن تحديثات الطلب (للحالات المكتملة)
   ═══════════════════════════════════════════════ */

body.woocommerce-view-order h2 + .woocommerce-OrderUpdates,
body.woocommerce-view-order h2:contains("تحديثات الطلب") + .woocommerce-OrderUpdates {
  margin: 14px 0 24px;
  padding: 0;
  list-style: none;
}

/* عنوان تحديثات الطلب */
body.woocommerce-view-order h2:contains("تحديثات الطلب") {
  font-family: 'Cairo', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-top: 4px;
  margin-bottom: 10px;
  color: #333;
}

/* كل عنصر تحديث */
body.woocommerce-view-order .woocommerce-OrderUpdate.comment {
  margin-bottom: 12px;
}

body.woocommerce-view-order .woocommerce-OrderUpdate-inner {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #e5e0ff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.03);
  padding: 14px 16px;
}

/* تاريخ التحديث */
body.woocommerce-view-order .woocommerce-OrderUpdate-meta {
  font-family: 'Cairo', sans-serif;
  font-size: 12px;
  color: #777;
  margin-bottom: 6px;
}

/* نص التحديث */
body.woocommerce-view-order .woocommerce-OrderUpdate-description div {
  font-family: 'Cairo', sans-serif;
  font-size: 14px !important;
  color: #333 !important;
  line-height: 1.7 !important;
}

/* إيموجي داخل التحديثات يفضل يبقى على نفس الخط */
body.woocommerce-view-order .woocommerce-OrderUpdate-description p {
  margin: 2px 0;
}

/* ═══════════════════════════════════════════════
   Responsive – موبايل
   ═══════════════════════════════════════════════ */

@media (max-width: 768px) {
  body.woocommerce-view-order .woocommerce-MyAccount-content {
    padding: 18px 14px;
    border-radius: 12px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type {
    font-size: 13px;
    padding: 10px 12px;
  }

  body.woocommerce-view-order .woocommerce-table--order-details thead th,
  body.woocommerce-view-order .woocommerce-table--order-details tbody td,
  body.woocommerce-view-order .woocommerce-table--order-details tfoot th,
  body.woocommerce-view-order .woocommerce-table--order-details tfoot td {
    padding-right: 12px;
    padding-left: 12px;
  }

  body.woocommerce-view-order .woocommerce-OrderUpdate-inner {
    padding: 12px 12px;
  }
}

/* إخفاء جمل الترحيب في صفحة لوحة التحكم فقط بدون التأثير على صفحات المحفظة */
body.woocommerce-account.woocommerce-page:not(.woocommerce-woo-wallet-transactions):not(.woocommerce-woo-wallet):not(.woocommerce-view-order)
  .woocommerce-MyAccount-content > p:first-of-type,
body.woocommerce-account.woocommerce-page:not(.woocommerce-woo-wallet-transactions):not(.woocommerce-woo-wallet):not(.woocommerce-view-order)
  .woocommerce-MyAccount-content > p:nth-of-type(2) {
  display: none !important;
}

/* GIFT CARD SECTION in ORDER DETAILS */
/* تعريب عنوان Gift Card Code */


/* حاوية كاملة لجزء الأكواد */
.woocommerce-view-order .fslm-download-keys,
.woocommerce-view-order .fslm-license-keys-table {
  margin-top: 8px;
}

/* صندوق علوي للأزرار */
.woocommerce-view-order .fslm-download-keys {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px !important;
}

/* شكل الأزرار */
.woocommerce-view-order .fslm-download-keys a.button {
  background: #4a2c5e;
  color: #fff !important;
  border-radius: 999px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

.woocommerce-view-order .fslm-download-keys a.button:hover {
  background: #6a4c7e;
  box-shadow: 0 4px 12px rgba(74,44,94,0.3);
  transform: translateY(-1px);
}

/* جدول الأكواد */
.woocommerce-view-order .fslm-license-keys-table {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 4px 14px rgba(0,0,0,0.03);
  border-collapse: separate;
  border-spacing: 0;
}

/* هيدر الجدول */
.woocommerce-view-order .fslm-license-keys-table thead {
  background: #f7f2ff;
}

.woocommerce-view-order .fslm-license-keys-table thead th {
  padding: 12px 16px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #4a2c5e;
  text-align: right;
  border: none !important;
}

/* محتوى الجدول */
.woocommerce-view-order .fslm-license-keys-table tbody td {
  padding: 12px 16px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  color: #444;
  border-top: 1px solid #f3f3f3;
  text-align: right;
}

/* عمود المنتج وأكواد البطاقة */
.woocommerce-view-order .fslm-license-keys-table tbody td:first-child {
  width: 30%;
  font-weight: 600;
  color: #4a2c5e;
}

.woocommerce-view-order .fslm-license-keys-table tbody td:last-child {
  width: 70%;
  font-family: 'Cairo', monospace;
  direction: ltr;
  text-align: left;
  word-break: break-all;
}

/* موبايل */
@media (max-width: 768px) {
  .woocommerce-view-order .fslm-download-keys {
    flex-direction: column;
  }

  .woocommerce-view-order .fslm-download-keys a.button {
    width: 100%;
    text-align: center;
  }

  .woocommerce-view-order .fslm-license-keys-table thead {
    display: none;
  }

  .woocommerce-view-order .fslm-license-keys-table tbody tr {
    display: block;
    border-bottom: 1px solid #f0f0f0;
  }

  .woocommerce-view-order .fslm-license-keys-table tbody td {
    display: block;
    width: 100% !important;
    text-align: right !important;
  }

  .woocommerce-view-order .fslm-license-keys-table tbody td:last-child {
    direction: ltr;
    text-align: left !important;
    margin-top: 4px;
  }
}
/* GIFT CARD SECTION in ORDER DETAILS */



/* حاوية المنتج الرئيسية */
.single-product-page.single-product-content {
  padding-top: 26px;
  padding-bottom: 40px;
}

/* صندوق على الجزء النصي */
.single-product-page .summary.entry-summary .summary-inner {
  background: #ffffff;
  border-radius: 16px;
  padding: 22px 24px 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  border: 1px solid #f1f1f1;
}

/* البريدكرمب */
.single-product-page .single-breadcrumbs-wrapper {
  margin-bottom: 10px;
}

.single-product-page .wd-breadcrumbs a {
  font-family: 'Cairo', sans-serif;
  font-size: 12px;
  color: #777;
}

.single-product-page .wd-breadcrumbs .wd-last {
  color: #4a2c5e;
  font-weight: 600;
}

/* عنوان المنتج */
.single-product-page .product_title.entry-title {
  font-family: 'Cairo', sans-serif;
  font-size: 24px;
  font-weight: 800;
  margin: 6px 0 10px;
  color: #222;
  line-height: 1.5;
}

/* السعر */
.single-product-page p.price {
  margin-bottom: 10px;
}

.single-product-page p.price del .amount {
  color: #999;
  font-size: 14px;
}

.single-product-page p.price ins .amount {
  color: #ff9800;
  font-size: 20px;
  font-weight: 800;
}

/* زر أضف للسلة */
.single-product-page .single_add_to_cart_button {
  background: #4a2c5e;
  border-radius: 999px;
  padding: 11px 32px;
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 700;
  transition: all 0.25s ease;
}

.single-product-page .single_add_to_cart_button:hover {
  background: #6a4c7e;
  box-shadow: 0 6px 18px rgba(74,44,94,0.35);
  transform: translateY(-2px);
}

/* الأيقونة “حفظ لاحقاً” مثلاً */
.single-product-page .wd-wishlist-btn,
.single-product-page .wd-compare-btn {
  font-family: 'Cairo', sans-serif;
  font-size: 13px;
}

/* تبويب الوصف تحت */
.single-product-page .woocommerce-tabs {
  margin-top: 26px;
}

.single-product-page .woocommerce-Tabs-panel--description {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px 22px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.03);
  border: 1px solid #f1f1f1;
}

/* العناوين داخل الوصف مثل "طريقة الاستخدام" / "ملاحظات مهمة" */
.single-product-page .woocommerce-Tabs-panel--description h2,
.single-product-page .woocommerce-Tabs-panel--description h3 {
  font-family: 'Cairo', sans-serif;
  font-size: 18px;
  font-weight: 800;
  margin: 18px 0 8px;
  color: #222;
}

/* النقاط داخل الوصف */
.single-product-page .woocommerce-Tabs-panel--description li {
  margin-bottom: 4px;
}

/* صورة المنتج – نظافة خفيفة */
.single-product-page .product-images .woocommerce-product-gallery {
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
}

  /* لو في مسافة من الوصف نفسه نقللها */
  .single-product-page .woocommerce-Tabs-panel--description {
    margin-bottom: 20px !important;
  }

/* شريط المميزات في صفحة المنتج */
.single-product-page .sabe2-product-badge-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 12px;         /* الشريط فوق العنوان مباشرة */
}

/* عنصر واحد */
.sabe2-product-badge-bar .sabe2-badge-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f7f2ff;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: 'Cairo', sans-serif;
  font-size: 13px;
  color: #4a2c5e;
  white-space: nowrap;
}

/* الأيقونة */
.sabe2-product-badge-bar .sabe2-badge-icon {
  font-size: 15px;
}

/* موبايل: الشريط ينزل سطرين تلاتة عادي */
@media (max-width: 768px) {
  .single-product-page .sabe2-product-badge-bar {
    justify-content: flex-start;
  }
}




/* ===== صفحة متاجر التطبيقات (تصنيف parent) ===== */
body.tax-product_cat.term-app-stores .wd-products-element {
  margin-top: 20px;
}

/* جعل شبكة الكروت 2 في الصف مع مسافات محترمة */
body.tax-product_cat.term-app-stores .products.wd-products.wd-grid-g {
  --wd-col-lg: 2 !important;  /* عمودين ديسكتوب */
  --wd-col-md: 2 !important;
  --wd-col-sm: 1 !important;  /* عمود واحد موبايل */
  --wd-gap-lg: 24px !important;
  --wd-gap-sm: 14px !important;
}

/* الكارت نفسه */
body.tax-product_cat.term-app-stores .products .category-grid-item.wd-cat.cat-design-alt {
  margin: 0;
}

body.tax-product_cat.term-app-stores .products .wd-cat-inner.wrapp-category {
  border-radius: 18px;
  padding: 18px 20px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  border: 1px solid #f1f1f1;
  transition: all 0.25s ease;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* محتوى الكارت (الأيقونة + الاسم) */
body.tax-product_cat.term-app-stores .products .wd-cat-thumb.category-image-wrapp {
  margin-bottom: 8px;
}

body.tax-product_cat.term-app-stores .products .wd-cat-thumb img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

body.tax-product_cat.term-app-stores .products .wd-cat-content.hover-mask {
  text-align: center;
}

body.tax-product_cat.term-app-stores .products .wd-cat-content .wd-entities-title {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  margin: 6px 0 0;
}

/* هوفر الكارت */
body.tax-product_cat.term-app-stores .products .wd-cat-inner.wrapp-category:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
  border-color: #e0d4ff;
}

/* موبايل: ندي padding أعلى/أسفل أقل شوية */
@media (max-width: 768px) {
  body.tax-product_cat.term-app-stores .products .wd-cat-inner.wrapp-category {
    min-height: 120px;
    padding: 14px 16px;
  }
}



/* إظهار بلوك الشكر (ما نخفيهوش افتراضياً) */
#thankyou-ar,
#thankyou-en {
  display: none; /* هيظهر بالـ JS حسب اللغة */
}


/* خلي خلفية التأثير مقتصرة على الكارد نفسه مش على الصفحة كلها */
.woocommerce-order-received .wd-order-extra-content .thankyou-box {
  background: #ffffff; /* أو جراديانت خفيف جداً */
}

/* لو أنت مستخدم جراديانت عام على .main-page-wrapper هنا لغيه في صفحة الشكر فقط */
body.woocommerce-order-received .main-page-wrapper {
  background: #f5f5f8;   /* نفس الخلفية العامة للموقع */
}

/* إخفاء رسالة ووكومرس الافتراضية بس، مش باقي التفاصيل */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  display: none !important;
}



/* صندوق THANKYOU بعد الاوردر المخصص */
.woocommerce-order-received .wd-order-extra-content .thankyou-box {
  max-width: 900px;
  margin: 0 auto 26px;
  text-align: center;
  padding: 28px 26px 30px;
  background: radial-gradient(circle at top right, #fff7e6 0, #ffffff 45%, #f9fafb 100%);
  border-radius: 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.06);
  border: 1px solid #f2f2f2;
  animation: thankyou-fadeUp 0.8s ease-out;
}

/* أيقونة النجاح */
.woocommerce-order-received .thankyou-box img {
  margin-bottom: 10px;
}

/* العنوان */
.woocommerce-order-received .thankyou-box h2 {
  font-family: 'Cairo', sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: #2e7d32;
  margin-bottom: 6px;
}

/* الفقرة الأساسية */
.woocommerce-order-received .thankyou-box p {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  color: #444;
  margin: 4px 0 10px;
  line-height: 1.8;
}

/* جملة الملاحظة الرمادية جوه البلوك */
.woocommerce-order-received .thankyou-box p[style*="color: #999"] {
  font-size: 13px;
}

/* زر تواصل معنا */
.woocommerce-order-received .thankyou-box a {
  display: inline-block;
  margin-top: 12px;
  background: linear-gradient(135deg, #4a2c5e, #ff9800);
  color: #fff !important;
  padding: 10px 26px;
  border-radius: 999px;
  text-decoration: none;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 8px 22px rgba(0,0,0,0.18);
  transition: all 0.25s ease;
}

.woocommerce-order-received .thankyou-box a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.22);
}

/* أنيمشن بسيطة */
@keyframes thankyou-fadeUp {
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* بلوك ملخص الطلب تحت البوكس */
.woocommerce-order-received .woocommerce-order-overview {
  max-width: 900px;
  margin: 0 auto 20px;
  padding: 14px 18px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
  border: 1px solid #f1f1f1;
}

/* جدول تفاصيل الطلب */
.woocommerce-order-received .woocommerce-order-details {
  max-width: 900px;
  margin: 0 auto;
}
/* صفحة شكراً لطلبك فقط */
body.woocommerce-order-received .whb-main-header {
  box-shadow: none;
}

/* أخلي بس اللوجو ظاهر وأخفي الباقي في الديسكتوب */
body.woocommerce-order-received .whb-main-header .whb-general-header-inner > .whb-column:not(.whb-col-left) {
  display: none !important;
}

/* جوه العمود اليسار: أظهر اللوجو بس */
body.woocommerce-order-received .whb-main-header .whb-col-left .wd-search-form,
body.woocommerce-order-received .whb-main-header .whb-col-left nav,
body.woocommerce-order-received .whb-main-header .whb-col-left .wd-header-cart,
body.woocommerce-order-received .whb-main-header .whb-col-left .wd-header-my-account {
  display: none !important;
}

/* إخفاء كل أعمدة الهيدر العلوي والسفلي */
body.woocommerce-order-received .whb-main-header .whb-flex-row > .whb-column,
body.woocommerce-order-received .whb-header-bottom {
  display: none !important;
}
/* ============================================
   إخفاء كامل الهيدر في صفحة الشكر فقط
============================================ */

/* إلغاء الـ sticky وإخفاء الهيدر بالكامل */
body.woocommerce-order-received .whb-header {
  position: static !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* إخفاء كل صفوف الهيدر */
body.woocommerce-order-received .whb-main-header,
body.woocommerce-order-received .whb-header-bottom,
body.woocommerce-order-received .whb-sticky-row {
  display: none !important;
}

/* ============================================
   تنسيق اللوجو في صفحة الشكر
============================================ */

body.woocommerce-order-received .thankyou-logo-wrap {
  text-align: center;
  padding: 30px 0 20px;
  background: #fff;
}

body.woocommerce-order-received .thankyou-logo-wrap a {
  display: inline-block;
}

body.woocommerce-order-received .thankyou-logo-wrap img {
  max-width: 180px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* الموبايل */
@media (max-width: 768px) {
  body.woocommerce-order-received .thankyou-logo-wrap {
    padding: 20px 0 15px;
  }
  
  body.woocommerce-order-received .thankyou-logo-wrap img {
    max-width: 140px;
  }
}
body.woocommerce-order-received .thankyou-logo-tagline {
  margin-top: 6px;
  font-family: 'Cairo', sans-serif;
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}
body.woocommerce-order-received .thankyou-logo-wrap {
  text-align: center;
  padding: 20px 0 12px;
  background: #ffffff;   /* أبيض صافي */
}


body.woocommerce-order-received .thankyou-logo-wrap img {
  max-width: 180px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

body.woocommerce-order-received .thankyou-logo-tagline {
  margin-top: 6px;
  font-family: 'Cairo', sans-serif;
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}

/* اخفي الاتنين افتراضياً */
#thankyou-logo-ar,
#thankyou-logo-en {
  display: none;
}

/* لما الصفحة عربية (lang="ar") */
html[lang="ar"] #thankyou-logo-ar {
  display: block;
}

/* لما الصفحة إنجليزية (lang="en-US" أو أي إنجليزي) */
html[lang^="en"] #thankyou-logo-en {
  display: block;
}

/* صندوق THANKYOU بعد الاوردر المخصص */


/* =============================================
   صفحة السلة - تصميم احترافي
============================================= */

/* خلفية الصفحة */
.woocommerce-cart .main-page-wrapper {
  background: #f7f8fc;
  padding: 30px 0;
}

/* عنوان الصفحة */
.woocommerce-cart .entry-title {
  text-align: center;
  font-family: 'Cairo', sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #333;
  margin-bottom: 30px;
}

/* =============================================
   جدول المنتجات
============================================= */
.woocommerce-cart .shop_table.cart {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.06);
  border: 1px solid #eee;
  overflow: hidden;
}

.woocommerce-cart .shop_table.cart thead {
  background: linear-gradient(135deg, #4a2c5e 0%, #6b4380 100%);
}

.woocommerce-cart .shop_table.cart thead th {
  color: #fff !important;
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 16px 12px;
  border: none;
}

.woocommerce-cart .shop_table.cart tbody tr.cart_item {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.2s ease;
}

.woocommerce-cart .shop_table.cart tbody tr.cart_item:hover {
  background: #fafbff;
}

.woocommerce-cart .shop_table.cart tbody td {
  padding: 20px 12px;
  vertical-align: middle;
  font-family: 'Cairo', sans-serif;
}

/* صورة المنتج */
.woocommerce-cart .product-thumbnail img {
  width: 80px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* اسم المنتج */
.woocommerce-cart .product-name a {
  color: #333;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.2s;
}

.woocommerce-cart .product-name a:hover {
  color: #ff9800;
}

/* السعر */
.woocommerce-cart .product-price .amount,
.woocommerce-cart .product-subtotal .amount {
  font-weight: 700;
  color: #4a2c5e;
  font-size: 15px;
}

/* زر الحذف */
.woocommerce-cart .product-remove .remove {
  width: 32px;
  height: 32px;
  line-height: 30px;
  font-size: 20px;
  background: #fee2e2;
  color: #dc2626 !important;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.woocommerce-cart .product-remove .remove:hover {
  background: #dc2626;
  color: #fff !important;
}

/* =============================================
   بوكس الكوبون
============================================= */
.woocommerce-cart .coupon {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  border: 2px dashed #ddd;
  margin-top: 20px;
}

.woocommerce-cart .coupon input[type="text"] {
  flex: 1;
  min-width: 200px;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  transition: border-color 0.2s;
}

.woocommerce-cart .coupon input[type="text"]:focus {
  border-color: #4a2c5e;
  outline: none;
}

.woocommerce-cart .coupon .button {
  background: linear-gradient(135deg, #4a2c5e, #6b4380);
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.woocommerce-cart .coupon .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(74,44,94,0.3);
}

/* =============================================
   بوكس إجمالي السلة
============================================= */
.woocommerce-cart .cart_totals {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
  padding: 28px;
  border: 1px solid #f0f0f0;
}

.woocommerce-cart .cart_totals h2 {
  font-family: 'Cairo', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #f0f0f0;
}

.woocommerce-cart .cart_totals .shop_table {
  border: none;
}

.woocommerce-cart .cart_totals .shop_table tr {
  border-bottom: 1px solid #f5f5f5;
}

.woocommerce-cart .cart_totals .shop_table th,
.woocommerce-cart .cart_totals .shop_table td {
  padding: 14px 0;
  font-family: 'Cairo', sans-serif;
  border: none;
}

.woocommerce-cart .cart_totals .shop_table th {
  font-weight: 600;
  color: #666;
}

.woocommerce-cart .cart_totals .order-total th {
  font-weight: 800;
  color: #333;
  font-size: 16px;
}

.woocommerce-cart .cart_totals .order-total .amount {
  font-size: 22px;
  font-weight: 800;
  color: #4a2c5e;
}

/* زر التقدم للطلب - جريديانت بنفسجي */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  display: block;
  width: 100%;
  padding: 16px 24px;
  background: linear-gradient(135deg, #4a2c5e 0%, #6b4380 50%, #8b5a9e 100%);
  color: #fff !important;
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  border-radius: 12px;
  border: none;
  margin-top: 20px;
  box-shadow: 0 8px 25px rgba(74,44,94,0.3);
  transition: all 0.3s ease;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background: linear-gradient(135deg, #5a3c6e 0%, #7b5390 50%, #9b6aae 100%);
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(74,44,94,0.4);
}


/* =============================================
   تجاوب الموبايل
============================================= */
@media (max-width: 768px) {
  .woocommerce-cart .main-page-wrapper {
    padding: 15px 0;
  }

  /* جدول المنتجات موبايل */
  .woocommerce-cart .shop_table.cart thead {
    display: none;
  }

  .woocommerce-cart .shop_table.cart tbody tr.cart_item {
    display: block;
    background: #fff;
    border-radius: 14px;
    margin-bottom: 15px;
    padding: 18px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    border: 1px solid #eee;
    position: relative;
  }

  .woocommerce-cart .shop_table.cart tbody td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border: none;
  }

  .woocommerce-cart .shop_table.cart tbody td::before {
    content: attr(data-title);
    font-weight: 700;
    color: #666;
    font-size: 13px;
  }

  .woocommerce-cart .product-thumbnail {
    justify-content: center !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0f0f0;
  }

  .woocommerce-cart .product-thumbnail::before {
    display: none !important;
  }

  .woocommerce-cart .product-thumbnail img {
    width: 100px;
    border-radius: 12px;
  }

  .woocommerce-cart .product-remove {
    position: absolute;
    top: 12px;
    left: 12px;
  }

  .woocommerce-cart .product-remove::before {
    display: none !important;
  }

  /* بوكس الكوبون موبايل */
  .woocommerce-cart .coupon {
    flex-direction: column;
  }

  .woocommerce-cart .coupon input[type="text"] {
    width: 100%;
  }

  .woocommerce-cart .coupon .button {
    width: 100%;
    text-align: center;
  }

  /* بوكس الإجمالي موبايل */
  .woocommerce-cart .cart_totals {
    margin-top: 20px;
    padding: 22px 18px;
    border-radius: 16px;
  }

  .woocommerce-cart .cart_totals h2 {
    font-size: 20px;
  }

  .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    font-size: 15px;
    padding: 14px 20px;
  }
}

/* =============================================
   سلة فارغة
============================================= */
.woocommerce-cart .cart-empty {
  text-align: center;
  padding: 60px 20px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}

.woocommerce-cart .cart-empty::before {
  content: "🛒";
  font-size: 60px;
  display: block;
  margin-bottom: 20px;
}

.woocommerce-cart .return-to-shop .button {
  background: linear-gradient(135deg, #4a2c5e, #ff9800);
  color: #fff;
  padding: 14px 30px;
  border-radius: 10px;
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
}

/* =============================================
   صفحة الدفع (Checkout)
============================================= */

/* خلفية عامة */
.woocommerce-checkout .main-page-wrapper {
  background: #f7f8fc;
  padding: 30px 0 40px;
}

/* عناوين الأقسام */
.woocommerce-checkout h3 {
  font-family: 'Cairo', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: #222;
  margin-bottom: 18px;
}

/* توزيع عمودين ديسكتوب */
@media (min-width: 992px) {
  .woocommerce-checkout .customer-details,
  .woocommerce-checkout .checkout-order-review {
    float: right;
  }

  .woocommerce-checkout .customer-details {
    width: 52%;
    padding-left: 20px;
  }

  .woocommerce-checkout .checkout-order-review {
    width: 48%;
    padding-right: 20px;
  }
}

/* كارت تفاصيل الفاتورة + الإضافية */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields {
  background: #ffffff;
  border-radius: 18px;
  padding: 22px 22px 10px;
  margin-bottom: 16px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.06);
  border: 1px solid #f0f0f0;
}

/* حقول الإدخال */
.woocommerce-checkout .woocommerce-billing-fields .input-text,
.woocommerce-checkout .woocommerce-additional-fields .input-text,
.woocommerce-checkout textarea {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  padding: 12px 16px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  background: #fafbff;
}

.woocommerce-checkout .woocommerce-billing-fields .input-text:focus,
.woocommerce-checkout .woocommerce-additional-fields .input-text:focus,
.woocommerce-checkout textarea:focus {
  border-color: #6b4380;
  box-shadow: 0 0 0 2px rgba(107,67,128,0.15);
  outline: none;
  background: #ffffff;
}

/* لابل الحقول */
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-additional-fields label {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #555;
  margin-bottom: 6px;
}

/* كارت "طلبك" */
.woocommerce-checkout .checkout-order-review {
  margin-top: 10px;
}

.woocommerce-checkout .checkout-order-review > h3 {
  text-align: center;
  margin-bottom: 14px;
}

.woocommerce-checkout #order_review {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.08);
  border: 1px solid #f0f0f0;
  padding: 18px 20px 22px;
}

/* جدول المنتجات في الطلب */
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: collapse;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
  background: linear-gradient(135deg, #4a2c5e 0%, #6b4380 100%);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
  color: #fff;
  padding: 14px 10px;
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  border: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item {
  border-bottom: 1px solid #f0f0f0;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
  padding: 14px 10px;
  vertical-align: middle;
}

.woocommerce-checkout .wd-checkout-prod-img img {
  width: 70px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.woocommerce-checkout .wd-checkout-prod-title .cart-product-label {
  font-family: 'Cairo', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}

.woocommerce-checkout .wd-checkout-prod-title .product-quantity {
  margin-right: 6px;
  font-size: 13px;
  color: #777;
}

.woocommerce-checkout .wd-checkout-prod-total .amount {
  font-weight: 700;
  color: #4a2c5e;
}

/* إزالة المنتج */
.woocommerce-checkout .wd-checkout-remove-btn-wrapp .remove {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fee2e2;
  position: relative;
  display: inline-block;
}

.woocommerce-checkout .wd-checkout-remove-btn-wrapp .remove::before,
.woocommerce-checkout .wd-checkout-remove-btn-wrapp .remove::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background: #dc2626;
  transform-origin: center;
}

.woocommerce-checkout .wd-checkout-remove-btn-wrapp .remove::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.woocommerce-checkout .wd-checkout-remove-btn-wrapp .remove::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* المجموع والإجمالي */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
  padding: 10px 4px;
  font-family: 'Cairo', sans-serif;
  border: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th {
  font-weight: 800;
  font-size: 15px;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .amount {
  font-size: 20px;
  font-weight: 800;
  color: #4a2c5e;
}

/* طرق الدفع */
.woocommerce-checkout #payment {
  margin-top: 14px;
  border-radius: 14px;
  background: #fafbff;
  padding: 16px 16px 12px;
  border: 1px solid #e3e5f0;
}

.woocommerce-checkout .wc_payment_methods > li {
  padding: 10px 0;
  border-bottom: 1px solid #e7e7f2;
}

.woocommerce-checkout .wc_payment_methods > li:last-child {
  border-bottom: none;
}

.woocommerce-checkout .wc_payment_methods label {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.woocommerce-checkout #amwal-logo {
  max-height: 20px;
  margin-right: 6px;
}

/* نص سياسة الخصوصية */
.woocommerce-checkout .woocommerce-privacy-policy-text {
  font-family: 'Cairo', sans-serif;
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}

/* زر تأكيد الطلب - بنفسجي جريديانت */
.woocommerce-checkout .place-order #place_order {
  width: 100%;
  margin-top: 18px;
  padding: 15px 22px;
  background: linear-gradient(135deg, #4a2c5e 0%, #6b4380 50%, #8b5a9e 100%);
  color: #fff !important;
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  font-weight: 800;
  border-radius: 12px;
  border: none;
  box-shadow: 0 8px 25px rgba(74,44,94,0.3);
  transition: all 0.25s ease;
}

.woocommerce-checkout .place-order #place_order:hover {
  background: linear-gradient(135deg, #5a3c6e 0%, #7b5390 50%, #9b6aae 100%);
  transform: translateY(-2px);
  box-shadow: 0 12px 35px rgba(74,44,94,0.4);
}

/* =============================================
   الموبايل
============================================= */
@media (max-width: 768px) {
  .woocommerce-checkout .main-page-wrapper {
    padding: 18px 0 26px;
  }

  .woocommerce-checkout .customer-details,
  .woocommerce-checkout .checkout-order-review {
    width: 100% !important;
    float: none;
    padding: 0 10px !important;
  }

  .woocommerce-checkout #order_review {
    margin-top: 18px;
    padding: 16px 14px 20px;
  }

  .woocommerce-checkout .woocommerce-billing-fields,
  .woocommerce-checkout .woocommerce-additional-fields {
    padding: 18px 16px 8px;
    border-radius: 16px;
  }

  .woocommerce-checkout .woocommerce-checkout-review-order-table thead {
    display: none;
  }

  .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .woocommerce-checkout .wd-checkout-prod-img img {
    width: 60px;
  }

  .woocommerce-checkout .place-order #place_order {
    font-size: 15px;
    padding: 14px 18px;
  }
}

/* الوضع الافتراضي: عمود واحد - بدون تغيير تصميم WoodMart */
.wd-header-cats .wd-dropdown-cats .wd-nav {
    display: block;
}

/* لما الشاشة تبقى أصغر (مثلاً لابتوب 768–900 ارتفاع) نخليها عمودين */
@media (max-height: 900px) {
    .wd-header-cats .wd-dropdown-cats .wd-nav {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* عمودين متساويين */
        column-gap: 0 !important;
        row-gap: 0 !important;
    }

    /* كل عنصر يشتغل كـ بلوك كامل بعرض العمود، مع نفس الخلفية/الستايل */
    .wd-header-cats .wd-dropdown-cats .wd-nav > li {
        width: 100% !important;
    }
}

@media (max-height: 900px) {
    .wd-header-cats .wd-dropdown-cats .wd-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        font-size: 14px !important;
    }

    .wd-header-cats .wd-dropdown-cats .wd-nav-img {
        width: 16px !important;
        height: 16px !important;
    }
}


/* ===========================
   زر السويتشر في الهيدر
   =========================== */

#menu-language {
    display: flex;
    align-items: center;
}

/* زر اللغة الرئيسي في الهيدر */
#menu-language .pll-parent-menu-item > a.woodmart-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px !important;
    border-radius: 0; /* بدون تدوير */
    background: rgba(255,255,255,0.08);
    font-size: 13px;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.12s ease;
}

/* العلم + النص داخل الزر */
#menu-language .pll-parent-menu-item > a .nav-link-text {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#menu-language .pll-parent-menu-item > a img {
    width: 16px;
    height: 11px;
    border-radius: 0; /* بدون تدوير */
}

/* هوفر خفيف على الزر */
#menu-language .pll-parent-menu-item > a:hover {
    background: rgba(255,255,255,0.18);
    transform: translateY(-1px);
}

/* ===========================
   صندوق القائمة المنسدلة
   =========================== */

/* إزالة الحاوية الداخلية الكبيرة لـ WoodMart */
#menu-language .pll-parent-menu-item > .wd-dropdown-menu > .container {
    padding: 0 !important;
    max-width: 100% !important;
}

/* خلفية صندوق الدروب داون كاملاً */
#menu-language .pll-parent-menu-item > .wd-dropdown-menu {
    background-color: #472c5b !important; /* البنفسجي */
    color: #fff;
    border-radius: 0; /* بدون تدوير */
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* قائمة اللغات داخل الدروب داون */
#menu-language .pll-parent-menu-item > .wd-dropdown-menu .wd-sub-menu {
    padding: 4px 0;
}

/* عنصر اللغة داخل الدروب داون */
#menu-language .pll-parent-menu-item > .wd-dropdown-menu .wd-sub-menu > li > a.woodmart-nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    font-size: 13px;
    white-space: nowrap;
    background: transparent;
    color: #fff;
}

/* تصغير العلم داخل الدروب داون */
#menu-language .pll-parent-menu-item > .wd-dropdown-menu img {
    width: 16px;
    height: 11px;
    border-radius: 0; /* بدون تدوير */
}

/* اللغة الحالية داخل القائمة – خلفية أفتح */
#menu-language .pll-parent-menu-item > .wd-dropdown-menu .wd-sub-menu > li.current-lang > a {
    font-weight: 600;
    background: rgba(255,255,255,0.12);
    cursor: default;
}

/* لون نص اللغة الحالية داخل البنفسجي (ذهبي) */
#menu-language .pll-parent-menu-item > .wd-dropdown-menu .wd-sub-menu > li.current-lang > a span {
    color: #ffd86b !important;
}

/* هوفر على اللغات الأخرى */
#menu-language .pll-parent-menu-item > .wd-dropdown-menu .wd-sub-menu > li:not(.current-lang) > a:hover {
    background: rgba(255,255,255,0.08);
}



/* ===================================
    – صفحة تسجيل الدخول والتسجيل
   =================================== */

/* الخلفية العامة للبلوك */
.wd-registration-page.wd-register-tabs {
    background-color: #f7f3ff;
    padding: 40px 30px;
    border-radius: 16px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.05);
    max-width: 1200px;
    margin: 0 auto;
}

/* عناوين تسجيل الدخول / جديد */
.wd-registration-page .wd-login-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #3b2158;
    text-align: right;
}

/* حقول الإدخال */
.wd-registration-page .woocommerce-Input,
.wd-registration-page .input-text {
    border-radius: 10px;
    border: 1px solid #d3c6f2;
    padding: 12px 16px;
    font-size: 14px;
    background-color: #fff;
    width: 100%;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.wd-registration-page .woocommerce-Input:focus,
.wd-registration-page .input-text:focus {
    border-color: #7b3fe4;
    box-shadow: 0 0 0 2px rgba(123,63,228,0.15);
    outline: none;
}

/* Labels الحقول */
.wd-registration-page label {
    font-size: 14px;
    font-weight: 500;
    color: #3b2158;
    margin-bottom: 6px;
    display: block;
}

/* علامة النجمة المطلوبة */
.wd-registration-page .required {
    color: #e74c3c;
}

/* نص الشرح في جانب التسجيل */
.wd-registration-page .registration-info {
    font-size: 14px;
    line-height: 1.7;
    color: #5b4a73;
    margin-bottom: 20px;
    padding: 14px;
    background-color: #ffffff;
    border-radius: 10px;
    border-right: 3px solid #7b3fe4;
}

/* Divider "أو" / "او سجل الدخول بـ" */
.wd-registration-page .wd-login-divider {
    text-align: center;
    margin: 24px 0;
}
.wd-registration-page .wd-login-divider span {
    display: inline-block;
    padding: 4px 16px;
    border-radius: 999px;
    background-color: #efe6ff;
    color: #5b3da5;
    font-size: 13px;
    font-weight: 600;
}

/* أزرار أساسية (تسجيل دخول / تسجيل جديد) */
.wd-registration-page .button,
.wd-registration-page .btn,
.wd-registration-page .woocommerce-button,
.wd-registration-page .wd-switch-to-register {
    border-radius: 999px;
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    /* gradient بنفسجيات حوالين #472c5b */
    background-image: linear-gradient(135deg, #472c5b 0%, #6a3f8b 50%, #9a63d1 100%);
    color: #ffffff !important;
    text-align: center;
    box-shadow: 0 8px 18px rgba(38, 18, 85, 0.25);
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
    display: inline-block;
}
.wd-registration-page .button:hover,
.wd-registration-page .btn:hover,
.wd-registration-page .woocommerce-button:hover,
.wd-registration-page .wd-switch-to-register:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(38, 18, 85, 0.3);
}

/* صف الزر - محاذاة */
.wd-registration-page .form-row-btn {
    text-align: right;
    margin-top: 20px;
}

/* زر جوجل */
.wd-registration-page .wd-social-login {
    margin-top: 16px;
}
.wd-registration-page .wd-social-login .login-goo-link {
    background: #ffffff;
    color: #444444 !important;
    border-radius: 999px;
    border: 1px solid #e2d7ff;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wd-registration-page .wd-social-login .login-goo-link:hover {
    border-color: #7b3fe4;
    box-shadow: 0 6px 16px rgba(123,63,228,0.15);
}

/* أيقونة جوجل (اختياري) */
.wd-registration-page .wd-social-login .login-goo-link::before {
    content: "G";
    display: inline-block;
    margin-left: 8px;
    font-weight: 700;
    color: #ea4335;
    font-size: 16px;
}

/* روابط تحت الفورم (نسيت كلمة السر – تذكرني) */
.wd-registration-page .login-form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    font-size: 13px;
}
.wd-registration-page .login-form-footer a {
    color: #7b3fe4;
    text-decoration: none;
    font-weight: 500;
}
.wd-registration-page .login-form-footer a:hover {
    text-decoration: underline;
}

/* Checkbox تذكرني */
.wd-registration-page .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 6px;
}
.wd-registration-page .woocommerce-form-login__rememberme input {
    width: auto;
    margin: 0;
}

/* نص سياسة الخصوصية */
.wd-registration-page .woocommerce-privacy-policy-text {
    background-color: #ffffff;
    padding: 12px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.6;
    color: #5b4a73;
    margin-bottom: 16px;
}
.wd-registration-page .woocommerce-privacy-policy-text a {
    color: #7b3fe4;
    text-decoration: none;
}
.wd-registration-page .woocommerce-privacy-policy-text a:hover {
    text-decoration: underline;
}

/* العمود الثالث - col-register-text */
.wd-registration-page .col-register-text {
    background-color: #ffffff;
    padding: 30px 24px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

/* Password input wrapper */
.wd-registration-page .password-input {
    position: relative;
    display: block;
}
.wd-registration-page .password-input .show-password-input {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #999;
}
.wd-registration-page .password-input .show-password-input:hover {
    color: #7b3fe4;
}

/* ===============================
   Responsive – موبايل: عمود واحد
   =============================== */
/* ===============================
   ضبط الموبايل – كل عمود بعرض كامل
   =============================== */
@media (max-width: 767px) {

    /* خلي الحاوية تصرفها عمودي بعرض كامل */
    .wd-registration-page .wd-grid-f-col {
        display: block !important;
    }

    .wd-registration-page .wd-grid-f-col > .wd-col {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 24px;
    }

    /* شوية تجميل */
    .wd-registration-page.wd-register-tabs {
        padding: 24px 16px;
    }

    .wd-registration-page .wd-login-title {
        text-align: center;
        font-size: 20px;
    }

    .wd-registration-page .form-row-btn {
        text-align: center;
    }

    .wd-registration-page .button,
    .wd-registration-page .btn,
    .wd-registration-page .woocommerce-button,
    .wd-registration-page .wd-switch-to-register {
        width: 100%;
    }

    .wd-registration-page .login-form-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .wd-registration-page .col-register-text {
        text-align: center;
    }
}
/* ═══════════════════════════════════════════════
   تحسين القوائم الثانوية بجانب "تسوق حسب الفئات"
   ═══════════════════════════════════════════════ */

/* الحاوية الرئيسية للقوائم الثانوية */
.wd-header-secondary-nav .wd-nav-header {
  align-items: center;
  gap: 0 !important;
}

/* العناصر الرئيسية (اكواد الالعاب - بطاقات أجهزة الألعاب) */
.wd-header-secondary-nav .wd-nav-header > li {
  position: relative;
  margin: 0 !important;
}

/* الروابط الرئيسية - تصميم بسيط (نص + سهم فقط) */
.wd-header-secondary-nav .wd-nav-header > li > a.woodmart-nav-link {
  padding: 12px 20px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-radius: 0 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
  overflow: visible;
  box-shadow: none;
  border: none;
}

/* إضافة سهم بجانب النص */
.wd-header-secondary-nav .wd-nav-header > li.menu-item-has-children > a.woodmart-nav-link .nav-link-text::after {
  content: '▼';
  margin-right: 8px;
  font-size: 10px;
  transition: transform 0.3s ease;
  display: inline-block;
}

/* خط فاصل بين القوائم */
.wd-header-secondary-nav .wd-nav-header > li:not(:last-child) {
  margin-left: 8px !important;
}

/* شريط سفلي متحرك عند الهوفر - بنفسجي */
.wd-header-secondary-nav .wd-nav-header > li > a.woodmart-nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #4a2c5e;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

/* تأثير الهوفر - جراديينت بنفسجي فاتح */
.wd-header-secondary-nav .wd-nav-header > li:hover > a.woodmart-nav-link {
  background: linear-gradient(135deg, #5e3a7a 0%, #7a52a0 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(94, 58, 122, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.wd-header-secondary-nav .wd-nav-header > li:hover > a.woodmart-nav-link::after {
  width: 100%;
}

/* تدوير السهم عند الهوفر */
.wd-header-secondary-nav .wd-nav-header > li:hover > a.woodmart-nav-link .nav-link-text::after {
  transform: rotate(180deg);
}

/* النص داخل الرابط - أبيض دائماً */
.wd-header-secondary-nav .wd-nav-header > li > a .nav-link-text {
  position: relative;
  z-index: 1;
  letter-spacing: 0.3px;
  color: #ffffff !important;
}

/* لون النص عند الهوفر - أبيض بقوة */
.wd-header-secondary-nav .wd-nav-header > li:hover > a.woodmart-nav-link .nav-link-text {
  color: #ffffff !important;
}

/* override أي قواعد برتقالية */
.wd-header-secondary-nav .wd-nav-header > li:hover > a.woodmart-nav-link,
.wd-header-secondary-nav .wd-nav-header > li:hover > a.woodmart-nav-link * {
  color: #ffffff !important;
}

/* الـ Dropdown المنسدل - تحسين الظهور */
.wd-header-secondary-nav .wd-dropdown-menu.wd-dropdown {
  margin-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
  border-top: 3px solid #4a2c5e !important;
  animation: fadeInDown 0.3s ease !important;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* عناصر القائمة المنسدلة */
.wd-header-secondary-nav .wd-sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  transition: all 0.2s ease;
}

.wd-header-secondary-nav .wd-sub-menu li:last-child {
  border-bottom: none !important;
}

/* روابط القائمة المنسدلة */
.wd-header-secondary-nav .wd-sub-menu li a {
  padding: 12px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.2s ease !important;
  position: relative;
}

/* الأيقونات في القائمة المنسدلة */
.wd-header-secondary-nav .wd-sub-menu li a .wd-nav-img {
  width: 20px !important;
  height: 20px !important;
  transition: transform 0.2s ease;
  filter: brightness(0.95);
}

/* هوفر القائمة المنسدلة - برتقالي */
.wd-header-secondary-nav .wd-sub-menu li:hover {
  background: rgba(255, 122, 26, 0.08) !important;
  border-left: 1px solid #ff6600 !important;
  padding-right: 1px;
}

.wd-header-secondary-nav .wd-sub-menu li:hover a {
  color: #ff6600 !important;
  padding-right: 5px !important;
}

.wd-header-secondary-nav .wd-sub-menu li:hover a .wd-nav-img {
  transform: translateX(-3px) scale(1.1);
}

/* تأثير Active للقائمة المفتوحة */
.wd-header-secondary-nav .wd-nav-header > li.wd-active > a.woodmart-nav-link,
.wd-header-secondary-nav .wd-nav-header > li.menu-item-has-children.wd-event-hover:hover > a.woodmart-nav-link {
  background: linear-gradient(135deg, #5e3a7a 0%, #7a52a0 100%) !important;
  color: #ffffff !important;
}

/* على الشاشات الصغيرة - تصغير القوائم */
@media (max-width: 1024px) {
  .wd-header-secondary-nav .wd-nav-header > li > a.woodmart-nav-link {
    padding: 10px 16px !important;
    font-size: 13px !important;
  }
  
  .wd-header-secondary-nav .wd-nav-header > li:not(:last-child) {
    margin-left: 6px !important;
  }
}

/* تحسين التوافق مع الهيدر الثابت (sticky) */
.whb-sticky-row.whb-sticky-prepared .wd-header-secondary-nav .wd-nav-header > li > a.woodmart-nav-link {
  padding: 10px 18px !important;
  font-size: 13px !important;
}

/* إضافة تأثير Pulse خفيف للفت الانتباه (اختياري) */
@keyframes pulseGlow {
  0%, 100% {
    opacity: 0.9;
  }
  50% {
    opacity: 1;
  }
}





/* ============================================
   🎮 SABE2 - Mobile Enhancement CSS
   بيشتغل على الكود الحالي ويحسنه
   ============================================ */

@media screen and (max-width: 768px) {

/* ============================================
   1. HEADER - تحسين الهيدر
   ============================================ */
.whb-general-header {
    background: #fff !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08) !important;
}

.whb-flex-row {
    padding: 10px 16px !important;
}

/* اللوجو */
.whb-mobile-center .site-logo img {
    max-width: 110px !important;
    height: auto !important;
    transition: transform 0.3s ease !important;
}

/* أيقونات الهيدر */
.whb-mobile-left .wd-tools-icon,
.whb-mobile-right .wd-tools-icon {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(74, 44, 94, 0.06) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

.whb-mobile-left .wd-tools-icon:active,
.whb-mobile-right .wd-tools-icon:active {
    transform: scale(0.95) !important;
    background: rgba(74, 44, 94, 0.12) !important;
}

.whb-mobile-left .wd-tools-icon::before,
.whb-mobile-right .wd-tools-icon::before {
    color: #4a2c5e !important;
    font-size: 20px !important;
}

/* Badge السلة */
.whb-mobile-right .wd-cart-number {
    background: linear-gradient(135deg, #ff7a1a 0%, #ff9a4a 100%) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    min-width: 20px !important;
    height: 20px !important;
    border-radius: 10px !important;
    top: -4px !important;
    right: -4px !important;
    box-shadow: 0 2px 6px rgba(255,122,26,0.4) !important;
}

/* ============================================
   2. SLIDER/BANNER - تحسين البانر
   ============================================ */
#n2-ss-2 {
    padding: 12px 16px !important;
}

#n2-ss-2 .n2-ss-slide {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}

#n2-ss-2 .n2-ss-slide-background-image {
    border-radius: 20px !important;
}

/* Slider Dots */
#n2-ss-2 .n2-ss-widget-bullet-bar {
    bottom: 12px !important;
}

#n2-ss-2 .n2-bullet {
    width: 8px !important;
    height: 8px !important;
    background: rgba(255,255,255,0.4) !important;
    border-radius: 4px !important;
    margin: 0 3px !important;
    transition: all 0.3s ease !important;
}

#n2-ss-2 .n2-bullet.n2-active {
    width: 24px !important;
    background: #fff !important;
}

/* ============================================
   3. SECTION TITLES - عناوين الأقسام
   ============================================ */
.wd-el-title,
.elementor-heading-title,
.wd-tabs-header .tabs-name .tabs-text {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #2d1640 !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* زر المزيد من الفئات */
.elementor-button.elementor-size-sm {
    background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(74,44,94,0.25) !important;
    transition: all 0.3s ease !important;
}

.elementor-button.elementor-size-sm:active {
    transform: scale(0.97) !important;
    box-shadow: 0 2px 8px rgba(74,44,94,0.3) !important;
}

/* ============================================
   4. CATEGORIES - كروت الفئات
   ============================================ */
.wd-cats-element .wd-grid-g.elements-grid,
.wd-cats-element .wd-cats.elements-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 16px !important;
}

.wd-cats-element .elements-grid .wd-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    margin: 0 !important;
}

.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 16px !important;
    padding: 14px 12px !important;
    min-height: 80px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    transition: all 0.3s ease !important;
}

.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner:active {
    transform: scale(0.98) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* أيقونة الفئة */
.wd-cats-element .wd-cat-thumb {
    flex: 0 0 48px !important;
    margin: 0 0 0 12px !important;
}

.wd-cats-element .wd-cat-thumb .wd-cat-image img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #f8f5ff 0%, #fff 100%) !important;
    padding: 6px !important;
    transition: transform 0.3s ease !important;
}

/* اسم الفئة */
.wd-cats-element .wd-cat-content {
    flex: 1 1 auto !important;
    text-align: right !important;
    margin: 0 !important;
}

.wd-cats-element .wd-entities-title {
    color: #2d1640 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
}

/* ============================================
   5. PRODUCTS TABS - قسم العروض والمنتجات
   ============================================ */
.wd-tabs.wd-products-tabs {
    background: #fafafa !important;
    padding: 16px 12px !important;
    margin: 16px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
}

.wd-tabs .wd-tabs-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
    background: transparent !important;
}

.wd-tabs-header .tabs-name .tabs-text {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2d1640 !important;
}

/* التابات */
.wd-nav-tabs.wd-style-default {
    gap: 6px !important;
}

.wd-nav-tabs.wd-style-default .wd-nav-link {
    font-size: 11px !important;
    padding: 8px 14px !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #666 !important;
    font-weight: 600 !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    transition: all 0.3s ease !important;
}

.wd-nav-tabs.wd-style-default li.wd-active .wd-nav-link {
    background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(74,44,94,0.25) !important;
}

/* كروت المنتجات */
.wd-products-element .product-wrapper {
    background: #fff !important;
    padding: 10px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    transition: all 0.3s ease !important;
}

.wd-products-element .product-element-top {
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
}

.wd-products-element .wd-entities-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
    color: #2d1640 !important;
}

/* السعر */
.wd-products-element .price {
    font-size: 14px !important;
}

.wd-products-element del .amount {
    color: #999 !important;
    font-size: 12px !important;
}

.wd-products-element ins .amount {
    color: #ff7a1a !important;
    font-weight: 700 !important;
}

/* زر إضافة للسلة */
.wd-products-element .wd-add-btn a,
.wd-add-btn a {
    background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(74,44,94,0.2) !important;
    transition: all 0.3s ease !important;
}

.wd-products-element .wd-add-btn a:active {
    transform: scale(0.97) !important;
}

/* Badge الخصم */
.wd-products-element .product-labels .onsale,
.product-label.onsale {
    background: linear-gradient(135deg, #ff6600 0%, #ff8533 100%) !important;
    border-radius: 8px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(255,102,0,0.3) !important;
}

/* ============================================
   6. TRUST SECTION - قسم الثقة
   ============================================ */
.elementor-icon-box-wrapper {
    text-align: center !important;
    padding: 20px 15px !important;
}

.elementor-icon-box-icon {
    margin-bottom: 12px !important;
}

.elementor-icon-box-icon .elementor-icon {
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, #f8f5ff 0%, #fff 100%) !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    box-shadow: 0 4px 15px rgba(74,44,94,0.1) !important;
}

.elementor-icon-box-icon .elementor-icon i,
.elementor-icon-box-icon .elementor-icon svg {
    font-size: 28px !important;
    color: #4a2c5e !important;
}

.elementor-icon-box-title {
    font-family: 'Cairo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2d1640 !important;
    margin-bottom: 6px !important;
}

.elementor-icon-box-description {
    font-family: 'Cairo', sans-serif !important;
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.6 !important;
}

/* ============================================
   7. BOTTOM NAVIGATION - شريط التنقل السفلي
   ============================================ */
.wd-toolbar {
    background: #fff !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
    padding: 8px 0 10px !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.06) !important;
}

.wd-toolbar-item,
.wd-toolbar .wd-header-cart,
.wd-toolbar .wd-header-my-account {
    flex: 1 !important;
    padding: 4px 8px !important;
}

.wd-toolbar-item a,
.wd-toolbar .wd-header-cart a,
.wd-toolbar .wd-header-my-account a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 8px 12px !important;
    border-radius: 14px !important;
    transition: all 0.3s ease !important;
    min-height: 58px !important;
}

.wd-toolbar .wd-tools-icon {
    font-size: 22px !important;
    width: 26px !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.wd-toolbar .wd-tools-icon::before {
    font-size: 22px !important;
    color: #888 !important;
    transition: color 0.3s ease !important;
}

.wd-toolbar-label {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #888 !important;
    line-height: 1.2 !important;
    transition: color 0.3s ease !important;
}

/* Active State */
.wd-toolbar-item.wd-active a,
.wd-toolbar-item:first-child a {
    background: rgba(74,44,94,0.08) !important;
}

.wd-toolbar-item.wd-active .wd-tools-icon::before,
.wd-toolbar-item:first-child .wd-tools-icon::before {
    color: #4a2c5e !important;
}

.wd-toolbar-item.wd-active .wd-toolbar-label,
.wd-toolbar-item:first-child .wd-toolbar-label {
    color: #4a2c5e !important;
}

/* Cart Badge في Toolbar */
.wd-toolbar .wd-cart-number {
    background: linear-gradient(135deg, #ff7a1a 0%, #ff9a4a 100%) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 9px !important;
    position: absolute !important;
    top: 0 !important;
    right: 50% !important;
    transform: translateX(50%) translateX(10px) !important;
    box-shadow: 0 2px 6px rgba(255,122,26,0.4) !important;
}

/* ============================================
   8. FLOATING CHAT BUTTON - زر الدردشة
   ============================================ */
/* Tawk.to تعديل موقع */
iframe[title*="chat"],
#tawkchat-container,
.tawk-min-container {
    bottom: 80px !important;
    right: 16px !important;
}

/* ============================================
   9. FOOTER - تحسين الفوتر
   ============================================ */
.wd-footer {
    padding: 30px 0 0 !important;
}

.wd-footer .ekitsocialmedia {
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
}

.wd-footer .ekitsocialmedia li a {
    width: 44px !important;
    height: 44px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.wd-footer .ekitsocialmedia li a:active {
    transform: scale(0.95) !important;
    background: rgba(255,152,0,0.3) !important;
}

.wd-footer .ekit-heading--title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ff9800 !important;
    margin-bottom: 14px !important;
}

.wd-footer .elementor-nav-menu .elementor-item,
.wd-footer .elementor-icon-list-text {
    font-size: 13px !important;
    padding: 6px 0 !important;
}

/* ============================================
   10. GENERAL IMPROVEMENTS
   ============================================ */
/* Smooth scrolling */
html {
    scroll-behavior: smooth !important;
}

/* Better tap targets */
a, button {
    min-height: 44px !important;
    min-width: 44px !important;
}

/* Page padding */
.wd-page-wrapper,
.elementor-section-wrap {
    padding-bottom: 80px !important;
}

/* Container padding */
.elementor-container {
    padding: 0 16px !important;
}

/* Section spacing */
.elementor-section {
    margin-bottom: 16px !important;
}

/* Loading state */
.wd-add-btn a.loading {
    opacity: 0.7 !important;
    pointer-events: none !important;
}

}

/* ============================================
   SMALL SCREENS - شاشات أصغر
   ============================================ */
@media screen and (max-width: 400px) {

.wd-cats-element .wd-grid-g.elements-grid {
    gap: 10px !important;
    padding: 0 12px !important;
}

.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner {
    padding: 12px 10px !important;
    min-height: 72px !important;
}

.wd-cats-element .wd-cat-thumb {
    flex: 0 0 42px !important;
}

.wd-cats-element .wd-cat-thumb .wd-cat-image img {
    width: 42px !important;
    height: 42px !important;
}

.wd-cats-element .wd-entities-title {
    font-size: 13px !important;
}

.wd-tabs.wd-products-tabs {
    margin: 12px !important;
    padding: 12px 10px !important;
}

.wd-tabs-header .tabs-name .tabs-text {
    font-size: 14px !important;
}

.wd-nav-tabs.wd-style-default .wd-nav-link {
    font-size: 10px !important;
    padding: 6px 10px !important;
}

}
/* ============================================
   FIX: زر إضافة إلى السلة - النص المقطوع
   ============================================ */
@media screen and (max-width: 768px) {

/* زر إضافة للسلة في المنتجات */
.wd-products-element .wd-add-btn a,
.wd-add-btn a,
.product-wrapper .wd-add-btn a,
button[name="add-to-cart"],
.single_add_to_cart_button {
    font-size: 11px !important;
    padding: 10px 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* لو عايز النص يظهر كامل بدون قطع */
.wd-products-element .wd-add-btn,
.product-wrapper .wd-add-btn {
    width: 100% !important;
}

.wd-products-element .wd-add-btn a,
.product-wrapper .wd-add-btn a {
    width: 100% !important;
    font-size: 10px !important;
    padding: 10px 6px !important;
    letter-spacing: -0.3px !important;
}

}

/* شاشات أصغر */
@media screen and (max-width: 400px) {

.wd-products-element .wd-add-btn a,
.product-wrapper .wd-add-btn a {
    font-size: 9px !important;
    padding: 9px 4px !important;
}

}

/* ============================================
   📱 MOBILE SIDEBAR MENU - القائمة الجانبية
   ============================================ */

/* الخلفية العامة */
.mobile-nav.wd-side-hidden {
    background: #fff !important;
    width: 85% !important;
    max-width: 320px !important;
    box-shadow: -5px 0 30px rgba(0,0,0,0.15) !important;
}

/* الهيدر - زر الإغلاق */
.mobile-nav .wd-heading {
    background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%) !important;
    padding: 16px 20px !important;
    border-bottom: none !important;
}

.mobile-nav .close-side-widget a {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.mobile-nav .close-side-widget a::before {
    font-size: 18px !important;
    color: #fff !important;
}

/* صندوق البحث */
.mobile-nav .wd-search-form {
    padding: 16px !important;
    background: #f8f8f8 !important;
}

.mobile-nav .searchform {
    background: #fff !important;
    border-radius: 14px !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}

.mobile-nav .searchform input.s {
    border: none !important;
    background: transparent !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
    flex: 1 !important;
}

.mobile-nav .searchform input.s::placeholder {
    color: #999 !important;
}

.mobile-nav .searchform .searchsubmit {
    background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%) !important;
    border: none !important;
    padding: 12px 16px !important;
    margin: 4px !important;
    border-radius: 10px !important;
    color: #fff !important;
    min-width: auto !important;
    min-height: auto !important;
}

.mobile-nav .searchform .searchsubmit span {
    font-size: 0 !important;
}

.mobile-nav .searchform .searchsubmit::before {
    content: "\f10a" !important;
    font-family: "woodmart-font" !important;
    font-size: 18px !important;
}

/* التابات (الأقسام / القائمة) */
.mobile-nav .wd-nav-mob-tab {
    display: flex !important;
    background: #fff !important;
    padding: 0 16px !important;
    gap: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

.mobile-nav .wd-nav-mob-tab li {
    flex: 1 !important;
    text-align: center !important;
}

.mobile-nav .wd-nav-mob-tab li a {
    display: block !important;
    padding: 14px 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #888 !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.3s ease !important;
}

.mobile-nav .wd-nav-mob-tab li.wd-active a {
    color: #4a2c5e !important;
    border-bottom-color: #4a2c5e !important;
}

/* قائمة العناصر */
.mobile-nav .wd-nav-mobile {
    padding: 8px 0 !important;
}

.mobile-nav .wd-nav-mobile > li {
    margin: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
}

.mobile-nav .wd-nav-mobile > li:last-child {
    border-bottom: none !important;
}

.mobile-nav .wd-nav-mobile > li > a {
    display: flex !important;
    align-items: center !important;
    padding: 14px 20px !important;
    gap: 12px !important;
    transition: all 0.3s ease !important;
}

.mobile-nav .wd-nav-mobile > li > a:active {
    background: rgba(74,44,94,0.06) !important;
}

/* أيقونات القائمة */
.mobile-nav .wd-nav-mobile .wd-nav-img {
    width: 28px !important;
    height: 28px !important;
    padding: 5px !important;
    background: linear-gradient(135deg, #f8f5ff 0%, #fff 100%) !important;
    border-radius: 10px !important;
    object-fit: contain !important;
    box-shadow: 0 2px 8px rgba(74,44,94,0.1) !important;
}

/* نص العنصر */
.mobile-nav .wd-nav-mobile .nav-link-text {
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    flex: 1 !important;
}



/* سهم القائمة الفرعية */
.mobile-nav .wd-nav-opener {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,0.03) !important;
    border-radius: 10px !important;
    margin-left: 10px !important;
}

.mobile-nav .wd-nav-opener::after {
    font-size: 10px !important;
    color: #666 !important;
}

/* القائمة الفرعية */
.mobile-nav .wd-sub-menu {
    background: #f9f9f9 !important;
    padding: 8px 0 !important;
    margin: 0 !important;
}

.mobile-nav .wd-sub-menu li a {
    padding: 12px 20px 12px 50px !important;
    font-size: 13px !important;
    color: #555 !important;
}

.mobile-nav .wd-sub-menu li a:active {
    background: rgba(74,44,94,0.04) !important;
}

/* عنصر اللغة */
.mobile-nav .lang-item a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.mobile-nav .lang-item img {
    width: 22px !important;
    height: 16px !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* عنصر حسابي */
.mobile-nav .menu-item-account > a {
    border-top: 1px solid rgba(0,0,0,0.06) !important;
    margin-top: 8px !important;
    padding-top: 18px !important;
}

.mobile-nav .menu-item-account > a::before {
    content: "\e90c" !important;
    font-family: "woodmart-font" !important;
    font-size: 20px !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f8f5ff 0%, #fff 100%) !important;
    border-radius: 10px !important;
    color: #4a2c5e !important;
    box-shadow: 0 2px 8px rgba(74,44,94,0.1) !important;
}



/* Animation */
.mobile-nav.wd-side-hidden {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* ============================================
   FIX: Badge الخصم - ظهوره كامل
   ============================================ */
@media screen and (max-width: 768px) {

/* السماح للـ Badge بالظهور */
.wd-products-element .product-wrapper {
    overflow: visible !important;
}

.wd-products-element .product-element-top {
    overflow: visible !important;
    position: relative !important;
}

/* تنسيق الـ Badge */
.wd-products-element .product-labels,
.product-labels {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 5 !important;
}

.wd-products-element .product-labels .onsale,
.product-label.onsale {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #ff6600 0%, #ff8533 100%) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    min-width: auto !important;
    box-shadow: 0 2px 8px rgba(255,102,0,0.35) !important;
}

/* لو الـ Badge في مكان تاني */
.wd-products-element .product-image-link {
    overflow: visible !important;
}

/* صورة المنتج تبقى rounded بس الـ container يسمح بالـ badge */
.wd-products-element .product-element-top img {
    border-radius: 12px !important;
}

}
/* ============================================
   FIX: توحيد حجم أزرار المنتجات
   ============================================ */
@media screen and (max-width: 768px) {

/* توحيد الـ product card height */
.wd-products-element .product-wrapper,
.wd-carousel-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.wd-products-element .product-element-bottom,
.wd-carousel-item .product-element-bottom {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* الزر يبقى في الأسفل دايماً */
.wd-products-element .wd-add-btn,
.wd-carousel-item .wd-add-btn {
    margin-top: auto !important;
}

/* توحيد حجم الزر */
.wd-products-element .wd-add-btn a,
.wd-carousel-item .wd-add-btn a,
.product-wrapper .wd-add-btn a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(74,44,94,0.2) !important;
    transition: all 0.3s ease !important;
}

/* النص داخل الزر */
.wd-products-element .wd-add-btn a span,
.wd-carousel-item .wd-add-btn a span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Hover effect */
.wd-products-element .wd-add-btn a:active,
.wd-carousel-item .wd-add-btn a:active {
    transform: scale(0.97) !important;
}

/* توحيد عنوان المنتج */
.wd-products-element .wd-entities-title,
.wd-carousel-item .wd-entities-title {
    font-size: 12px !important;
    line-height: 1.4 !important;
    min-height: 34px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* توحيد اسم الفئة */
.wd-products-element .wd-product-cats,
.wd-carousel-item .wd-product-cats {
    font-size: 10px !important;
    min-height: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* توحيد السعر */
.wd-products-element .wrap-price,
.wd-carousel-item .wrap-price {
    min-height: 22px !important;
    margin-bottom: 8px !important;
}

}

/* شاشات أصغر */
@media screen and (max-width: 400px) {

.wd-products-element .wd-add-btn a,
.wd-carousel-item .wd-add-btn a {
    font-size: 10px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 8px !important;
}

.wd-products-element .wd-entities-title,
.wd-carousel-item .wd-entities-title {
    font-size: 11px !important;
    min-height: 30px !important;
}

}
/* ============================================
   🎮 CATEGORIES SECTION - قسم الفئات المحسّن
   ============================================ */
@media screen and (max-width: 768px) {

/* ============================================
   1. العنوان والزر
   ============================================ */
.elementor-element-80c93d3 .e-con-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 16px !important;
    margin-bottom: 16px !important;
}

/* العنوان */
.ekit-heading--title.elementskit-section-title {
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d1640 !important;
    margin: 0 !important;
}

.ekit-heading--title span span {
    color: #ff7a1a !important;
}

/* زر المزيد */
.elementor-element-3249e4e .elementor-button {
    background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(74,44,94,0.2) !important;
    transition: all 0.3s ease !important;
}

.elementor-element-3249e4e .elementor-button-icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: #fff !important;
}

.elementor-element-3249e4e .elementor-button:active {
    transform: scale(0.97) !important;
}

/* ============================================
   2. Grid الفئات
   ============================================ */
.wd-cats-element .wd-grid-g.elements-grid,
.wd-cats-element .wd-cats.elements-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 16px !important;
}

.wd-cats-element .elements-grid .wd-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    margin: 0 !important;
}

/* ============================================
   3. كارت الفئة - التصميم الجديد
   ============================================ */
.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 16px !important;
    padding: 16px 14px !important;
    min-height: 90px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Hover/Active effect */
.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner:active {
    transform: scale(0.98) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    border-color: rgba(255,122,26,0.2) !important;
}

/* ============================================
   4. أيقونة الفئة - محسّنة
   ============================================ */
.wd-cats-element .wd-cat-thumb {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(145deg, #f8f5ff 0%, #f0ebf8 100%) !important;
    border-radius: 14px !important;
    padding: 10px !important;
    box-shadow: 
        0 4px 12px rgba(74,44,94,0.08),
        inset 0 1px 0 rgba(255,255,255,0.8) !important;
    transition: all 0.3s ease !important;
}

.wd-cats-element .wd-cat-thumb .wd-cat-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.wd-cats-element .wd-cat-thumb .wd-cat-image img {
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    transition: transform 0.3s ease !important;
}

/* Hover على الأيقونة */
.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner:active .wd-cat-thumb {
    background: linear-gradient(145deg, #fff5eb 0%, #ffead9 100%) !important;
    box-shadow: 
        0 4px 12px rgba(255,122,26,0.12),
        inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner:active .wd-cat-image img {
    transform: scale(1.1) !important;
}

/* ============================================
   5. اسم الفئة
   ============================================ */
.wd-cats-element .wd-cat-content {
    flex: 1 1 auto !important;
    text-align: right !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.wd-cats-element .wd-entities-title {
    font-family: 'Cairo', sans-serif !important;
    color: #2d1640 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.3s ease !important;
}

/* Hover على الاسم */
.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner:active .wd-entities-title {
    color: #ff7a1a !important;
}

/* ============================================
   6. اللينك الشفاف
   ============================================ */
.wd-cats-element .category-grid-item .wd-fill.category-link {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    border-radius: 16px !important;
}

/* ============================================
   7. Decorative elements (اختياري)
   ============================================ */
.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, rgba(255,122,26,0.05) 0%, transparent 70%) !important;
    border-radius: 0 16px 0 60px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner:active::before {
    opacity: 1 !important;
}

}

/* ============================================
   شاشات أصغر
   ============================================ */
@media screen and (max-width: 400px) {

.wd-cats-element .wd-grid-g.elements-grid {
    gap: 10px !important;
    padding: 0 12px !important;
}

.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner {
    padding: 14px 12px !important;
    min-height: 80px !important;
    gap: 10px !important;
}

.wd-cats-element .wd-cat-thumb {
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 50px !important;
    padding: 8px !important;
}

.wd-cats-element .wd-cat-thumb .wd-cat-image img {
    width: 32px !important;
    height: 32px !important;
}

.wd-cats-element .wd-entities-title {
    font-size: 12px !important;
}

.elementor-element-80c93d3 .e-con-inner {
    padding: 0 12px !important;
}

.ekit-heading--title.elementskit-section-title {
    font-size: 16px !important;
}

.elementor-element-3249e4e .elementor-button {
    padding: 8px 12px !important;
    font-size: 11px !important;
}

}

/* ============================================
   شاشات صغيرة جداً (عمود واحد)
   ============================================ */
@media screen and (max-width: 340px) {

.wd-cats-element .wd-grid-g.elements-grid {
    grid-template-columns: 1fr !important;
}

.wd-cats-element .category-grid-item.wd-cat .wd-cat-inner {
    padding: 14px 16px !important;
}

}
/* ============================================
   🔥 SABE2 Trust Bar - Mobile Only
   ============================================ */
@media screen and (max-width: 768px) {

.sabe2-trust-bar {
    background: linear-gradient(135deg, #1a0a2e 0%, #2d1640 50%, #1a0a2e 100%) !important;
    padding: 0 !important;    
	  margin: 0 -16px !important;  /* ← شيل padding الصفحة */
	    width: calc(100% + 32px) !important;  /* ← عرض كامل */

    overflow: hidden !important;
    position: relative !important;
}

/* Glow effect */
.sabe2-trust-bar::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 200px !important;
    height: 100% !important;
    background: radial-gradient(ellipse, rgba(255,122,26,0.15) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.trust-bar-container {
    width: 100% !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
}

.trust-bar-container::-webkit-scrollbar {
    display: none !important;
}

.trust-bar-scroll {
    display: flex !important;
    gap: 0 !important;
    padding: 14px 8px !important;
    min-width: max-content !important;
}

/* العنصر */
.trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 16px !important;
    border-left: 1px solid rgba(255,255,255,0.1) !important;
    min-width: 160px !important;
    flex-shrink: 0 !important;
}

/* RTL Support */
html[dir="rtl"] .trust-item,
body.rtl .trust-item {
    border-left: none !important;
    border-right: 1px solid rgba(255,255,255,0.1) !important;
}

.trust-item:first-child {
    border: none !important;
}

/* الأيقونة */
.trust-icon {
    font-size: 24px !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(145deg, rgba(255,122,26,0.2) 0%, rgba(255,122,26,0.05) 100%) !important;
    border-radius: 12px !important;
    flex-shrink: 0 !important;
    box-shadow: 
        0 4px 15px rgba(255,122,26,0.2),
        inset 0 1px 0 rgba(255,255,255,0.1) !important;
}

/* النص */
.trust-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.trust-title {
    font-family: 'Cairo', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    white-space: nowrap !important;
}

.trust-desc {
    font-family: 'Cairo', sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.6) !important;
    white-space: nowrap !important;
}

/* Animation - Auto scroll hint */
@keyframes trustBarHint {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-10px); }
}

html[dir="rtl"] .trust-bar-scroll,
body.rtl .trust-bar-scroll {
    animation: trustBarHintRTL 3s ease-in-out 1s 1 !important;
}

.trust-bar-scroll {
    animation: trustBarHint 3s ease-in-out 1s 1 !important;
}

@keyframes trustBarHintRTL {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(10px); }
}

/* Gradient edges */
.sabe2-trust-bar::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 20px !important;
    height: 100% !important;
    background: linear-gradient(to right, #1a0a2e 0%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

html[dir="rtl"] .sabe2-trust-bar::after,
body.rtl .sabe2-trust-bar::after {
    left: auto !important;
    right: 0 !important;
    background: linear-gradient(to left, #1a0a2e 0%, transparent 100%) !important;
}

}

/* إخفاء على الديسكتوب */
@media screen and (min-width: 769px) {
    .sabe2-trust-bar {
        display: none !important;
    }
}

/* ============================================
   🦶 FOOTER - تحسين الفوتر
   ============================================ */
@media screen and (max-width: 768px) {

/* إصلاح المساحة الفارغة تحت الفوتر */
.wd-toolbar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
}

/* مساحة للمحتوى عشان ميتغطاش بالـ toolbar */
body {
    padding-bottom: 70px !important;
}

.wd-footer,
footer.footer-container {
    margin-bottom: 0 !important;
    padding-bottom: 20px !important;
}

/* إزالة المساحة الفارغة */
.wd-prefooter,
.copyrights-wrapper {
    margin-bottom: 0 !important;
}

/* ============================================
   تحسين أعمدة الفوتر
   ============================================ */
/* تباعد بين الأعمدة */
.wd-footer .elementor-row,
.wd-footer .e-con-inner,
.wd-footer .elementor-container {
    gap: 30px !important;
}

.wd-footer .elementor-column,
.wd-footer .e-child {
    padding: 0 15px !important;
    margin-bottom: 20px !important;
}

/* عناوين الأقسام - لون واضح */
.wd-footer .ekit-heading--title,
.wd-footer .widget-title,
.wd-footer h4,
.wd-footer h3,
.wd-footer .elementor-heading-title {
    color: #ff9800 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid rgba(255,152,0,0.3) !important;
    display: inline-block !important;
}

/* روابط الفوتر */
.wd-footer .elementor-icon-list-item,
.wd-footer .menu-item a,
.wd-footer a {
    color: rgba(255,255,255,0.8) !important;
    font-size: 13px !important;
    padding: 6px 0 !important;
    transition: all 0.3s ease !important;
}

.wd-footer .elementor-icon-list-item:hover,
.wd-footer .menu-item a:hover,
.wd-footer a:hover {
    color: #ff9800 !important;
    padding-right: 5px !important;
}

/* السوشيال ميديا */
.wd-footer .elementskit-social-media {
    gap: 12px !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}

.wd-footer .elementskit-social-media li a {
    width: 44px !important;
    height: 44px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wd-footer .elementskit-social-media li a:hover {
    background: rgba(255,152,0,0.2) !important;
    transform: translateY(-3px) !important;
}

/* قسم التواصل */
.wd-footer .elementor-icon-list-icon {
    color: #ff9800 !important;
}

/* Copyright */
.copyrights-wrapper,
.wd-footer .copyright {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    padding-top: 15px !important;
    margin-top: 20px !important;
}

/* اللوجو في الفوتر */
.wd-footer .site-logo img {
    max-width: 120px !important;
    margin-bottom: 15px !important;
}

}
/* ============================================
   📱 BOTTOM NAVIGATION - Active State Fix
   ============================================ */
@media screen and (max-width: 768px) {

/* إزالة الـ active الثابت من تسوق */
.wd-toolbar .wd-toolbar-item a,
.wd-toolbar .wd-header-cart a,
.wd-toolbar .wd-header-my-account a {
    background: transparent !important;
}

.wd-toolbar .wd-tools-icon::before {
    color: #888 !important;
}

.wd-toolbar .wd-toolbar-label {
    color: #888 !important;
}

/* Active State الحقيقي */
.wd-toolbar .wd-toolbar-item.wd-active a {
    background: rgba(74,44,94,0.1) !important;
    border-radius: 12px !important;
}

.wd-toolbar .wd-toolbar-item.wd-active .wd-tools-icon::before {
    color: #4a2c5e !important;
}

.wd-toolbar .wd-toolbar-item.wd-active .wd-toolbar-label {
    color: #4a2c5e !important;
    font-weight: 600 !important;
}

}
/* ============================================
   📱 FLOATING BOTTOM NAVIGATION
   ============================================ */
@media screen and (max-width: 768px) {

/* Floating Style */
.wd-toolbar {
    position: fixed !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 
        0 8px 32px rgba(0,0,0,0.12),
        0 2px 8px rgba(0,0,0,0.08) !important;
    padding: 8px 6px !important;
    z-index: 9999 !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
}

/* مساحة للمحتوى */
body {
    padding-bottom: 90px !important;
}

/* العناصر */
.wd-toolbar-item,
.wd-toolbar .wd-header-cart,
.wd-toolbar .wd-header-my-account {
    flex: 1 !important;
    padding: 4px !important;
}

.wd-toolbar-item a,
.wd-toolbar .wd-header-cart a,
.wd-toolbar .wd-header-my-account a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 10px 8px !important;
    border-radius: 14px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    min-height: 54px !important;
    background: transparent !important;
}

/* الأيقونات */
.wd-toolbar .wd-tools-icon {
    font-size: 22px !important;
    transition: all 0.3s ease !important;
}

.wd-toolbar .wd-tools-icon::before {
    color: #888 !important;
    transition: color 0.3s ease !important;
}

/* Labels */
.wd-toolbar-label {
    font-size: 10px !important;
    font-weight: 500 !important;
    color: #888 !important;
    transition: all 0.3s ease !important;
}

/* Active State */
.wd-toolbar .wd-toolbar-item.wd-active a,
.wd-toolbar .wd-header-cart.wd-active a,
.wd-toolbar .wd-header-my-account.wd-active a {
    background: linear-gradient(135deg, rgba(74,44,94,0.1) 0%, rgba(74,44,94,0.05) 100%) !important;
}

.wd-toolbar .wd-toolbar-item.wd-active .wd-tools-icon::before,
.wd-toolbar .wd-header-cart.wd-active .wd-tools-icon::before,
.wd-toolbar .wd-header-my-account.wd-active .wd-tools-icon::before {
    color: #4a2c5e !important;
}

.wd-toolbar .wd-toolbar-item.wd-active .wd-toolbar-label,
.wd-toolbar .wd-header-cart.wd-active .wd-toolbar-label,
.wd-toolbar .wd-header-my-account.wd-active .wd-toolbar-label {
    color: #4a2c5e !important;
    font-weight: 600 !important;
}

/* Hover/Press Effect */
.wd-toolbar-item a:active,
.wd-toolbar .wd-header-cart a:active,
.wd-toolbar .wd-header-my-account a:active {
    transform: scale(0.95) !important;
    background: rgba(0,0,0,0.04) !important;
}

/* Cart Badge */
.wd-toolbar .wd-cart-number {
    background: linear-gradient(135deg, #ff7a1a 0%, #ff9a4a 100%) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 9px !important;
    position: absolute !important;
    top: 2px !important;
    right: 50% !important;
    transform: translateX(50%) translateX(12px) !important;
    box-shadow: 0 2px 8px rgba(255,122,26,0.4) !important;
    border: 2px solid #fff !important;
}

/* Hide text inside badge */
.wd-toolbar .wd-cart-number span {
    display: none !important;
}

}

/* شاشات أصغر */
@media screen and (max-width: 380px) {
    .wd-toolbar {
        bottom: 8px !important;
        left: 8px !important;
        right: 8px !important;
        border-radius: 16px !important;
    }
    
    .wd-toolbar-item a,
    .wd-toolbar .wd-header-cart a,
    .wd-toolbar .wd-header-my-account a {
        padding: 8px 6px !important;
        min-height: 50px !important;
    }
    
    .wd-toolbar .wd-tools-icon {
        font-size: 20px !important;
    }
    
    .wd-toolbar-label {
        font-size: 9px !important;
    }
}
/* ============================================
   💬 Chat Widget - رفعه فوق الـ Navigation
   ============================================ */
@media screen and (max-width: 768px) {

/* Tawk.to / أي Chat Widget */
iframe[id*="tawk"],
iframe[title*="chat"],
iframe[id*="chat"],
iframe[id*="eo2ul"],
#tidio-chat,
.tawk-min-container,
.tawk-button,
[class*="tawk"],
[id*="tawk"] {
    bottom: 95px !important;
}

/* لو الشات Tidio */
#tidio-chat-iframe {
    bottom: 95px !important;
}

/* لو الشات Crisp */
.crisp-client .crisp-1brpmiu {
    bottom: 95px !important;
}

/* لو الشات Zendesk */
iframe#launcher {
    bottom: 95px !important;
}

/* لو الشات Intercom */
.intercom-lightweight-app-launcher {
    bottom: 95px !important;
}

/* عام - أي iframe شات في الركن */
iframe[style*="position:fixed"][style*="bottom"] {
    bottom: 95px !important;
}

}
/* ============================================
   🦶 FOOTER - إصلاح شامل v2
   ============================================ */
@media screen and (max-width: 768px) {

/* ===== 1. إزالة المساحة البيضة تحت الفوتر ===== */
.wd-footer,
.footer-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* إخفاء العناصر الفارغة */
.wd-footer .elementor-element-33a2428,
.wd-footer .elementor-element-385803e {
    display: none !important;
}

/* Copyright ملتصق بالفوتر */
.wd-copyrights {
    margin: 0 !important;
    padding: 15px !important;
}

/* مساحة للـ floating nav */
body {
    padding-bottom: 90px !important;
}

/* ===== 2. محاذاة روابط مهمه + الفئات ===== */
/* الكونتينر الرئيسي للعمودين */
.wd-footer .elementor-element-9b40807 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 0 !important;
}

/* قسم اللوجو والسوشيال - عرض كامل */
.wd-footer .elementor-element-ceed556 {
    width: 100% !important;
    flex: 0 0 100% !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
}

/* روابط مهمه - نص العرض يمين */
.wd-footer .elementor-element-dfd7e8d {
    width: calc(50% - 10px) !important;
    flex: 0 0 calc(50% - 10px) !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
}

/* الفئات - نص العرض شمال */
.wd-footer .elementor-element-b21997c {
    width: calc(50% - 10px) !important;
    flex: 0 0 calc(50% - 10px) !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
}

/* العناوين */
.wd-footer .elementor-element-dfd7e8d .ekit-heading--title,
.wd-footer .elementor-element-b21997c .ekit-heading--title {
    color: #ff9800 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 0 8px 0 !important;
    border-bottom: 2px solid rgba(255,152,0,0.3) !important;
    display: inline-block !important;
}

/* القوائم - عمودية */
.wd-footer .elementor-element-490cbec .elementor-nav-menu,
.wd-footer .elementor-element-b88bae8 .elementor-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wd-footer .elementor-nav-menu .menu-item {
    margin: 0 !important;
    padding: 0 !important;
}

.wd-footer .elementor-nav-menu .menu-item a {
    color: rgba(255,255,255,0.75) !important;
    font-size: 12px !important;
    padding: 2px 0 !important;
    display: block !important;
}

/* ===== 3. تواصل معنا - الايميل والواتس في صف واحد ===== */
.wd-footer .elementor-element-02324f7 {
    width: 100% !important;
    flex: 0 0 100% !important;
    text-align: center !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* عنوان تواصل معنا */
.wd-footer .elementor-element-1d75817 {
    margin-bottom: 12px !important;
}

.wd-footer .elementor-element-02324f7 .ekit-heading--title {
    color: #ff9800 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* الايميل والواتساب في صف واحد */
.wd-footer .elementor-element-756df25,
.wd-footer .elementor-element-85697e7 {
    display: inline-block !important;
    width: auto !important;
    margin: 0 5px !important;
    padding: 0 !important;
}

.wd-footer .elementor-element-756df25 .elementor-icon-list-items,
.wd-footer .elementor-element-85697e7 .elementor-icon-list-items {
    display: inline-flex !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wd-footer .elementor-element-756df25 .elementor-icon-list-item a,
.wd-footer .elementor-element-85697e7 .elementor-icon-list-item a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(255,255,255,0.8) !important;
    font-size: 12px !important;
    padding: 8px 14px !important;
    background: rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.wd-footer .elementor-element-756df25 .elementor-icon-list-item a:hover,
.wd-footer .elementor-element-85697e7 .elementor-icon-list-item a:hover {
    background: rgba(255,152,0,0.15) !important;
}

.wd-footer .elementor-icon-list-icon {
    font-size: 14px !important;
}

.wd-footer .elementor-icon-list-icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: #ff9800 !important;
}

/* ===== Copyright ===== */
.wd-copyrights .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
}

.wd-copyrights .wd-col-start {
    font-size: 11px !important;
    color: rgba(255,255,255,0.6) !important;
    order: 2 !important;
}

.wd-copyrights .wd-col-end {
    order: 1 !important;
}

.wd-copyrights .wd-col-end img {
    max-height: 24px !important;
    opacity: 0.7 !important;
}

/* ===== تنظيف عام ===== */
.wd-footer .main-footer {
    padding: 20px 15px 15px !important;
}

.wd-footer .elementor-element-7123008 {
    gap: 0 !important;
    padding: 0 !important;
}

.wd-footer .elementor-nav-menu--dropdown {
    display: none !important;
}

.wd-footer .ekit-heading,
.wd-footer .elementskit-section-title-wraper {
    margin: 0 !important;
    padding: 0 !important;
}

}


/* ===============================================
   MOBILE MENU - ENHANCED VERSION
   =============================================== */

/* Main Menu Container */
@media screen and (max-width: 768px) {
    
    /* Menu Items Styling */
    .mobile-nav .wd-nav-mobile {
        padding: 10px 0 !important;
    }
    
    .mobile-nav .wd-nav-mobile > li {
        margin: 0 !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    }
    
    .mobile-nav .wd-nav-mobile > li:last-child {
        border-bottom: none !important;
    }
    
    /* Menu Link Styling */
    .mobile-nav .wd-nav-mobile > li > a {
        display: flex !important;
        align-items: center !important;
        padding: 14px 18px !important;
        gap: 14px !important;
        transition: all 0.3s ease !important;
        min-height: 58px !important;
    }
    
    .mobile-nav .wd-nav-mobile > li > a:active {
        background: rgba(74,44,94,0.06) !important;
    }
    
    /* ===============================================
       ICONS - BIGGER & BETTER
       =============================================== */
    .mobile-nav .wd-nav-mobile .wd-nav-img {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 7px !important;
        background: linear-gradient(135deg, #f8f5ff 0%, #fff 100%) !important;
        border-radius: 12px !important;
        object-fit: contain !important;
        box-shadow: 0 3px 10px rgba(74,44,94,0.12) !important;
        transition: all 0.3s ease !important;
        border: 1px solid rgba(74,44,94,0.08) !important;
    }
    
    .mobile-nav .wd-nav-mobile li:hover .wd-nav-img,
    .mobile-nav .wd-nav-mobile li a:active .wd-nav-img {
        transform: scale(1.05) !important;
        box-shadow: 0 4px 12px rgba(74,44,94,0.18) !important;
    }
    
    /* Text Styling */
    .mobile-nav .wd-nav-mobile .nav-link-text {
        font-family: 'Cairo', sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #333 !important;
        flex: 1 !important;
        line-height: 1.4 !important;
    }
    
    /* ===============================================
       ARROW (OPENER) - FIXED ALIGNMENT
       =============================================== */
    .mobile-nav .wd-nav-opener {
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(0,0,0,0.03) !important;
        border-radius: 10px !important;
        margin-left: 8px !important;
        position: relative !important;
        top: 0 !important;
        transition: all 0.3s ease !important;
        flex-shrink: 0 !important;
    }
    
    .mobile-nav .wd-nav-opener:after {
        font-size: 11px !important;
        color: #666 !important;
        line-height: 1 !important;
    }
    
    .mobile-nav .wd-nav-opener:hover,
    .mobile-nav .wd-nav-opener:active {
        background: rgba(74,44,94,0.08) !important;
    }
    
    .mobile-nav .wd-opened > .wd-nav-opener {
        background: rgba(74,44,94,0.1) !important;
    }
    
    .mobile-nav .wd-opened > .wd-nav-opener:after {
        color: #4a2c5e !important;
    }
    
    /* ===============================================
       SUBMENU STYLING
       =============================================== */
    .mobile-nav .wd-sub-menu {
        background: #f9f9f9 !important;
        padding: 8px 0 !important;
        margin: 0 !important;
        border-top: 1px solid rgba(0,0,0,0.04) !important;
    }
    
    .mobile-nav .wd-sub-menu li {
        border-bottom: none !important;
    }
    
    .mobile-nav .wd-sub-menu li a {
        padding: 12px 20px 12px 45px !important;
        font-size: 14px !important;
        color: #555 !important;
        gap: 12px !important;
        min-height: 50px !important;
    }
    
    .mobile-nav .wd-sub-menu .wd-nav-img {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        padding: 5px !important;
    }
    
    .mobile-nav .wd-sub-menu li a:active {
        background: rgba(74,44,94,0.04) !important;
    }
    
    /* ===============================================
       MY ACCOUNT ITEM - SPECIAL STYLING
       =============================================== */
    .mobile-nav .menu-item-account {
        margin-top: 10px !important;
        border-top: 1px solid rgba(0,0,0,0.08) !important;
        padding-top: 10px !important;
    }
    
    .mobile-nav .menu-item-account > a {
        border-radius: 12px !important;
        background: linear-gradient(135deg, #f8f5ff 0%, #fff 100%) !important;
        margin: 8px 16px !important;
        padding: 14px 18px !important;
        border: 1px solid rgba(74,44,94,0.1) !important;
    }
    
    .mobile-nav .menu-item-account > a:before {
        content: '\e90c' !important;
        font-family: 'woodmart-font' !important;
        font-size: 22px !important;
        width: 38px !important;
        height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%) !important;
        border-radius: 10px !important;
        color: #fff !important;
        box-shadow: 0 3px 10px rgba(74,44,94,0.2) !important;
    }
    
    /* My Account Arrow Fix */
    .mobile-nav .menu-item-account .wd-nav-opener {
        position: relative !important;
        top: 0 !important;
        align-self: center !important;
    }
    
    /* ===============================================
       LANGUAGE ITEM
       =============================================== */
    .mobile-nav .lang-item a {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }
    
    .mobile-nav .lang-item img {
        width: 28px !important;
        height: 20px !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
        object-fit: cover !important;
    }
    
    /* ===============================================
       TABS (القائمة / الفئات)
       =============================================== */
    .mobile-nav .wd-nav-mob-tab {
        display: flex !important;
        background: #fff !important;
        padding: 0 16px !important;
        gap: 0 !important;
        border-bottom: 2px solid rgba(0,0,0,0.06) !important;
    }
    
    .mobile-nav .wd-nav-mob-tab li {
        flex: 1 !important;
        text-align: center !important;
        border-bottom: none !important;
    }
    
    .mobile-nav .wd-nav-mob-tab li a {
        display: block !important;
        padding: 16px 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #999 !important;
        border-bottom: 3px solid transparent !important;
        transition: all 0.3s ease !important;
        min-height: auto !important;
    }
    
    .mobile-nav .wd-nav-mob-tab li.wd-active a {
        color: #4a2c5e !important;
        border-bottom-color: #4a2c5e !important;
    }
}

/* تكبير أيقونات القائمة الجانبية للموبايل */
.mobile-nav .wd-nav-img,
.wd-nav-mobile .wd-nav-img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    object-fit: contain !important;
}

/* تكبير أيقونات القائمة الفرعية */
.mobile-nav .wd-sub-menu .wd-nav-img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
}
/* إخفاء عنصر حسابي من القائمة السفلية */
.mobile-nav .menu-item-account {
    display: none !important;
}
/* ستايل زر حسابي الجديد */
.mobile-account-link {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f5ff 0%, #fff 100%);
    color: #4a2c5e !important;
    font-family: 'Cairo', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

/* اتجاه الأيقونة حسب اللغة */
html[lang="ar"] .mobile-account-link,
html[dir="rtl"] .mobile-account-link {
    flex-direction: row;
}

html[lang="en-US"] .mobile-account-link,
html[lang="en"] .mobile-account-link,
html[dir="ltr"] .mobile-account-link {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.mobile-account-link:hover,
.mobile-account-link:active {
    background: linear-gradient(135deg, #4a2c5e 0%, #6a4c7e 100%);
    color: #fff !important;
}

.mobile-account-link svg {
    flex-shrink: 0;
    color: #4a2c5e;
    transition: color 0.3s ease;
}

.mobile-account-link:hover svg {
    color: #fff;
}

/* إخفاء حسابي القديم */
.mobile-nav .menu-item-account {
    display: none !important;
}

/* تكبير أيقونات القائمة */
.mobile-nav .wd-nav-img,
.wd-nav-mobile .wd-nav-img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
}

.mobile-nav .wd-sub-menu .wd-nav-img {
    width: 24px !important;
    height: 24px !important;
}
.yay-currency-checkout-notice.user.yay-currency-with-woodmart {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* z-index fixes - دي هتشتغل على كل الأجهزة */
    .cart-widget-side,
    .wd-cart-side {
        z-index: 99999 !important;
    }
    
    .wd-close-side.wd-close-side-opened {
        z-index: 99998 !important;
    }
    
    .mobile-nav.wd-side-hidden.wd-opened {
        z-index: 100000 !important;
    }
    
    .wd-close-side.wd-close-side-opened {
        z-index: 99990 !important;
        background: rgba(0,0,0,0.5) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    .cart-widget-side.wd-opened,
    .wd-cart-side.wd-opened {
        z-index: 100000 !important;
    }
}

/* Class تضاف بالـ JavaScript */
body.sabe2-cart-open .wd-toolbar {
    display: none !important;
}


/* === إخفاء Bottom Navigation و Tawk Chat في صفحة الدفع عند ظهور صندوق الدفع === */

/* صندوق الدفع (Amwal Payment) يكون فوق كل حاجة */
.amwal-checkout-overlay,
.amwal-checkout-popup,
.amwal-popup,
.amwal-modal,
[class*="amwal"] {
    z-index: 999999 !important;
}

/* أي Checkout Modal أو Payment Popup */
.woocommerce-checkout .blockOverlay,
.woocommerce-checkout .blockUI {
    z-index: 999998 !important;
}

/* إخفاء Bottom Navigation في صفحة الدفع لما يكون في Popup مفتوح */
body.woocommerce-checkout:has(.amwal-checkout-overlay),
body.woocommerce-checkout:has([class*="amwal"][style*="display: block"]),
body.woocommerce-checkout:has([class*="amwal"]:not([style*="display: none"])) .wd-toolbar {
    display: none !important;
}

/* أو تقليل z-index للـ Bottom Navigation في صفحة الدفع */
body.woocommerce-checkout .wd-toolbar {
    z-index: 99 !important;
}

/* Tawk Chat يكون تحت صندوق الدفع */
body.woocommerce-checkout iframe#tawk,
body.woocommerce-checkout iframe[title*="chat"],
body.woocommerce-checkout .tawk-min-container,
body.woocommerce-checkout .tawk-button,
body.woocommerce-checkout [class*="tawk"] {
    z-index: 98 !important;
}

/* لو عايز تخفي الـ Tawk تماماً في صفحة الدفع */

body.woocommerce-checkout iframe#tawk,
body.woocommerce-checkout .tawk-min-container {
    display: none !important;
}