/* ===== عام ===== */
html{scroll-behavior:smooth}
#main-content{padding-top:0!important;margin-top:0!important}
#main-content .s-block{margin-top:0!important;margin-bottom:0!important}
.jz-hero{margin-top:0!important}

:root{
  --jz-brown:#5d3e16;
  --jz-brown-dark:#3f2a0e;
  --jz-gold:#d3aa5c;
  --jz-gold-dark:#b8913a;
  --jz-cream:#faf5ec;
  --jz-line:#e8dcc6;
}


.s-search-modal,
.s-search-results{
    background:#fff!important;
    z-index:10000!important;
}

/* Add custom CSS styles below */
:root {
    --main-color:#5d3e16;
    --jz-gold:#d3aa5c;
    --jz-cream:#faf5ec;
    --jz-line:#e8dcc6;
    --jz-text:#3f2a0e;
}

body{
    background-color: #ffffff !important;
}


/* ============================================================
   الهيدر: أبيض + بني + ذهبي
   - التبويبات في نص الصف الرئيسي بالظبط (ديسكتوب)
   - ارتفاع ثابت وبدون transform، فمفيش حاجة بتتحرك مع السكرول
   - التلات شرط يظهر بس تحت 1024px
   ============================================================ */

/* ----- عام ----- */
.top-navbar,
.main-nav-container{
    font-family:"IBM Plex Sans Arabic",sans-serif;
}

/* ----- الشريط العلوي (البحث) ----- */
.top-navbar{
    background-color:var(--jz-cream) !important;
    color:var(--main-color) !important;
    border-bottom:1px solid var(--jz-line);
    padding-block:6px !important;
}
.top-navbar a,
.top-navbar span,
.top-navbar i{
    color:var(--main-color) !important;
}
.top-navbar .s-search-input,
.top-navbar salla-search input{
    background:#fff !important;
    border:1px solid var(--jz-line) !important;
    border-radius:999px !important;
    color:var(--jz-text) !important;
    font-family:"IBM Plex Sans Arabic",sans-serif !important;
    font-size:14px;
    box-shadow:none !important;
    transition:border-color .2s,box-shadow .2s;
}
.top-navbar .s-search-input:focus,
.top-navbar salla-search input:focus{
    border-color:var(--jz-gold) !important;
    box-shadow:0 0 0 3px rgba(211,170,92,.22) !important;
    outline:none;
}
.top-navbar input.s-search-input::placeholder{
    color:#9a8a72 !important;
}

/* ----- الصف الرئيسي: ارتفاع ثابت في كل الحالات ----- */
.main-nav-container,
.main-nav-container.shadow-default,
.main-nav-container.bg-white,
.main-nav-container.fixed-pinned,
.main-nav-container.fixed-unpinned{
    background:#fff !important;
    border-bottom:1px solid var(--jz-line);
    box-shadow:0 1px 0 rgba(93,62,22,.04) !important;
    padding-block:0 !important;
    transition:box-shadow .3s ease;
}
body.jz-scrolled .main-nav-container{
    box-shadow:0 8px 24px rgba(93,62,22,.10) !important;
}



/* ----- تثبيت الهيدر الأبيض أثناء السكرول ----- */
header.store-header{
    display:contents;
}

html, body, :has(> .main-nav-container){
    overflow-x:clip !important;
    overflow-y:visible !important;
}

.main-nav-container,
.main-nav-container.fixed-pinned,
.main-nav-container.fixed-unpinned{
    position:sticky !important;
    top:0 !important;
    z-index:999 !important;
    transform:none !important;
}



/* مرجع التوسيط هو .inner نفسه (مش .container) */
.main-nav-container .container{
    position:static !important;
}
.main-nav-container .inner{
    position:relative !important;
    min-height:72px;
    height:72px;
    align-items:center;
}
.main-nav-container .navbar-brand img{
    max-height:56px;
    width:auto;
    object-fit:contain;
}

/* ----- التبويبات: في نص الصف بالظبط (ديسكتوب فقط) ----- */
@media (min-width:1024px){
    .main-nav-container .main-menu:not(.main-menu .main-menu){
        position:absolute !important;
        top:50% !important;
        left:50% !important;
        right:auto !important;
        bottom:auto !important;
        margin:0 !important;
        padding:0 !important;
        translate:-50% -50% !important;
        width:max-content !important;
        height:max-content !important;
        max-width:60%;
        transform:none !important;
        animation:none !important;
        justify-content:center;
        align-items:center;
        gap:4px;
    }

    /* تثبيت الصف في حالات السكرول */
    .main-nav-container.fixed-pinned .inner,
    .main-nav-container.fixed-unpinned .inner{
        height:72px !important;
        min-height:72px !important;
        transform:none !important;
    }

    /* التلات شرط يختفي على الشاشات الكبيرة */
    .main-nav-container a[href="#mobile-menu"]{
        display:none !important;
    }
}

/* تثبيت التبويبات في كل حالات السكرول */
.main-nav-container .main-menu > li,
.main-nav-container .main-menu > li > a{
    transform:none !important;
    animation:none !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

/* شكل التبويب + الهوفر (الخط الذهبي بـ background مش transform) */
.main-nav-container .main-menu > li > a{
    display:inline-flex;
    align-items:center;
    padding:8px 16px !important;
    border-radius:10px;
    font-family:"IBM Plex Sans Arabic",sans-serif;
    font-size:15px;
    font-weight:500;
    color:var(--jz-text) !important;
    background-color:transparent;
    background-image:linear-gradient(var(--jz-gold),var(--jz-gold));
    background-repeat:no-repeat;
    background-position:center calc(100% - 3px);
    background-size:0 2px;
    transition:color .2s,background-color .2s,background-size .25s ease;
}
.main-nav-container .main-menu > li > a:hover,
.main-nav-container .main-menu > li.active > a,
.main-nav-container .main-menu > li.current > a,
.main-nav-container .main-menu > li > a[aria-current="page"]{
    color:var(--main-color) !important;
    background-color:var(--jz-cream);
    background-size:calc(100% - 32px) 2px;
}
.main-nav-container .main-menu > li.active > a,
.main-nav-container .main-menu > li.current > a,
.main-nav-container .main-menu > li > a[aria-current="page"]{
    font-weight:700;
}

/* القوائم المنسدلة */
.main-nav-container .main-menu .sub-menu,
.main-nav-container .main-menu .root-level,
.main-nav-container .main-menu ul ul{
    background:#fff !important;
    border:1px solid var(--jz-line) !important;
    border-radius:14px !important;
    box-shadow:0 14px 34px rgba(93,62,22,.14) !important;
    overflow:hidden;
}
.main-nav-container .main-menu .sub-menu a:hover,
.main-nav-container .main-menu ul ul a:hover{
    background:var(--jz-cream) !important;
    color:var(--main-color) !important;
}

/* ----- أيقونات الحساب والسلة ----- */
.main-nav-container .header-btn,
.main-nav-container button.s-user-menu-login-btn{
    background:#fff !important;
    border:1px solid var(--jz-line) !important;
    border-radius:50% !important;
    color:var(--main-color) !important;
    transition:background-color .2s,border-color .2s,box-shadow .2s;
}
.main-nav-container .header-btn:hover,
.main-nav-container button.s-user-menu-login-btn:hover{
    background:var(--jz-cream) !important;
    border-color:var(--jz-gold) !important;
    box-shadow:0 4px 12px rgba(93,62,22,.12);
}
.main-nav-container i.header-btn__icon,
.main-nav-container .header-btn i,
.main-nav-container button.s-user-menu-login-btn i{
    background:transparent !important;
    color:var(--main-color) !important;
}
.main-nav-container button.s-user-menu-login-btn svg{
    fill:var(--main-color) !important;
}

/* عداد السلة + الإجمالي */
.main-nav-container span.s-cart-summary-count{
    background:var(--main-color) !important;
    color:#fff !important;
    border:2px solid #fff;
    font-weight:700;
}
.main-nav-container b.s-cart-summary-total{
    color:var(--main-color) !important;
    font-weight:700;
}

/* ----- التلات شرط (زر قائمة الموبايل): موبايل وتابلت فقط ----- */
@media (max-width:1023px){
    .main-nav-container a[href="#mobile-menu"]{
        display:inline-flex !important;
        align-items:center;
        justify-content:center;
        width:42px;
        height:42px;
        padding:0;
        background:#fff !important;
        border:1px solid var(--jz-line) !important;
        border-radius:12px !important;
        transition:background-color .2s,border-color .2s;
    }
    .main-nav-container a[href="#mobile-menu"]:hover{
        background:var(--jz-cream) !important;
        border-color:var(--jz-gold) !important;
    }
}
.main-nav-container i.sicon-menu{
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--main-color) !important;
    font-size:22px;
    line-height:1;
}

/* ----- الموبايل والتابلت ----- */
@media (max-width:1023px){
    .top-navbar{padding-block:5px !important}
    .main-nav-container .inner{min-height:72px;height:auto;padding-bottom:10px !important}
    .main-nav-container .navbar-brand img{max-height:44px}
}

/* ============================================================
   باقي التنسيقات
   ============================================================ */

/**    silder block ***/
section.s-block.s-block--photos-slider {
    margin-top: 0;
}
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}

a.banner-entry.square-photos {
    height:100%;
    width:100%;
    background:transparent;
}

/** End silder block ***/


section.s-block.s-block--fixed-banner.wide-placeholder 
  > .container:not(
    section.s-block.s-block--fixed-banner.wide-placeholder:nth-child(8) > .container
  ) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: unset !important; 
}

section.s-block.s-block--banners .s-block__title  {
    justify-content:center;
}

section.s-block.s-block--banners .s-block__title  h2 {
    background-color:var(--main-color);
    color:#ffff!important;
    padding:1rem 1.5rem;
    border-radius:12px;
}

section.s-block.s-block--banners.container .md\:grid-cols-3:not(section.s-block.s-block--banners.container:first-of-type .md\:grid-cols-3) {
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap:12px;
}

.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 1;
    padding:0;
}

a.banner-entry.square-photos {
padding:0;
}

body.index section:nth-child(13) {
    margin-top:12px !important;
}

body.index .swiper.s-slider-container.container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    margin-inline:auto;
}

body.index custom-salla-product-card  {
    background-color:transparent !important;
    background:transparent !important;
}

.s-product-card-content {
    background-color:transparent !important;
}

body.index custom-salla-product-card .s-product-card-content-main {
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:var(--main-color);
}

body.index custom-salla-product-card .s-product-card-content-main h3 a {
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:var(--main-color);
}

custom-salla-product-card {
    transition:0.5s !important;
    overflow: hidden;
}

body.index salla-products-slider.s-products-slider-wrapper.hydrated .swiper.s-slider-container {
    padding:30px 0 !important;
}
.product-index salla-products-list.flex-1,
 .product-index-offers  salla-products-list.flex-1
 {
    padding-top: 30px !important;
    padding-inline: 15px !important;
}

button.s-button-element.s-button-btn {
    background-color:var(--main-color) !important;
    color:#e4d2b8;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-gray-outline.s-button-loader-after {
    color:#e4d2b8;
}

body.index custom-salla-product-card .s-product-card-content-sub {
    justify-content:center;
}

body.index custom-salla-product-card .s-product-card-content-sub h4.s-product-card-price {
    font-size:18px;
}

body.index .s-slider-block__title {
    justify-content: center !important;
    align-items:center;
    gap:8px;
}

body.index .s-slider-block__title .s-slider-block__title-right ,
body.index .s-slider-block__title .s-slider-block__title-right h2 
{
    padding-left:0;
}

body.index .s-slider-block__title .s-slider-block__title-right h2 {
    background-color: var(--main-color);
    color: #ffff !important;
    padding: 1rem 3rem;
    border-radius: 12px;
}

.s-slider-block__title-left {
    display:none;
}

body.index section:nth-child(11){
    margin-top:0;
}

@media(max-width:992px){
    section.s-block.s-block--banners .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8.container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-block:1rem;
    }

    section.s-block.s-block--banners.container .md\:grid-cols-3:not(section.s-block.s-block--banners.container:first-of-type .md\:grid-cols-3) {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 12px;
    }

    section.s-block.s-block--banners.container  .right-side {
        padding-left:0;
    }
}

.store-footer__inner {
    background-color:var(--main-color) !important;
    color:#fff;
    padding-top:6rem;
}

@media(max-width:992px){
    section#best-offers-2-slider {
        background-color: #e6d3b7;
        margin-top: 0;
        padding-block: 3rem;
        border-bottom-left-radius: 32px;
        border-bottom-right-radius: 32px;
    }
    .top-ads .swiper-slide {
        padding: 0 ;
    }
}

body.index .swiper-wrapper.s-slider-swiper-wrapper{
    justify-content:center;
}


/* ===== تحديثات جازانا ===== */
:root{--jz-gold:#c9a24a;--jz-line:#eadfd2;--jz-text:#3b2a12}
body{background-color:#FFFEFD!important}
.top-navbar .s-search-input:focus,
.top-navbar salla-search input:focus{box-shadow:0 0 0 3px rgba(201,162,74,.22)!important}

/* كروت المنتج: الحركة على الكارت كله بدل الزرار (بيمنع الرعشة) */
custom-salla-product-card{border:1px solid transparent;transition:transform .3s ease,border-color .3s ease!important}
custom-salla-product-card:hover{transform:translateY(-6px);border-color:var(--main-color)}

/* نص الأزرار أبيض زي المرجع */
button.s-button-element.s-button-btn,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-gray-outline.s-button-loader-after{color:#fff}

/* إخفاء الشات وقت البحث */
body.jz-search-open #jz-host{display:none!important}