@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

:root {
--font-ar: 'Tajawal', sans-serif;
}

/* إلغاء الأنيميشن */
* {
animation-duration: 0s !important;
animation-delay: 0s !important;
}

/* قائمة موبايل - خلفية خضراء */
.mm-spn.mm-spn--light {
background: #132e22 !important;
color: #ffffff !important;
}

.mm-spn.mm-spn--light a,
.mm-spn.mm-spn--light span,
.mm-spn.mm-spn--light li {
color: #ffffff !important;
}

.mm-spn.mm-spn--light li::after {
border-color: rgba(255,255,255,0.2) !important;
}

.mm-spn.mm-spn--light a::after {
border-color: #d6ab58 !important;
}

.mm-spn.mm-spn--light a:hover {
color: #d6ab58 !important;
}

.mm-spn.mm-spn--light.mm-spn--main::before {
color: #d6ab58 !important;
}

/* التصنيف الفرعي - خلفية خضراء */
.sub-menu,
[class*="sub-menu"],
[class*="mega-menu"],
[class*="dropdown"] {
background: #132e22 !important;
}

.sub-menu a,
[class*="sub-menu"] a,
[class*="mega-menu"] a,
[class*="dropdown"] a {
color: #ffffff !important;
}

/* أيقونة القائمة أبيض */
i.sicon-menu,
i.sicon-menu.text-primary,
a[href="#mobile-menu"] i.sicon-menu {
color: #ffffff !important;
}

/* اللوقو في المنتصف - موبايل فقط */
@media (max-width: 1024px) {
a.navbar-brand {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
.flex.items-stretch.justify-between.relative {
position: relative !important;
}
}

/* كروت المنتجات */
.s-product-card-entry .s-product-card-content-main .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-main .s-product-card-content-title a {
font-size: 11px !important;
line-height: 1.3 !important;
text-align: center !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}

.s-product-card-entry .s-product-card-content-sub {
justify-content: center !important;
text-align: center !important;
}

.s-product-card-price,
h4.s-product-card-price {
text-align: center !important;
width: 100% !important;
}

/* حدود ذهبي خفيف */
custom-salla-product-card {
border: 1px solid rgba(214,171,88,0.3) !important;
border-radius: 12px !important;
overflow: hidden !important;
}

custom-salla-product-card:hover {
border-color: rgba(214,171,88,0.65) !important;
}

/* **** */


.athar-store-header .header-btn__icon:hover , .athar-store-header custom-main-menu .mobile-menu .main-menu li a:hover{
color: #d2a756 !important;
}
#mainnav , #mainnav > div {
border-radius: 0 0 1.5rem 1.5rem;	
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.max-w-sm.text-\[var\(--color-footer-text\)\].opacity-55.text-sm.leading-relaxed.mb-6 > p , 
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a:nth-child(2){
display: none !important ;
}
.main-nav-container.fixed-pinned .navbar-brand img{
padding: 0.3rem !important;
}


@media (max-width: 768px){

#mainnav > div > div > div > div:nth-child(1) > .mburger--collapse  > i{
padding-right: 0.4rem !important;
font-size:0.9rem !important;
}
#mainnav , #mainnav div , #mainnav div a i{
font-size:0.9rem !important;
}

/* #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
order: 2 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20.flex.flex-col.gap-6{
order: 3 !important;
} */
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div , #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div > div > salla-payments , #contact-slot  , #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div > div:nth-child(4) > salla-social ul {
margin: auto !important;
text-align: center !important;
justify-content: center !important;
}
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div:nth-child(2) > salla-menu > div > div > a , .athar-store-footer .athar-store-footer__inner salla-contacts .s-contacts-item .unicode , footer , footer div , footer a  {
color: #ffffff !important;
opacity: 1 !important ;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20.flex.flex-col{
gap: 0 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div:nth-child(2) > h3 , .s-menu-footer-list , #contact-slot > a , #contact-slot  , #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20.flex.flex-col.gap-6 > div > salla-payments > ul ,#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20.flex.flex-col.gap-6 > div > h3 ,#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div:nth-child(3) > salla-contacts > h3, #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div:nth-child(4) > salla-social > ul{
margin: auto !important ;
text-align: center !important;
justify-content: center !important;
padding-bottom: 0.8rem ;
}
[dir=rtl] #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div:nth-child(4) > salla-social::before {
content: "تابعونا";
display: block;
text-align: center;
color: var(--color-footer-text) !important;
font-size: 1.25rem;
font-weight: 700 !important;
line-height: 1.75rem;
margin-bottom: 16px !important;
}
[dir=ltr] #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div:nth-child(4) > salla-social::before {
content: "Follow Us";
display: block;
text-align: center;
color: var(--color-footer-text) !important;
font-size: 1.25rem;
font-weight: 700 !important;
line-height: 1.75rem;
margin-bottom: 16px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20{
margin-top: -1.3rem;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div:nth-child(2){
  order: 1 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div:nth-child(1){
  order: 2 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div:nth-child(3){
  order: 3 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner.athar-store-footer__inner > div > div:nth-child(4){
  order: 4 !important;
}
footer > div.store-footer__inner.athar-store-footer__inner > div{
  gap: 0.5rem !important;
}
/* استيراد خط تجوال من Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* تطبيق الخط على كل عناصر المتجر */
* ,
body,
h1, h2, h3, h4, h5, h6,
p, a, span, div,
button, input, textarea, select,
.product-title,
.product-price,
.btn,
.navbar,
.footer {
font-family: 'Tajawal', sans-serif !important;
}
/* زر واتساب عائم */
.whatsapp-float {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999;
background-color: #25D366;
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
transition: all 0.3s ease;
text-decoration: none;
}

.whatsapp-float:hover {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

.whatsapp-float svg {
width: 32px;
height: 32px;
fill: white;
}
body .athar-product-tags{
  display: none !important;
}
/* زر واتساب عائم - يمين */
.whatsapp-float {
position: fixed !important;
bottom: 20px !important;
right: 20px !important;
left: auto !important;
z-index: 9999 !important;
}
/* **** */
#mainnav  button{
/* display: block !important;
opacity: 100% !important ;
visibility: visible !important; */
fill:white !important;
color:white !important;
font-size:0.8rem !important;
}

/* **** */
@media (max-width: 768px){

#mainnav > div > div > div > div.flex.items-center.justify-end > div.header-buttons > button{
position: absolute;
right: 1.5rem;
top: 0.2rem;
}
[dir=ltr] #mainnav > div > div > div > div.flex.items-center.justify-end > div.header-buttons > button {
left: 1.5rem;
top: 0.2rem; 
}
}