/* ===========================================
   AddressDates Premium UI
   Part 1 - Header
=========================================== */
/* ===========================================
   AddressDates Premium UI
   Part 1 - Header v2.0
=========================================== */

:root{

--ad-primary:#5A3523;
--ad-secondary:#F4E8D8;
--ad-gold:#C9A97A;

}

/* ===================================
   الشريط العلوي
=================================== */

.store-header .top-navbar{

background:var(--ad-primary)!important;

border-bottom:none!important;

}

.store-header .top-navbar a,
.store-header .top-navbar span,
.store-header .top-navbar p,
.store-header .top-navbar i,
.store-header .top-navbar svg{

color:var(--ad-secondary)!important;

font-weight:500;

}

.store-header .top-navbar a:hover{

color:#ffffff!important;

}

/* ===================================
   الهيدر الرئيسي
=================================== */

.store-header .main-nav-container{

background:var(--ad-secondary)!important;

border-bottom:2px solid var(--ad-gold);

box-shadow:0 8px 22px rgba(0,0,0,.05);

}

/* ===================================
   الشعار
=================================== */

.store-header .navbar-brand img{

max-height:72px;

transition:.35s;

}

.store-header .navbar-brand img:hover{

transform:scale(1.03);

}

/* ===================================
   القائمة
=================================== */

.store-header custom-main-menu a{

color:var(--ad-primary)!important;

font-weight:700;

padding:10px 14px;

border-radius:10px;

transition:.3s;

}

.store-header custom-main-menu a:hover{

background:rgba(90,53,35,.08);

}

/* ===================================
   الأيقونات
=================================== */

.store-header .main-nav-container i,
.store-header .main-nav-container svg,
.store-header .header-btn__icon,
.store-header .sicon-menu,
.store-header .sicon-user,
.store-header .sicon-shopping-bag{

color:var(--ad-primary)!important;

transition:.3s;

}

.store-header .main-nav-container i:hover,
.store-header .main-nav-container svg:hover{

color:#7A4C34!important;

}

/* ===================================
   البحث
=================================== */

.store-header .s-search-input{

background:#fff!important;

border:2px solid rgba(90,53,35,.12)!important;

color:var(--ad-primary)!important;

border-radius:50px!important;

height:48px;

}

.store-header .s-search-input::placeholder{

color:#9A806F;

}

.store-header .s-search-input:focus{

border-color:var(--ad-primary)!important;

box-shadow:0 0 0 4px rgba(90,53,35,.08);

}

/* أيقونة البحث */

.store-header .sicon-search{

color:var(--ad-primary)!important;

}

/* ===================================
   عداد السلة
=================================== */

.store-header .s-cart-summary-count{

background:var(--ad-primary)!important;

color:var(--ad-secondary)!important;

font-weight:700;

}

/* ===================================
   إزالة الخلفيات
=================================== */

.store-header .inner{

background:transparent!important;

}

/* ===================================
   الجوال
=================================== */

@media(max-width:991px){

.store-header .navbar-brand img{

max-height:58px;

}

.store-header .main-nav-container{

padding:10px 0;

}

.store-header .s-search-input{

height:44px;

}

}
/* جعل الهيدر Flex */
.store-header .main-nav-container{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

/* وضع الشعار في المنتصف */
.store-header .navbar-brand,
.store-header .logo{
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:100;
}

/* ===========================================
   AddressDates Premium UI
   Part 2 - Product Cards v2.0
=========================================== */

:root{
    --ad-primary:#5A3523;      /* بني محروق */
    --ad-secondary:#F4E8D8;    /* بيج فاتح */
    --ad-bg:#FAF8F5;
    --ad-border:#C8A27A;
}

/* خلفية الصفحة */

body{
    background:var(--ad-bg);
}

/* ===========================
   بطاقات المنتجات
=========================== */

custom-salla-product-card,
.product-card,
.s-product-card{

    display:flex;
    flex-direction:column;

    background:#fff!important;

    border:2px solid var(--ad-border)!important;

    border-radius:20px!important;

    overflow:hidden;

    padding:12px!important;

    box-shadow:0 6px 18px rgba(0,0,0,.05)!important;

    transition:.35s ease;

    transform:scale(.96);

}

/* Hover */

custom-salla-product-card:hover,
.product-card:hover,
.s-product-card:hover{

    transform:translateY(-6px) scale(.98);

    border-color:var(--ad-primary)!important;

    box-shadow:0 16px 40px rgba(90,53,35,.18)!important;

}
/* ==========================================
   AddressDates Premium - Large Product Images
========================================== */

/* حاوية الصورة */
.s-product-card-image,
.product-image,
.product-card__image{

    width:100% !important;

    padding:10px !important;

    margin:0 !important;

}

/* الصورة */
.s-product-card-image img,
.product-image img,
.product-card__image img{

    width:100% !important;

    .s-product-card-image img,
.product-image img,
.product-card__image img{

    width:100% !important;

    height:auto !important;

    display:block;

    object-fit:contain !important;

    border-radius:18px;

}

    object-fit:cover;

    border:none !important;

    border-radius:18px;

    display:block;

    transition:.35s;

}

/* محتوى البطاقة */
.s-product-card-content{

    padding:14px 18px 18px !important;

}

/* اسم المنتج */
.s-product-card-content h2,
.s-product-card-content h3{

    margin-top:6px !important;

}

/* تكبير بسيط عند المرور */
.s-product-card:hover img{

    transform:scale(1.03);

}

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

.product-image,
.s-product-card-image{

    background:#fff!important;

    padding:16px!important;

    border-radius:16px!important;

    overflow:hidden;

}

.product-image img,
.s-product-card-image img,
custom-salla-product-card img{

    width:100%;

    border-radius:14px;

    transition:.35s;

}

custom-salla-product-card:hover img,
.product-card:hover img{

    transform:scale(1.04);

}

/* ===========================
   محتوى البطاقة
=========================== */

.s-product-card-content{

    text-align:center;

    padding:12px 8px 14px!important;

}

/* اسم المنتج */

.s-product-card-content h2,
.s-product-card-content h3,
.product-title{

    color:var(--ad-primary)!important;

    font-size:16px!important;

    font-weight:700;

    line-height:1.7;

    min-height:56px;

}

/* الوصف */

.s-product-card-content p{

    color:#8D7A6B;

    font-size:13px;

}

/* ===========================
   الأسعار
=========================== */

.price,
.s-product-card-price,
.s-money{

    color:var(--ad-primary)!important;

    font-size:22px!important;

    font-weight:800!important;

}

del,
.price-before{

    color:#999!important;

    opacity:.55;

    font-size:15px!important;

}

/* ===========================
   زر السلة
=========================== */

.s-button-primary,
.s-button-primary-outline,
button.btn-primary,
button.add-to-cart{

    width:100%;

    height:46px!important;

    border:none!important;

    border-radius:12px!important;

    background:var(--ad-primary)!important;

    color:var(--ad-secondary)!important;

    font-weight:700!important;

    font-size:15px!important;

    transition:.30s;

}

.s-button-primary:hover,
.s-button-primary-outline:hover,
button.btn-primary:hover{

    background:#6B422D!important;

    transform:translateY(-2px);

}

/* ===========================
   شارة الخصم
=========================== */

.badge,
.sale-badge{

    background:#8C5A3C!important;

    color:#fff!important;

    border-radius:30px!important;

    padding:6px 12px!important;

    font-size:12px;

    font-weight:700;

}

/* ===========================
   المفضلة
=========================== */

.s-product-card-wishlist,
.btn-wishlist{

    background:#fff!important;

    border:1px solid rgba(90,53,35,.12)!important;

    border-radius:50%!important;

    box-shadow:0 3px 10px rgba(0,0,0,.08);

}

/* ===========================
   المسافات بين المنتجات
=========================== */

.products-grid{

    gap:18px!important;

}

/* تصغير ظهور المنتجات */

.products-grid>*{

    transform:scale(.95);

    transform-origin:center;

}

/* الجوال */

@media(max-width:768px){

.products-grid{

gap:14px!important;

}

custom-salla-product-card,
.product-card,
.s-product-card{

padding:10px!important;

}

.s-product-card-content h2{

font-size:15px!important;

}

.s-button-primary,
.s-button-primary-outline{

height:42px!important;

font-size:14px!important;

}

}
/* ===========================================
   AddressDates Premium UI
   Part 3 - Premium Footer
=========================================== */

:root{
    --footer-bg:#5A3523;
    --footer-text:#F4E8D8;
    --footer-title:#FFF5EA;
    --footer-border:rgba(255,255,255,.08);
    --footer-hover:#D6B38B;
}

/* ===========================
   الفوتر بالكامل
=========================== */

footer,
.store-footer,
.store-footer__inner,
.footer-main,
.footer-wrapper{

    background:var(--footer-bg)!important;
    color:var(--footer-text)!important;

}

/* إزالة أي خلفية سوداء */

footer *{

    background:transparent;

}

/* ===========================
   خط علوي فاخر
=========================== */

footer{

    border-top:4px solid #B68B63;

    margin-top:60px;

}

/* ===========================
   العناوين
=========================== */

footer h2,
footer h3,
footer h4,
footer .title{

    color:var(--footer-title)!important;

    font-size:18px;

    font-weight:700;

    margin-bottom:18px;

}

/* ===========================
   الروابط
=========================== */

footer a{

    color:var(--footer-text)!important;

    transition:.30s;

}

footer a:hover{

    color:var(--footer-hover)!important;

    padding-right:6px;

}

/* ===========================
   النصوص
=========================== */

footer p,
footer span,
footer li{

    color:var(--footer-text)!important;

    line-height:2;

}

/* ===========================
   أيقونات التواصل
=========================== */

footer .social-icons a,
footer .social-link{

    width:42px;

    height:42px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.08)!important;

    margin-left:8px;

    transition:.3s;

}

footer .social-icons a:hover,
footer .social-link:hover{

    background:#B68B63!important;

    transform:translateY(-3px);

}

/* ===========================
   وسائل الدفع
=========================== */

footer img{

    border-radius:10px;

}

footer .payment-icons img,
footer .payments img{

    background:#fff;

    padding:6px;

    margin:4px;

}

/* ===========================
   الأعمدة
=========================== */

footer .footer-col{

    padding:12px 20px;

}

/* ===========================
   القائمة
=========================== */

footer ul{

    list-style:none;

    padding:0;

}

footer li{

    margin-bottom:10px;

}

/* ===========================
   خط فاصل
=========================== */

footer hr{

    border-color:var(--footer-border)!important;

}

/* ===========================
   حقوق النشر
=========================== */

footer .copyright,
footer .copyrights,
footer .footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    padding-top:18px;

    margin-top:28px;

    text-align:center;

    color:#EAD7C2!important;

}

/* ===========================
   أيقونات الفوتر
=========================== */

footer i,
footer svg{

    color:#EAD7C2!important;

}

/* ===========================
   الجوال
=========================== */

@media(max-width:768px){

footer{

padding-top:30px;

}

footer h2,
footer h3{

font-size:17px;

text-align:center;

}

footer .footer-col{

text-align:center;

padding:18px 10px;

}

footer .social-icons{

justify-content:center;

}
 /* ==========================================
   AddressDates Premium Announcement v4.0
========================================== */

:root{

    --ad-primary:#5A3523;
    --ad-secondary:#F4E8D8;
    --ad-gold:#C8A27A;

}

.ad-announcement{

    background:linear-gradient(90deg,#5A3523,#6B422D,#5A3523);
    height:42px;
    display:flex;
    align-items:center;
    overflow:hidden;
    white-space:nowrap;
    border-bottom:2px solid var(--ad-gold);
    position:relative;
    z-index:9999;

}

.ad-announcement-track{

    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    width:max-content;
    animation:ad-marquee 55s linear infinite;

}

.ad-announcement:hover .ad-announcement-track{

    animation-play-state:paused;

}

.ad-announcement span{

    display:flex;
    align-items:center;
    flex-shrink:0;
    white-space:nowrap;
    direction:rtl;
    unicode-bidi:isolate;
    padding:0 55px;
    font-size:14px;
    font-weight:700;
    color:var(--ad-secondary);
    line-height:42px;

}

@keyframes ad-marquee{

    from{

        transform:translateX(-100%);

    }

    to{

        transform:translateX(100%);

    }

}

@media(max-width:768px){

    .ad-announcement{

        height:38px;

    }

    .ad-announcement span{

        font-size:12px;
        padding:0 30px;
        line-height:38px;

    }

}