/* =========================================================
   ALQHAIDAN STORE - SELIA THEME
   MASTER CSS - CLEAN VERSION
   ========================================================= */

:root {
    --alq-primary: #432a0e;
    --alq-primary-hover: #5a3a17;

    --alq-beige: #e6d2bd;
    --alq-beige-light: #f7efe6;
    --alq-page: #fbf7f1;

    --alq-text: #60472f;
    --alq-text-dark: #432a0e;

    --alq-border: #d8c4ae;
    --alq-white: #ffffff;

    --alq-radius: 14px;
}


/* =========================================================
   GENERAL
   ========================================================= */

body {
    background-color: var(--alq-page) !important;
}

main {
    background-color: var(--alq-page) !important;
}

main .container {
    position: relative;
}

a,
button {
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* =========================================================
   HEADER
   ========================================================= */

header,
.store-header {
    position: relative;
    z-index: 50;
}

@media (min-width: 768px) {

    header,
    .store-header {
        position: sticky !important;
        top: 0 !important;

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

        box-shadow:
            0 5px 20px
            rgba(67, 42, 14, .05);

        backdrop-filter: blur(8px);
    }

}


/* =========================================================
   TITLES
   ========================================================= */

.s-block__title h2,
.s-slider-block__title h2,
.home-block-title h2,
section h2 {
    color: var(--alq-text-dark);
    font-weight: 700;
}

.s-block__title,
.s-slider-block__title,
.home-block-title {
    margin-bottom: 18px;
}


/* =========================================================
   GENERAL SECTION SPACING
   ========================================================= */

/*
   مسافة طبيعية بين باقي السكاشن
*/

main .s-block,
main section {
    margin-bottom: 30px;
}


/* =========================================================
   ADVANCED SLIDER / MAIN BANNER
   إزالة الفراغ تحت البانر
   ========================================================= */

/*
   السكشن اللي يحتوي على البانر
*/

body.index section:has(.advanced-slider),
body.index .s-block:has(.advanced-slider) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/*
   البانر نفسه
*/

body.index .advanced-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/*
   السلايد
*/

body.index .advanced-slider__slide {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/*
   Salla Slider
*/

body.index .advanced-slider salla-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/*
   الكابشن الفاضي اللي ظهر في Inspect
*/

body.index .advanced-slider__caption:empty {
    display: none !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/*
   لو الكابشن موجود لكن مفيهوش محتوى ظاهر
*/

body.index .advanced-slider__caption {
    margin-bottom: 0 !important;
}


/* =========================================================
   SELIA CATEGORY / SQUARE LINKS
   ========================================================= */

.square-links a,
.square-links__item {
    border-radius: 13px !important;
    overflow: hidden;
}

.square-links__subtitle {
    color: var(--alq-text) !important;
    font-weight: 500 !important;
}


/* =========================================================
   PRODUCT CARD
   class added automatically by JS
   ========================================================= */

.alq-product-card {
    position: relative !important;

    background-color:
        var(--alq-beige) !important;

    border:
        1px solid
        var(--alq-primary) !important;

    border-radius:
        13px !important;

    overflow: hidden !important;

    box-shadow: none !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* =========================================================
   PRODUCT CARD HOVER - DESKTOP
   ========================================================= */

@media (hover: hover) {

    .alq-product-card:hover {
        transform: translateY(-3px);

        box-shadow:
            0 10px 25px
            rgba(67, 42, 14, .09)
            !important;
    }

}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.alq-product-card img {
    max-width: 100%;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.alq-product-card
:is(
    h3,
    .s-product-card-content-title,
    .product-title,
    [class*="product-title"]
) {
    color:
        var(--alq-text) !important;

    font-weight:
        700 !important;
}


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

.alq-product-card
:is(
    .s-product-card-price,
    .s-product-card-sale-price,
    .product-price,
    [class*="product-price"],
    [class*="sale-price"]
) {
    color:
        #9b8067 !important;

    font-weight:
        700 !important;
}


/* =========================================================
   REMOVE EMPTY PRODUCT CARD SPACE
   ========================================================= */

.alq-empty-card-space {
    display: none !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
}

/* =========================================================
   PAYMENT LABEL
   ========================================================= */

.alq-payments__label {
    display:
        inline-block !important;

    margin:
        0 1px !important;

    color:
        #675749 !important;

    font-size:
        11px !important;

    font-weight:
        500 !important;

    line-height:
        20px !important;

    white-space:
        nowrap !important;
}

/* =========================================================
   ADD TO CART BUTTON
   ========================================================= */

.alq-product-card
:is(
    .s-add-product-button,
    .s-button-primary,
    button[class*="add-to-cart"],
    button[class*="add-product"]
) {
    background:
        var(--alq-primary) !important;

    color:
        #ffffff !important;

    border:
        1px solid
        var(--alq-primary) !important;

    border-radius:
        9px !important;

    min-height:
        39px !important;
}


.alq-product-card
:is(
    .s-add-product-button,
    .s-button-primary,
    button[class*="add-to-cart"],
    button[class*="add-product"]
):hover {
    background:
        var(--alq-primary-hover) !important;

    border-color:
        var(--alq-primary-hover) !important;
}


/* =========================================================
   GENERAL BUTTONS
   ========================================================= */

button.s-button-primary,
.s-button-primary {
    border-radius:
        9px !important;
}


/* =========================================================
   PRODUCT PAGE
   ========================================================= */

.product-details h1,
.product-entry h1 {
    color:
        var(--alq-primary) !important;
}


salla-product-options,
.product-options {
    border-radius:
        12px;
}


/* =========================================================
   INPUTS
   ========================================================= */

input,
textarea,
select {
    border-radius:
        9px !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.store-footer,
footer.store-footer {
    background-color:
        var(--alq-primary) !important;

    color:
        #f8f1e9 !important;
}


.store-footer h3,
.store-footer h4,
.store-footer h5 {
    color:
        #ffffff !important;
}


.store-footer a {
    color:
        #eadfd3 !important;
}


.store-footer a:hover {
    color:
        #ffffff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /*
       الصفحة
    */

    main .container {
        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }


    /*
       مسافات السكاشن
    */

    main .s-block,
    main section {
        margin-bottom:
            20px;
    }


    /*
       مهم:
       البانر بدون مسافة حتى على الجوال
    */

    body.index section:has(.advanced-slider),
    body.index .s-block:has(.advanced-slider) {
        margin-bottom:
            0 !important;

        padding-bottom:
            0 !important;
    }


    body.index .advanced-slider,
    body.index .advanced-slider__slide,
    body.index .advanced-slider salla-slider {
        margin-bottom:
            0 !important;

        padding-bottom:
            0 !important;
    }


    body.index .advanced-slider__caption:empty {
        display:
            none !important;

        height:
            0 !important;

        min-height:
            0 !important;

        max-height:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


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

    .s-block__title h2,
    .s-slider-block__title h2,
    .home-block-title h2 {
        font-size:
            19px !important;
    }


    /*
       Product Card
    */

    .alq-product-card {
        border-radius:
            12px !important;
    }


    /*
       Payment Box
    */

    .alq-payments {
        width:
            calc(100% - 10px) !important;

        margin:
            7px 5px 6px !important;

        padding:
            6px 3px !important;

        gap:
            4px !important;
    }


    .alq-payments__label {
        width:
            100% !important;

        text-align:
            center !important;

        font-size:
            10px !important;

        line-height:
            16px !important;

        margin-bottom:
            1px !important;
    }


    .alq-payment-logo {
        height:
            18px !important;

        line-height:
            18px !important;

        padding-left:
            6px !important;

        padding-right:
            6px !important;
    }


    .alq-payment-logo--tabby {
        min-width:
            44px !important;

        font-size:
            10px !important;
    }


    .alq-payment-logo--tamara {
        min-width:
            49px !important;

        font-size:
            10px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .alq-payments__label {
        font-size:
            9px !important;
    }

}
@media (max-width: 767px) {

    .product-card__enhanced-mini-cart {
        background: #e6d2bd !important;
        margin: 0 !important;
        padding: 8px !important;
        border: 0 !important;
    }

    .product-card__enhanced-mini-cart button.s-button-element {
        background: #432a0e !important;
        color: #fff !important;
        border: 0 !important;
        border-radius: 8px !important;
    }

}
/* ==========================================
   عرض الخصم + المنتجات المقترحة داخل السلة
   ========================================== */

#alq-cart-inline-offer {
    width: calc(100% - 32px);
    margin: 10px 16px 10px;
    padding: 12px 14px;
    box-sizing: border-box;

    background: #432a0e;
    color: #fff;

    border-radius: 8px;

    direction: rtl;
    text-align: center;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}

#alq-cart-inline-offer strong {
    color: #e6d2bd;
    font-weight: 800;
}


/* ===========================
   المنتجات المقترحة
   =========================== */

#alq-cart-upsell {
    width: calc(100% - 32px);
    margin: 0 16px 15px;
    box-sizing: border-box;

    direction: rtl;
}

#alq-cart-upsell .alq-upsell-title {
    font-size: 15px;
    font-weight: 800;
    color: #432a0e;

    margin: 13px 0 10px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

#alq-cart-upsell .alq-upsell-subtitle {
    font-size: 11px;
    font-weight: 500;
    color: #8a735d;
}


/* نخلي المنتجات صف واحد */
#alq-cart-upsell .s-products-list-wrapper {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}


/* تقليل المسافات */
#alq-cart-upsell salla-products-list {
    display: block;
    width: 100%;
}


/* لو الثيم بيستخدم كروت سلة الافتراضية */
#alq-cart-upsell .s-product-card-entry {
    margin-bottom: 8px !important;
}


/* موبايل */
@media (max-width: 768px) {

    #alq-cart-inline-offer {
        width: calc(100% - 24px);
        margin: 8px 12px;
        font-size: 13px;
        padding: 11px 10px;
    }

    #alq-cart-upsell {
        width: calc(100% - 24px);
        margin: 0 12px 12px;
    }

    #alq-cart-upsell .alq-upsell-title {
        font-size: 14px;
    }
}
/* =========================================
   مساحة بين منتجات السلة والمقترحات
   ========================================= */

#alq-cart-upsell {
    clear: both !important;
    display: block !important;
    position: relative !important;

    width: calc(100% - 32px) !important;
    margin: 28px 16px 18px !important;

    overflow: hidden !important;
}


/* عنوان المقترحات */
#alq-cart-upsell .alq-upsell-title {
    margin: 0 0 12px !important;
    padding: 0 !important;
}


/* =========================================
   تصغير قائمة المقترحات بالكامل
   يعمل حتى لو الكارت Web Component
   ========================================= */

#alq-cart-upsell .alq-upsell-products {
    width: 100% !important;
    overflow: hidden !important;
}

#alq-cart-upsell salla-products-list {
    display: block !important;

    zoom: 0.72 !important;

    width: 138.8% !important;
}


/* مسافة بسيطة بين البانر ومنتجات السلة */
#alq-cart-inline-offer {
    margin-bottom: 22px !important;
}


/* الموبايل */
@media (max-width: 768px) {

    #alq-cart-upsell {
        width: calc(100% - 24px) !important;
        margin: 25px 12px 15px !important;
    }

    #alq-cart-upsell salla-products-list {
        zoom: 0.68 !important;
        width: 147% !important;
    }

}
/* ==================================================
   إخفاء الفوتر الرئيسي في صفحة السلة فقط
   ================================================== */

.alq-hide-cart-footer {
    display: none !important;
}


/* تأكيد أن المنتجات المقترحة تظهر بشكل طبيعي */
#alq-cart-upsell {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
}