/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
.store-footer.is-light.pt-3.md\:pt-14 {
  background-color: #206DB7
}
.flex.items-center.justify-center.lg\:justify-between.flex-wrap.lg\:flex-nowrap.lg\:flex-row.flex-col-reverse.gap-2 a:hover {
  color: #F48C2A;
  text-decoration: underline;
}

.btn--gray {
  
  background-color: rgb(255, 255, 255);
  
}
  .s-block--categories .s-slider-block__title h2 { 
    color: #206DB7;
  }
 
.px-2\.5 {
  padding-top: 0rem !important;
}
.s-block__title h2 {
  color: #F48C2A;
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, 1) !important;
 }
.text-primary.flex-none.font-bold.text-sm.rtl\:md\:pl-12.ltr\:md\:pr-12 {
  color: #F48C2A;
}
.fix-align.opacity-70 {
  color:white;
}
.px-4.rtl\:even\:border-r.ltr\:even\:border-l.even\:border-gray-200 {
  color: #F48C2A;
}
/*.flex.justify-between.md\:justify-center.lg\:justify-between.items-center.w-full.flex-wrap.lg\:flex-nowrap {
  direction: ltr;
}*/
/*صور المنتجات*/
@media (min-width: 1024px) {
  .has-one-image salla-slider.details-slider {
    height: auto;
  }
  .header-components .navbar-brand img {
  max-height: 50px !important;
}
 

#single-product-form {
  width: 115.333%;
} 
.page-container.relative.z-1 .container {
  display: flex;
}
}
@media (min-width: 768px) {
  .md\:grid-cols-3 {
 
    margin-right: 20px;
  }
}

/*صور المنتجات*/

.opacity-70 {
  opacity: 1;
  font-size: 15px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.product-single {
  background-color: #FAFAFA;
}
 .main-content .main-content-data {
    padding: 1.75rem;
    background-color: white;
  }
.s-block__title .center-side{
  background-color: #FAFAFA;
}

.bg-white {
   background-color: #FAFAFA
 }
.s-block--categories .s-slider-block__title-right{
   background-color: #FAFAFA

}

.s-block--categories .s-slider-block__title-left{
   background-color: #FAFAFA

}

.page-header.h-16.has-overlay--opacity-option.has-overlay--opacity-0 {

background-color: #206DB7 !important;
}
@media (min-width: 1580px) {
  .container {
    max-width: 1200px;
  }
}
  .store-footer h3 {
    color: white;
  }
  .main-content .main-content-data {
   box-shadow: rgba(240, 194, 153, 0.12) 0px 5px 15px 0px;
}
  
  .unicode {
  color: white ;
}

.text-gray-400.mb-2\.5.md\:mb-0 {
color:white ;
}

.s-contacts-icon svg {
 
  fill: white;
}

#square-photos-0 {
margin-top:25px;
}

/* ===== Top moving banner (above header) ===== */
#ug-top-banner{
  position: relative;           /* خليه عادي فوق الهيدر */
  background: #2563eb;          /* أزرق */
  color: #fff;                  /* أبيض */
  font-weight: 700;
  z-index: 1001;                /* فوق أي خلفيات */
}
#ug-top-banner .ug-banner-inner{
  overflow: hidden;             /* يخفي النص خارج الإطار */
  padding: 8px 0;
}
#ug-top-banner .ug-marquee{
  display: inline-block;
  white-space: nowrap;          /* سطر واحد متواصل */
  will-change: transform;
  animation: ug-scroll 18s linear infinite;
}
#ug-top-banner .ug-marquee span{ padding-inline: 2rem; }

/* حركة من يمين إلى يسار */
@keyframes ug-scroll{
  from { transform: translateX(100%); }
  to   { transform: translateX(-100%); }
}

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  #ug-top-banner .ug-marquee{ animation: none; }
}

/* لو حابّه يبقى ثابت أثناء السكрол: شيل التعليق عن السطرين دول */
/*
#ug-top-banner{ position: sticky; top: 0; }
body { scroll-padding-top: 40px; }  /* اضبط الرقم حسب ارتفاع البنر */
*/

/* إجبار لون البنر والخط */
#ug-top-banner,
#ug-top-banner .ug-banner-inner{
  background-color: #2563eb !important; /* أزرق */
  color: #fff !important;               /* أبيض للنص */
}

/* تفاصيل شكل البنر */
#ug-top-banner{
  z-index: 1100 !important;     /* فوق الهيدر */
  width: 100% !important;
  font-weight: 700;
  background-color: #206DB7;
  color: white;
}
#ug-top-banner .ug-banner-inner{
  overflow: hidden;
  padding: 8px 0;               /* ارتفاع مريح */
}

/* الماركيه: يمين → يسار */
#ug-top-banner .ug-marquee{
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: ug-scroll 18s linear infinite;
}
#ug-top-banner .ug-marquee span{ padding-inline: 2rem; }

@keyframes ug-scroll{
  from { transform: translateX(100%); }
  to   { transform: translateX(-100%); }
}

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  #ug-top-banner .ug-marquee{ animation: none; }
}
/* إجبار تشغيل الحركة من اليمين لليسار */
#ug-top-banner .ug-marquee{
  animation: ug-scroll 70s linear infinite !important;
  animation-play-state: running !important;
  display: inline-block;      /* تأكيد قياس المحتوى */
  white-space: nowrap;        /* سطر واحد */
  will-change: transform;
}


/* متغيّر عالمي لارتفاع البنر */
:root{ --ug-top-banner-h: 0px; }

/* البنر ثابت أعلى الصفحة */
#ug-top-banner{
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 100 !important;   /* أعلى من الهيدر */
  width: 100%;
}

/* أعطِ الصفحة padding أعلى بقدر ارتفاع البنر */
body.ug-has-banner{
  padding-top: var(--ug-top-banner-h) !important;
}

/* حرّك الهيدر لأسفل البنر وهو sticky أصلاً عندك */
.header-components-all{
  top: var(--ug-top-banner-h, 0) !important;
}


.px-2\.5 { 
  padding-top: 1.5rem;
}

.close-menu:where([dir="rtl"], [dir="rtl"] *) {
  top: 3rem;
}

.brand-item.card-effect.rounded img {
  width: 50%;
}
 
 
 @media (min-width: 768px) {
  .features-home .features-home-grid, .s-block--features .features-home-grid {

    padding: 0px 70px;
  }
}

.font-bold.text-red-200.text-2xl.mb-6 {
  color: #206DB7;
}
@media only screen and (max-width: 1023px){
  #ug-drawer{ display: none !important; }
  #ug-overlay{ display: none !important; }
  #ug-burger{ display: none !important; } /* تأكيدًا لو ما كان مخفي مسبقًا */
}
.navbar-brand img {
  max-height: 2.6rem !important;
 }
.header-components-all {
  
  z-index: 100 !important;
 
}
.order-1 {
  order: 2;
}
/********** Footer — United Gulf **********/
/* جعل نص الوصف أبيض + مسافة من تحت */
.store-footer__top .footer-content > .col-span-2 > p:nth-of-type(2){
  color: #fff !important;
  margin-bottom: 14px !important;
 }

/* 1) جعل الفوتر عمود واحد مرتب */
.store-footer__top .footer-content{
  display: flex !important;
  flex-direction: column !important;   /* العناصر فوق بعض */
  align-items: center !important;
  gap: 16px !important;
  text-align: center !important;
}
.store-footer__top .footer-content > *{
  width: 100% !important;
  max-width: 920px !important;
  flex: 0 0 auto !important;
}

/* 2) ترتيب الكتل (الشعار → روابط مهمة → تواصل → أيقونات التطبيقات) */
.store-footer__top .footer-content > .col-span-2{ order: 1; }       /* الشعار */
.store-footer__top .footer-content > .important-links{ order: 2; }  /* روابط مهمة */
@supports selector(.footer-content > div:has(salla-contacts)){
  .store-footer__top .footer-content > div:has(salla-contacts){ order: 3; }
}
@supports selector(.footer-content > div:has(salla-apps-icons)){
  .store-footer__top .footer-content > div:has(salla-apps-icons){ order: 4; }
}

/* 3) الشعار بالنص + توسيط الرقم الضريبي */
.footer-logo{ display: flex !important; justify-content: center !important; }
.footer-logo img{ max-height: 70px !important; height: auto !important; margin: 10px auto !important; }
.store-footer__top{ padding-top: 24px !important; }
.store-footer__top .footer-content > .col-span-2 .flex.items-center{
  justify-content: center !important;
}

/* 4) قائمة الروابط (السطر الأول) — inline مع فاصل وهوفر */
salla-menu[source="footer"] .s-menu-footer-list{
  display: block !important;            /* نلغي أي Flex سابق */
  text-align: center !important;
  padding: 0 !important; margin: 0 !important;
  background: transparent !important;
}
salla-menu[source="footer"] .s-menu-footer-item{
  display: inline-block !important;     /* inline */
  white-space: nowrap !important;
  padding: 6px 14px !important;
  color: #fff !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
salla-menu[source="footer"] .s-menu-footer-item + .s-menu-footer-item{
  border-inline-start: 1px solid rgba(255,255,255,.35) !important;
  padding-inline-start: 14px !important;
}
[dir="rtl"] salla-menu[source="footer"] .s-menu-footer-item + .s-menu-footer-item{
  border-right: 1px solid rgba(255,255,255,.35) !important;
}
[dir="ltr"] salla-menu[source="footer"] .s-menu-footer-item + .s-menu-footer-item{
  border-left: 1px solid rgba(255,255,255,.35) !important;
}
salla-menu[source="footer"] .s-menu-footer-item:hover{
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-underline-offset: 3px !important;
}

/* 5) تواصل معنا — أيقونات فقط في صف واحد */
.s-contacts-item .unicode{ display: none !important; }   /* إخفاء النص */
.s-contacts-list, .s-contacts-list-vertical{
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}
.s-contacts-item{ padding: 6px 0 !important; }
.s-contacts-icon svg{ width: 15px !important; height: 15px !important; }

/* 6) الشريط السفلي: الحقوق + وسائل الدفع + السوشيال في المنتصف */
.footer-bottom .flex{
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: center !important;
}
.s-payments-list{ justify-content: center !important; gap: 8px !important; }
.s-social-list{ justify-content: center !important; }

/* 7) تحسينات بسيطة على المسافات في بعض الشاشات (اختياري) */
@media (min-width: 768px){
  .md\:pt-14{ padding-top: 1.5rem !important; }
   .footer-bottom.s-block {
  margin-top: 0px;
}
}

.store-footer.is-light.pt-3.md\:pt-14 {
  border-radius: 30px 30px 0px 0px;
}

.store-footer .footer-title {
  display: none;
}
.relative.footer-user-menu.hydrated {
  display: none;
}

/*cart*/
 

.font-bold.text-sm.mb-5 {
  color: #F48C2A;
}
.bg-white.border.p-5.sm\:p-7.rounded.mb-5.relative.transition-all.duration-1000 {
  background-color: white;
}
.cart-item.bg-white.border.overflow-hidden.p-5.sm\:p-7.rounded.mb-5.relative {
  background-color: white;
}
/*cart*/
.flex.items-center.justify-center.lg\:justify-between.flex-wrap.lg\:flex-nowrap.lg\:flex-row.flex-col-reverse.gap-2 .text-gray-400 {
  color: white !important;

 }
 
 
 /* slider */
 .s-block--default-home-slider#home-slider-0 {
  margin-top: 0px;
  height: auto;
}
@media (min-width: 1024px) {
  .s-block--default-home-slider#home-slider-0 {
    height: auto;
  }
  #s-home--features-8 {
  margin-bottom: -123px;
 }
}

/*slider*/


.itme-categories .itme-cat-entry.slide--cat-entry .main-links-title {
  
  width: 100%;
  
}

.itme-categories .itme-cat-entry.slide--cat-entry:hover .main-links-title {
  width: 100%;
  }
  
  
  
 /* نخلي حاوية السلايدر مرجِعًا للتموضع المطلق */
#main-links-1 .s-slider-container { position: relative; }

/* شكل الأزرار المخصّصة (يُستخدم فقط عند الحاجة) */
#main-links-1 .ug-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; display:flex; align-items:center; justify-content:center;
  border-radius:9999px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.15);
  z-index:10; cursor:pointer; user-select:none; font-size:22px; line-height:1;
}
#main-links-1 .ug-prev{ inset-inline-start:-6px; } /* يسار في RTL */
#main-links-1 .ug-next{ inset-inline-end:-6px; }  /* يمين في RTL */

/* إخفاء الأسهم على الجوال (اختياري) */
@media (max-width:768px){
  #main-links-1 .ug-arrow{ display:none; }
}


@media (min-width: 1024px) {
  .s-block--fixed-banner .banner--fixed {
    max-height: 450px;
    min-height: auto;
  }
}
/* ===== Fix Salla Product Gallery Thumbnails to Horizontal ===== */

/* نخلي حاوية الثمبنيلز بالعرض بدل العمودي */
salla-slider.details-slider .s-slider-thumbs .swiper.swiper-vertical {
  flex-direction: row !important;
  width: 100% !important;
  height: auto !important;
}

/* نخلي الـ wrapper أفقي */
salla-slider.details-slider .s-slider-thumbs .swiper.swiper-vertical .swiper-wrapper {
  flex-direction: row !important;
  transform: none !important;
  gap: 10px !important;
  justify-content: center !important;
}

/* كل صورة مصغّرة حجم ثابت */
salla-slider.details-slider .s-slider-thumbs .swiper.swiper-vertical .swiper-slide {
  width: 80px !important;
  height: 80px !important;
  margin: 0 !important;
}

/* ننزل الثمبنيلز تحت الصورة الرئيسية */
salla-slider.details-slider .s-slider-thumbs {
  order: 2 !important;
  margin-top: 12px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: center !important;
}

@media (min-width: 768px) {
    salla-slider.details-slider.s-slider-vertical {
        flex-direction: row-reverse;
        display: block !important;
    }
}
@media (min-width: 1024px) {
    .details-slider-wrapper .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
        height: 121px !important;
        width: 46% !important;
    }
}
@media (min-width: 1024px) {
    .details-slider-wrapper .details-slider .s-slider-block__title {
        width: calc(149% - 265px) !important;
    }
}
@media (max-width: 481px) {

.details-slider-wrapper .details-slider .s-slider-block__title {
     top: 32% !important;
    
}
.details-slider-wrapper .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
 
    height: 100px !important;
   
}
} 
@media (min-width: 1024px) {
    .product-entry__image {
        height: auto;
    }
}
/*.details-slider-wrapper .details-slider, .details-slider-wrapper .s-slider-container {
    height: 87%;
}*/
.cart-item-image {

    height: 15%  
    width: 15%;
}
#filters-menu .s-filters-widget-container {
    margin-bottom: 2rem;
    border-radius: 11px;
    padding: 12px;
}
.text-sm {
  color: white;
}


.main-menu li.root-level>a {
          padding-top: 0.2rem;
        padding-bottom: 0.2rem;
         border: 1px solid #b2aeae6e;
        border-radius: 15px;
        margin: 0.2rem 0.1rem;
    }
    
.main-menu li>a:hover {
    color: white !important;
    background-color: #206DB7;
}
    .main-menu li.root-level:hover>a {
      
        color: white !important;
    }
    
.main-menu {
  padding: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: center;
}

@media (min-width: 1024px) {
  .header-components {
    padding: 0rem;
  }
}
@media (min-width: 768px) {
  .s-block {
    margin-top: 50px;
  }
}
#free-shipping {
  background-color: #fff;
}
.breadcrumbs.w-full.py-5.container {
  background-color: #FFF;
  margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-top: 20px;
}

.breadcrumbs.w-full.py-5.container .fix-align.opacity-70 {
  color: #226fb4;
}

.bg-white.border.p-5.sm\:p-7.rounded.mb-5.relative.transition-all.duration-1000 .text-sm {
  color: #226fb4;
}

.header-components-all {
 box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.bg-zinc-100 {
  background-color: unset;
}
 


.page-header.h-16.has-overlay--opacity-option.has-overlay--opacity-0 .breadcrumbs.w-full.py-5.container {
  background-color: unset;
  margin-bottom: 0px;
  border-radius: 0px;
  border: 0px solid #eee;
  margin-top: 0px;
}

.page-header.h-16.has-overlay--opacity-option.has-overlay--opacity-0 .fix-align.opacity-70 ,.page-header.h-16.has-overlay--opacity-option.has-overlay--opacity-0 .text-primary {
  color: white;
}
[dir="rtl"] .carousel-slider .swiper {
  padding-left: 0rem;
}

.display-all-url.relative.border.w-48.h-12.rounded.m-auto.overflow-hidden .text-sm {
  color: #206DB7;
  border: 1px solid #206DB7;
  border-radius: 16px;
}

.itme-categories .itme-cat-entry.slide--cat-entry img {
 

  object-fit: contain;
}
@media (max-width: 481px) {
salla-slider .slide--one-fourth {
  width: 50%;
}
}
.product-entry > div > a{
background color:white
}

.details-slider-wrapper .details-slider .swiper-slide img {
  
  background-color: white;
}

.details-slider-wrapper .s-slider-thumbs .s-slider-thumbs-container {
  width: 100% !important;
 
}
.thankyou-block .text-sm {
  color: #226fb4;
}
.thankyou-block .unicode {
  color: #226fb4;
}
.md\:pt-10 .text-sm {
  color: #5c5c5c;
}

.profile-header.gradient-bg .breadcrumbs a {
  color: #5c5c5c;
}
.rating-header.gradient-bg.center-between .text-sm {
  color: white;
}