/*font*/
@import 'https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap';* {
   font-family: cairo!important
}
/*end*/

/* 1) ثبّت المتغيرات على أعلى مستوى */
:root,
html {
  --color-primary: #35181a !important;         /* الأساسي */
  --color-primary-reverse: #ffffff !important; /* لون النص فوق الأساسي */
  /* احتياط لأسماء شائعة في قوالب سلة */
  --primary: #35181a !important;
  --primary-color: #35181a !important;
  --color-primary-rgb: 53, 24, 26 !important;
}

/* 2) لو القالب يغيّر الألوان بسمات */
html[data-theme],
body[data-theme] {
  --color-primary: #35181a !important;
  --color-primary-reverse: #ffffff !important;
  --primary: #35181a !important;
  --primary-color: #35181a !important;
}

/* 3) الخلفية/navigation */
.art-main-nav,
.art-main-nav .grid,
.art-main-nav .grid-cols-5 {
  background: #35181a !important;
  background-color: #35181a !important;
}
.art-main-nav a { color: #fff !important; }
/* لون الهوية */
:root { --gc-primary: #35181a; }

/* استهداف زر التاب الحقيقي داخل salla-button */
.tabs .s-button-element.s-button-btn.tab-trigger{
  position: relative;
  /* خط سفلي بدون ما يحرّك العنصر */
}
.tabs .s-button-element.s-button-btn.tab-trigger::after{
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -6px;             /* مسافة بسيطة تحت الزر */
  height: 2px;              /* سُمك الخط */
  background: var(--gc-primary);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}

/* إظهار الخط عند الهوفر أو لما التاب يكون نشط */
.tabs .s-button-element.s-button-btn.tab-trigger:hover::after,
.tabs .s-button-element.s-button-btn.tab-trigger.is-active::after,
.tabs .s-button-wrap.tab-trigger.is-active .s-button-element::after{
  transform: scaleX(1);
}

/* (اختياري) تغيير لون النص والحدّ عند الهوفر/النشط */
.tabs .s-button-element.s-button-btn.tab-trigger:hover,
.tabs .s-button-element.s-button-btn.tab-trigger.is-active{
  color: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
}

/* احتياط: بعض قوالب سلة تسميه "outline primary" */
.tabs .s-button-primary-outline{ border-color: var(--gc-primary) !important; }
/***** هوية الشريط العلوي فقط *****/
.top-navbar{
  /* نثبّت متغيرات ألوان هذا الشريط */
  --color-upper-background: #35181a; /* الخلفية */
  --color-upper-text: #ffffff;       /* النص */
  --gc-accent: #ddbc81;              /* الذهبي */

  background: var(--color-upper-background) !important;
  color: var(--color-upper-text) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* تحسين الـcontainer الداخلي */
.top-navbar > .flex{
  min-height: 44px;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
  gap: .5rem !important;
}

/***** الروابط داخل الـtop-navbar *****/
.top-navbar a{
  position: relative;
  color: var(--color-upper-text) !important;
  opacity: .95;
  transition: color .25s ease, opacity .25s ease;
}

/* نستخدم خط سفلي متحرك بـ ::after
   ونكسر "hover:after:w-0" اللي جاي من الـHTML بإجبار width:100% */
.top-navbar a::after{
  content: "";
  position: absolute;
  inset-inline: 0;         /* left/right = 0 في RTL/LTR */
  bottom: -4px;
  height: 2px !important;
  background: var(--gc-accent) !important;
  width: 100% !important;  /* نلغي hover:after:w-0 */
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.top-navbar a:hover{
  color: var(--gc-accent) !important;
  opacity: 1;
}
.top-navbar a:hover::after{
  transform: scaleX(1);
  width: 100% !important;  /* تأكيد إلغاء كلاس الهوفر القديم */
}

/***** عدّاد الوقت (داخل .art-countdown-nav) *****/
.top-navbar .art-countdown-nav .s-count-down-list{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  background: rgba(221,188,129,.10);
  border: 1px solid rgba(221,188,129,.35);
  border-radius: 999px;
}
.top-navbar .art-countdown-nav .s-count-down-item{
  display: inline-flex; align-items: baseline; gap: 4px;
}
.top-navbar .art-countdown-nav .s-count-down-item-value{
  font-weight: 700; line-height: 1;
  color: var(--gc-accent) !important;
}
.top-navbar .art-countdown-nav .s-count-down-item-label{
  font-size: .75rem;
  color: #fff; opacity: .8;
}

/* لو العرض انتهى: خبّي الأرقام واعرض رسالة نهاية بشكل أنيق */
.top-navbar .art-countdown-nav .s-count-down-list.s-count-down-ended{ display: none !important; }
.top-navbar .art-countdown-nav .s-count-down-end-text{
  color: var(--gc-accent) !important;
  font-weight: 600;
  background: rgba(221,188,129,.10);
  border: 1px dashed rgba(221,188,129,.45);
  border-radius: 999px;
  padding: 4px 10px;
}
.main-content.art-main-content>div:nth-child(4) {
	display: none !important;
}
/***** تحسينات استجابة بسيطة *****/
@media (max-width: 768px){
  .top-navbar > .flex{
    row-gap: .4rem !important;
    justify-content: center !important;
    text-align: center;
}}

/*start customize section*/

    salla-slider.photos-slider .swiper-slide {
    padding: 0rem;
    margin: 0rem;
    width: 100%;
    border-radius:0 !important;
}
.home-slider img{
border-radius:0;
}
.s-slider-block__title-nav {
    visibility: hidden;
}

 salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0rem;
}

.navbar-brand img {
    max-height: 5rem;
}

.art-categories-02 .swiper-wrapper {
    justify-content:center;
}