/* Add custom CSS styles below */

/* إخفاء عناصر غير مرغوبة */
.product-card__buttons>div button,
.border-2,
select option[value="bestSell"] {
    display: none;
}

/* تعديل الحواف والأحجام */
.rounded-full { border-radius: 15px; }
.w-16 { width: 8rem; }
.h-16 { height: 8rem; }
.rounded-2xl { border-radius: 0.5rem; }

.lg\:\!w-\[10\%\] { width: 12% !important; }

/* التباعد */
.gap-y-6 { row-gap: 0.5rem; }
.gap-x-6 { column-gap: 1rem; }

/* تعديلات الهاتف */
@media (max-width: 767px) {
    .\!w-\[22\%\] { width: 37% !important; }
    .index.mobile_small_blocks_titles h2.text-3xl { font-size: 1.5rem; }
    
    .lg\:grid-cols-5 { 
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* السلايدر */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background: burlywood;
}

.advanced-slider .swiper .swiper-slide-active a {
    border-radius: 1rem;
}

/* الهيدر */
.main-nav-container .sicon-cart:before { opacity: 0; }

.sicon-cart {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.49976 7C5.99771 7.04527 5.99769 7.04542 5.99768 7.04556L5.99782 7.04413L5.9987 7.03527L6.00307 6.99543C6.00722 6.95936 6.01397 6.90479 6.02403 6.83438C6.04417 6.69344 6.07745 6.48974 6.1295 6.24438C6.23406 5.75145 6.41206 5.10124 6.70494 4.4569C7.29571 3.15721 8.28834 2 9.99976 2C11.7112 2 12.7038 3.15721 13.2946 4.4569C13.5875 5.10124 13.7655 5.75145 13.87 6.24438C13.9221 6.48974 13.9554 6.69344 13.9755 6.83438C13.9855 6.90479 13.9923 6.95936 13.9965 6.99543L14.0008 7.03527L14.0017 7.04413L14.0018 7.04556C14.0018 7.04542 14.0018 7.04527 14.4998 7C14.9977 6.95473 14.9977 6.95454 14.9977 6.95432L14.9976 6.95378L14.9975 6.95232L14.9971 6.9479L14.9956 6.93317C14.9943 6.92078 14.9924 6.90329 14.9899 6.88103C14.9848 6.83654 14.9769 6.77294 14.9654 6.69296C14.9426 6.53312 14.9056 6.30713 14.8483 6.03687C14.7341 5.49855 14.5371 4.77376 14.2049 4.0431C13.5457 2.59279 12.2883 1 9.99976 1C7.71118 1 6.45381 2.59279 5.79458 4.0431C5.46246 4.77376 5.26546 5.49855 5.15127 6.03687C5.09394 6.30713 5.05692 6.53312 5.03408 6.69296C5.02266 6.77294 5.01476 6.83654 5.00963 6.88103C5.00707 6.90329 5.0052 6.92078 5.00393 6.93317L5.00246 6.9479L5.00204 6.95232L5.0019 6.95378L5.00185 6.95432C5.00183 6.95454 5.00181 6.95473 5.49976 7ZM3.49976 9H3.04727L3.00224 9.45025L2.00224 19.4502L1.94727 20H2.49976H17.4998H18.0523L17.9973 19.4502L16.9973 9.45025L16.9523 9H16.4998H3.49976ZM3.05225 19L3.95225 10H16.0473L16.9473 19H3.05225Z' fill='%23000000'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
    background-size: 19px 19px !important;
}

@media (max-width: 991px) {
    .header-btn__icon, .sicon-menu.text-2xl { font-size: 1.1rem; }
}

/* زر اللغة */
.new-lang-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
    margin-inline-start: 8px;
}

.new-lang-btn:hover { opacity: 0.7; }
.new-lang-btn svg { width: 22px; height: 22px; display: block; }

/* الفوتر */
.lg\:mx-\[unset\] { filter: brightness(0) invert(1); }
.footer-user-menu .s-user-menu-dropdown-item-logout { color: #950409; }

/* الفئات */
ul.mx-auto.grid li div.overflow-hidden img {
    transform-origin: center center;
    transition: transform 0.4s ease;
    width: 105%;
    height: auto;
}

ul.mx-auto.grid li div.overflow-hidden img:hover {
    transform: scale(1.05);
}

salla-button .s-button-btn:hover { opacity: 0.5; }

/* المنتجات */
.product-card__normal-cart__btn salla-button button,
.product-card__mini-cart salla-button button,
.product-card__enhanced-mini-cart button.s-button-element {
    justify-content: start;
    background: #000000 !important;
    border-color: #fefffe;
    border-radius: 4px;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7px 0px;
}

.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button,
.simplified-products .s-products-slider-card .product-card--simplified .product-card__mini-cart button,
.simplified-products .offer-slide .product-card--simplified .product-card__mini-cart button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.text-store-text-secondary,
.product-card__title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rtl\:mr-auto:where([dir="rtl"], [dir="rtl"] *) { margin-right: 0px; }

.product-card__enhanced-mini-cart button.s-button-element i { display: none; }
.product-card__enhanced-mini-cart button.s-button-element { background: #000000 !important; }

/* السلايدر الرئيسي */
.image-with-gradient {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgb(255 255 255 / 95%), transparent),
                     url("https://cdn.salla.sa/form-builder/5cwtdxlCT4u7VGZUbFxWRZYpr5MCwLCiTUJNDgrA.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 641px) {
    .image-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
    }

    .image-wrapper img {
        display: block;
        width: 100%;
        height: auto;
    }

    .gradient-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgb(255 255 255 / 80%), transparent);
        pointer-events: none;
        z-index: 2;
    }
}

/* سلة التسوق */
salla-button .s-button-btn {
    border: 1px solid black;
    color: white;
    background: black;
}

/* قسم المنتجات في checkout */
#checkout-products-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 16px;
    margin: 30px auto;
    width: 90%;
    max-width: 1200px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

#checkout-products-section h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1b1b28;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
}

#checkout-products-section salla-products-list .products-list {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 25px;
    width: 100%;
}

@media (max-width: 768px) {
    #checkout-products-section salla-products-list .products-list {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 480px) {
    #checkout-products-section salla-products-list .products-list {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

#checkout-products-section salla-products-list .product:nth-child(n+6) {
    display: none !important;
}

#checkout-products-section salla-products-list .product {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

#checkout-products-section salla-products-list .product:hover {
    box-shadow: 0 8px 16px rgba(0,0,0,0.08);
    transform: translateY(-4px);
}

#checkout-products-section salla-products-list .product img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 12px;
}

#checkout-products-section salla-products-list .product-title {
    font-size: 14px;
    font-weight: 500;
    color: #1b1b28;
    margin-bottom: 6px;
    min-height: 38px;
}

#checkout-products-section salla-products-list .product-price {
    font-size: 15px;
    font-weight: 600;
    color: #d92d2d;
    margin-bottom: 12px;
}

#checkout-products-section salla-products-list .product-price del {
    text-decoration: line-through;
    font-size: 13px;
    color: #999;
    margin-left: 5px;
}

#checkout-products-section salla-products-list .btn {
    background: #e6ece7;
    color: #1b1b28;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s;
}

#checkout-products-section salla-products-list .btn:hover {
    background: #1b1b28;
    color: #fff;
}

/* خلفية سلة التسوق */
body#app.cart {
    position: relative;
    z-index: 0;
}

body#app.cart::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #f5f5dc;
    z-index: -1;
}

/* الشريط اللاصق للمنتج */
.is-sticky-product-bar .sticky-product-bar salla-add-product-button button {
    border: 1px solid #414042 !important;
}

.s-add-product-button-main .s-add-product-button-mini-checkout {
    display: none;
}

.s-add-product-button-main:not(.w-full)>salla-button {
    width: 100% !important;
}