/* ============ LIGHT STORE — REDESIGN v2 (Neo-Brutalist / حواف حادة + حدود سميكة) ============ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');

:root {
    --lgt-accent: #a6e600;
    --lgt-accent2: #d4ff5c;
    --lgt-bg: #0a1206;
    --lgt-panel: #0e1a08;
    --lgt-muted: #7c9463;
    --lgt-ink: #06170a;
}

salla-products-list, salla-products-slider { font-family: 'Cairo', sans-serif !important; }

.s-products-list-wrapper.s-products-list-horizontal-cards {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 26px !important;
}

custom-salla-product-card.s-product-card-entry {
    position: relative !important;
    flex: 1 1 300px;
    border-radius: 0 !important;
    background: var(--lgt-panel) !important;
    border: 2px solid var(--lgt-accent) !important;
    box-shadow: 7px 7px 0 0 rgba(166,230,0,0.35) !important;
    overflow: visible !important;
    transition: box-shadow .18s ease, transform .18s ease !important;
}
custom-salla-product-card.s-product-card-entry:hover {
    box-shadow: 3px 3px 0 0 rgba(166,230,0,0.6) !important;
    transform: translate(4px, 4px);
}

.s-product-card-image {
    border-radius: 0 !important;
    border-bottom: 2px solid var(--lgt-accent) !important;
    position: relative;
    overflow: hidden !important;
    min-height: 220px;
}
.s-product-card-image img.s-product-card-image-contain { transition: filter .3s ease !important; }
custom-salla-product-card.s-product-card-entry:hover .s-product-card-image img.s-product-card-image-contain {
    filter: brightness(0.75) saturate(1.3);
}

/* ============ إصلاح: إجبار ظهور صور المنتجات (مشكلة lazyload لا علاقة لها بالألوان) ============ */
.s-product-card-image img,
.s-products-slider-card img,
custom-salla-product-card img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
.s-product-card-image img.lazy,
.s-product-card-image img.lazy_img,
.s-product-card-image img.lazy__bg,
.s-product-card-image img[data-src],
.s-products-slider-card img.lazy,
.s-products-slider-card img.lazy_img,
.s-products-slider-card img[data-src] {
    opacity: 1 !important;
}

.s-product-card-actions { z-index: 3; }
.btn--wishlist.s-product-card-wishlist,
.s-product-card-quick-view-btn {
    background: var(--lgt-ink) !important;
    border: 2px solid var(--lgt-accent) !important;
    border-radius: 0 !important;
    opacity: 1;
}
.btn--wishlist.s-product-card-wishlist .s-button-text i,
.s-product-card-quick-view-btn .s-button-text i { color: var(--lgt-accent2) !important; }
.btn--wishlist.s-product-card-wishlist:hover,
.s-product-card-quick-view-btn:hover { background: var(--lgt-accent) !important; }
.btn--wishlist.s-product-card-wishlist:hover .s-button-text i,
.s-product-card-quick-view-btn:hover .s-button-text i { color: var(--lgt-ink) !important; }
.btn--wishlist.s-product-card-wishlist.favorited .s-button-text i,
.btn--wishlist.s-product-card-wishlist.added .s-button-text i { color: #ff5a5a !important; }

.s-product-card-content { padding: 16px !important; }

html body .s-product-card-category {
    display: inline-block !important;
    color: var(--lgt-ink) !important;
    background: var(--lgt-accent) !important;
    font-size: 0.66rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: 3px 10px;
    border-radius: 0;
    margin-bottom: 10px;
}

html body .s-product-card-content-title,
html body .s-product-card-content-title a {
    color: #f2fbe8 !important;
    font-weight: 800 !important;
    font-size: 0.98rem !important;
    text-transform: uppercase;
    letter-spacing: .01em;
    text-decoration: none !important;
}
html body custom-salla-product-card.s-product-card-entry:hover .s-product-card-content-title a {
    color: var(--lgt-accent2) !important;
}

.s-product-card-content-sub { margin-top: 12px !important; }
.s-product-card-sale-price { display: flex !important; align-items: center !important; gap: 10px; }
html body h4.s-product-card-price,
html body .s-product-card-sale-price .s-product-card-price,
html body .s-product-card-content-sub .s-product-card-price {
    display: inline-block;
    color: var(--lgt-ink) !important;
    background: var(--lgt-accent2) !important;
    font-weight: 900 !important;
    font-size: 1.1rem !important;
    padding: 2px 10px;
    transform: skewX(-6deg);
    background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
}
html body h4.s-product-card-price i,
html body .s-product-card-sale-price .s-product-card-price i,
html body .s-product-card-content-sub .s-product-card-price i { color: var(--lgt-ink) !important; }
html body .s-product-card-price-before,
html body span.s-product-card-price-before {
    color: var(--lgt-muted) !important;
    font-size: 0.8rem !important;
    text-decoration: line-through !important;
}

.s-product-card-content-footer { margin-top: 16px !important; }
html body .s-button-element.s-button-primary-outline {
    border: 2px solid var(--lgt-accent) !important;
    background: transparent !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: 0 !important;
    transition: background .15s ease, color .15s ease !important;
}
html body .s-button-element.s-button-primary-outline .s-button-text,
html body .s-button-element.s-button-primary-outline .s-button-text i,
html body button[product-status].s-button-element.s-button-primary-outline .s-button-text,
html body button[product-status].s-button-element.s-button-primary-outline .s-button-text i {
    color: var(--lgt-accent2) !important;
    display: inline-flex !important; align-items: center; gap: 6px;
}
html body .s-button-element.s-button-primary-outline:hover {
    background: var(--lgt-accent) !important;
}
html body .s-button-element.s-button-primary-outline:hover .s-button-text,
html body .s-button-element.s-button-primary-outline:hover .s-button-text i,
html body button[product-status].s-button-element.s-button-primary-outline:hover .s-button-text,
html body button[product-status].s-button-element.s-button-primary-outline:hover .s-button-text i {
    color: var(--lgt-ink) !important;
}

@media (max-width: 767px) {
    html body .s-products-slider-wrapper .s-products-slider-card.swiper-slide {
        width: 76% !important;
        max-width: 300px !important;
    }
    html body .s-products-slider-wrapper .swiper-slide.s-products-slider-card custom-salla-product-card.s-product-card-entry {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
    }
    html body .s-products-list-wrapper.s-products-list-vertical-cards custom-salla-product-card.s-product-card-entry {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }
}

@media (max-width: 760px) {
    .s-products-list-wrapper.s-products-list-horizontal-cards { gap: 14px !important; }
    custom-salla-product-card.s-product-card-entry {
        flex: 0 0 calc(50% - 7px) !important;
        width: calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        box-shadow: 4px 4px 0 0 rgba(166,230,0,0.35) !important;
    }
    custom-salla-product-card.s-product-card-entry * { min-width: 0 !important; }
    .s-button-element.s-button-primary-outline .s-button-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .s-product-card-content { padding: 12px !important; }
    html body .s-product-card-content-title,
    html body .s-product-card-content-title a { font-size: 0.8rem !important; }
    html body h4.s-product-card-price,
    html body .s-product-card-sale-price .s-product-card-price,
    html body .s-product-card-content-sub .s-product-card-price { font-size: 0.95rem !important; }
    html body .s-product-card-category { font-size: 0.58rem !important; padding: 2px 8px; }
    html body .s-button-element.s-button-primary-outline .s-button-text { font-size: 0.76rem !important; }
}

#product-980146276, [id^="product-"] { font-family: 'Cairo', sans-serif; }

.breadcrumbs .s-breadcrumb-item a { color: var(--lgt-accent2) !important; }
.breadcrumbs .s-breadcrumb-item a:hover { color: #fff !important; }
.breadcrumbs .s-breadcrumb-item { color: var(--lgt-muted) !important; }
.breadcrumbs svg { fill: #4d6870 !important; }
.flex.flex-col.bg-gray-100.da-bgg.relative { background: var(--lgt-bg) !important; }
.md\:container { background: var(--lgt-bg); }

.details-slider { border-radius: 0; border: 2px solid var(--lgt-accent); }
.details-slider .swiper-slide,
.details-slider .homeslider__slide {
    border-radius: 0 !important;
    overflow: hidden !important;
    background: var(--lgt-panel) !important;
}
.details-slider .swiper-pagination-bullet { background: rgba(166,230,0,0.3) !important; opacity: 1 !important; border-radius: 0 !important; }
.details-slider .swiper-pagination-bullet-active { background: var(--lgt-accent) !important; }
.details-slider .s-slider-nav-arrow {
    background: var(--lgt-ink) !important;
    border: 2px solid var(--lgt-accent) !important;
    color: var(--lgt-accent2) !important;
    border-radius: 0 !important;
}

.wish-share .s-button-element {
    background: transparent !important;
    border: 2px solid var(--lgt-accent) !important;
    border-radius: 0 !important;
}
.wish-share .s-button-element:hover { background: var(--lgt-accent) !important; }
.wish-share .s-button-element i,
.wish-share .s-button-element svg { color: var(--lgt-accent2) !important; fill: var(--lgt-accent2) !important; }
.wish-share .s-button-element:hover i,
.wish-share .s-button-element:hover svg { color: var(--lgt-ink) !important; fill: var(--lgt-ink) !important; }

.main-content h1 { color: #f2fbe8 !important; font-weight: 900 !important; text-transform: uppercase; }

.price .total-price {
    display: inline-block;
    color: var(--lgt-ink) !important;
    background: var(--lgt-accent2) !important;
    padding: 4px 14px;
    transform: skewX(-6deg);
    background-clip: initial !important; -webkit-text-fill-color: initial !important;
}
.price .total-price i { color: var(--lgt-ink) !important; }
.price .before-price { color: var(--lgt-muted) !important; }
.price .before-price i { color: var(--lgt-muted) !important; }

.product-availablity strong.text-green-500 { color: #6ff5b0 !important; }
.product-available-dot { display: inline-block; width: 8px; height: 8px; border-radius: 0; background: #6ff5b0; }

.main-categoty p { color: var(--lgt-muted) !important; }
.main-categoty a { color: var(--lgt-accent2) !important; }
.main-categoty a:hover { color: #fff !important; }

.angel-discountcoupon.details {
    border-radius: 0 !important;
    background: var(--lgt-panel) !important;
    border: 2px dashed var(--lgt-accent) !important;
    padding: 14px 16px !important;
}
.angel-discountcoupon .coupon-title { color: var(--lgt-accent2) !important; font-weight: 800 !important; text-transform: uppercase; }
.angel-discountcoupon .coupon-percentage { color: var(--lgt-muted) !important; }
.angel-discountcoupon .coupon-value {
    background: var(--lgt-ink) !important;
    border: 2px solid var(--lgt-accent) !important;
    color: #f2fbe8 !important;
    border-radius: 0 !important;
}
.angel-discountcoupon .copycodebtn {
    background: var(--lgt-accent) !important;
    color: var(--lgt-ink) !important;
    font-weight: 800 !important;
    border-radius: 0 !important;
    border: none !important;
}
.angel-discountcoupon .copycodebtn:hover { background: var(--lgt-accent2) !important; }

.s-quantity-input-container {
    border: 2px solid var(--lgt-accent) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.s-quantity-input-input { color: #f2fbe8 !important; background: transparent !important; }
.s-quantity-input-button { color: var(--lgt-accent2) !important; }
.s-quantity-input-button:hover { color: #fff !important; }

.s-button-element.s-button-solid.s-button-primary {
    background: var(--lgt-accent) !important;
    color: var(--lgt-ink) !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    border: 2px solid var(--lgt-ink) !important;
    border-radius: 0 !important;
    box-shadow: 5px 5px 0 0 rgba(212,255,92,0.4);
    transition: box-shadow .15s ease, transform .15s ease !important;
}
.s-button-element.s-button-solid.s-button-primary:hover {
    box-shadow: 2px 2px 0 0 rgba(212,255,92,0.6);
    transform: translate(3px, 3px);
}
.s-button-element.s-button-solid.s-button-primary .s-button-text,
.s-button-element.s-button-solid.s-button-primary .s-button-text i { color: var(--lgt-ink) !important; }

.sticky-product-bar {
    background: var(--lgt-panel) !important;
    border-top: 2px solid var(--lgt-accent) !important;
    border-radius: 0 !important;
}
.sticky-product-bar span, .sticky-product-bar .da-tm { color: #f2fbe8 !important; }
.sticky-product-bar .total-price { color: var(--lgt-accent2) !important; background: none !important; padding: 0; transform: none; }
.sticky-product-bar .before-price { color: var(--lgt-muted) !important; }

.tab-trigger { color: var(--lgt-muted) !important; font-weight: 800 !important; text-transform: uppercase; }
.tab-trigger.is-active { color: var(--lgt-accent2) !important; border-color: var(--lgt-accent) !important; }
.tabs-wrapper.tabs-wrapper__product {
    background: var(--lgt-panel) !important;
    border: 2px solid var(--lgt-accent) !important;
    border-top: none !important;
    border-radius: 0 !important;
}

.p-block--features .p--features__item {
    background: var(--lgt-panel) !important;
    border: 2px solid var(--lgt-accent) !important;
    border-radius: 0 !important;
}
.p-block--features .feature-icon i { color: var(--lgt-accent) !important; }
.p-block--features .feature-desc p { color: #d7ecb9 !important; }

.s-block--payment li { background: #fff !important; border-radius: 0 !important; }

@media (max-width: 767px) {
    .sticky-product-bar { border-radius: 0 !important; }
}

html body .mm-ocd,
html body .mobile-menu-overlay { background: rgba(0,0,0,0.65) !important; }

html body .mm-ocd--open .mm-menu,
html body .mobile-menu {
    background: var(--lgt-bg) !important;
    border-inline-start: 4px solid var(--lgt-accent) !important;
    box-shadow: none;
}

html body .btn--close-sm.close-mobile-menu {
    background: var(--lgt-accent) !important;
    border: none !important;
    color: var(--lgt-ink) !important;
    border-radius: 0 !important;
}

html body .menu-list > li,
html body .mobile-menu .menu-list > li {
    border-bottom: 1px solid rgba(166,230,0,0.15);
}
html body .menu-list > li:nth-child(odd) { background: rgba(166,230,0,0.04); }

html body .sidemenu-link,
html body .menu-list a {
    display: flex !important;
    align-items: center;
    color: #dcecc2 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .02em;
    padding-block: 14px;
    padding-inline-start: 16px !important;
    border-inline-start: 4px solid transparent;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}
html body .sidemenu-link:hover,
html body .menu-list a:hover {
    color: var(--lgt-accent2) !important;
    border-inline-start-color: var(--lgt-accent);
    background: rgba(166,230,0,0.08);
}

html, body { background: var(--lgt-bg) !important; background-color: var(--lgt-bg) !important; }

html body .store-header,
html body .main-nav-container,
html body #mainnav,
html body #mainnav.fixed-header,
html body .header-inner.inner {
    background: var(--lgt-bg) !important;
    font-family: 'Cairo', sans-serif;
}
.main-nav-container { border-bottom: 4px solid var(--lgt-accent) !important; }

.mburger, .search-btn, .header-btn {
    border-radius: 0;
    border: 2px solid transparent;
    transition: border-color .15s ease;
}
.mburger:hover, .search-btn:hover, .header-btn:hover { border-color: var(--lgt-accent) !important; }
.mburger i, .search-btn i, .header-btn i { color: var(--lgt-accent2) !important; }
.mburger p { color: #f2fbe8 !important; font-weight: 800 !important; text-transform: uppercase; }

salla-cart-summary .s-cart-summary-icon,
salla-cart-summary svg { fill: var(--lgt-accent2) !important; }
.s-cart-summary-count {
    background: var(--lgt-accent) !important;
    color: var(--lgt-ink) !important;
    font-weight: 900 !important;
    border-radius: 0 !important;
}
.s-cart-summary-total { color: #f2fbe8 !important; font-weight: 800 !important; }
.s-cart-summary-total i { color: var(--lgt-accent2) !important; }

.navbar-brand img { transition: filter .2s ease; }
.navbar-brand:hover img { filter: brightness(1.15); }

salla-localization-modal { color: #d7ecb9 !important; font-weight: 700; }
.nav-header, .nav-header.inner {
    background: var(--lgt-bg) !important;
    border-top: 2px solid rgba(166,230,0,0.2) !important;
}

.store-footer, .store-footer__inner { background: var(--lgt-bg) !important; font-family: 'Cairo', sans-serif; }
.store-footer { border-top: 4px solid var(--lgt-accent); }

.to-top a { color: var(--lgt-muted) !important; font-weight: 800 !important; text-transform: uppercase; }
.to-top a:hover { color: var(--lgt-accent2) !important; }

.footer-top.footer-container,
.footer-middle.footer-container { border-color: rgba(166,230,0,0.25) !important; }

.footer-newsletter .title-mail strong {
    color: #f2fbe8 !important;
    font-size: 1.3rem !important;
    font-weight: 900 !important;
    text-transform: uppercase;
}
.footer-newsletter .title-mail p { color: var(--lgt-muted) !important; }

.mail-input {
    background: transparent !important;
    border: 2px solid var(--lgt-accent) !important;
    border-radius: 0 !important;
    color: #f2fbe8 !important;
}
.mail-input::placeholder { color: var(--lgt-muted) !important; }

#mail .s-button-element {
    background: var(--lgt-accent) !important;
    color: var(--lgt-ink) !important;
    font-weight: 900 !important;
    border: none !important;
    border-radius: 0 !important;
}
#mail .s-button-element:hover { background: var(--lgt-accent2) !important; }

.footer-social .s-social-list a {
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 0 !important;
    color: var(--lgt-accent2) !important;
    background: transparent !important;
    border: 2px solid var(--lgt-accent) !important;
}
.footer-social .s-social-list a:hover {
    background: var(--lgt-accent) !important;
    color: var(--lgt-ink) !important;
}

.menu-list .footer-title {
    color: var(--lgt-accent2) !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--lgt-accent);
    display: inline-block;
}
.menu-list .footer-list a { color: var(--lgt-muted) !important; }
.menu-list .footer-list a:hover { color: #fff !important; }

.s-contacts-title { color: #f2fbe8 !important; font-weight: 900 !important; text-transform: uppercase; }
.s-contacts-item { color: #d7ecb9 !important; font-weight: 700; }
.s-contacts-item:hover { color: var(--lgt-accent2) !important; }
.s-contacts-icon svg { fill: var(--lgt-accent) !important; }
.s-contacts-icon { background: transparent; border: 2px solid var(--lgt-accent); border-radius: 0; padding: 5px; }

.footer-vat { display: none !important; }
salla-trust-badges { display: none !important; }

.footer-bottom { border-top: 2px solid rgba(166,230,0,0.25) !important; }
.footer-bottom .copyrights, .footer-bottom .copyrights p { color: var(--lgt-muted) !important; }
.footer-bottom .copyrights a { color: var(--lgt-accent2) !important; font-weight: 700; }

.s-block--payment li,
.footer-bottom li[class^="pay-"] { background: #fff !important; border-radius: 0 !important; }

@media (max-width: 767px) { .footer-middle.footer-container { text-align: center; } }

html body salla-slider.testimonials-slider { font-family: 'Cairo', sans-serif !important; }

html body salla-slider.testimonials-slider .s-slider-block__title h2 {
    color: #f2fbe8 !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: clamp(1.3rem, 3vw, 1.8rem) !important;
}

html body salla-slider.testimonials-slider .s-slider-nav-arrow {
    background: transparent !important;
    border: 2px solid var(--lgt-accent) !important;
    border-radius: 0 !important;
    color: var(--lgt-accent2) !important;
}
html body salla-slider.testimonials-slider .s-slider-nav-arrow:hover {
    background: var(--lgt-accent) !important;
}
html body salla-slider.testimonials-slider .s-slider-nav-arrow:hover svg { fill: var(--lgt-ink) !important; }
html body salla-slider.testimonials-slider .s-slider-button-icon svg { fill: currentColor !important; }

html body salla-slider.testimonials-slider .swiper-scrollbar { background: rgba(166,230,0,0.08) !important; border-radius: 0; }
html body salla-slider.testimonials-slider .swiper-scrollbar-drag { background: var(--lgt-accent) !important; border-radius: 0; }

html body salla-slider.testimonials-slider .swiper-slide > div {
    background: var(--lgt-panel) !important;
    border: 2px solid var(--lgt-accent) !important;
    border-radius: 0 !important;
    box-shadow: 6px 6px 0 0 rgba(166,230,0,0.25) !important;
    transition: box-shadow .15s ease, transform .15s ease !important;
}
html body salla-slider.testimonials-slider .swiper-slide > div:hover {
    box-shadow: 3px 3px 0 0 rgba(166,230,0,0.45) !important;
    transform: translate(3px, 3px);
}

html body .testimonial__avatar {
    border: 2px solid var(--lgt-accent) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

html body salla-slider.testimonials-slider .swiper-slide p.font-primary {
    color: #f2fbe8 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}

html body salla-rating-stars .s-rating-stars-btn-star svg { fill: rgba(166,230,0,0.2) !important; }
html body salla-rating-stars .s-rating-stars-btn-star.s-rating-stars-selected svg { fill: var(--lgt-accent2) !important; }

html body salla-slider.testimonials-slider .swiper-slide p.da-tm.text-center {
    color: #cfe4b8 !important;
    line-height: 1.8 !important;
}

html body .testimonial__icon { color: var(--lgt-accent) !important; opacity: 0.15 !important; }

@media (max-width: 640px) {
    html body salla-slider.testimonials-slider .s-slider-block__title h2 { font-size: 1.15rem !important; }
    html body .testimonial__avatar { width: 60px !important; height: 60px !important; }
}