/* ==========================================================================
   النسخة الشاملة والنهائية لمتجر بالميرا للدعاية والإعلان (ثيم رائد)
   ========================================================================== */

/* --- 1. الهيدر وأيقونات السلة --- */
div#mainnav i.header-btn__icon.sicon-user-circle {
    background-color: #2b2520;
    color: #c59b27;
}
div#mainnav span.s-cart-summary-count {
    background-color: #c59b27;
    color: #ffffff;
    border: 1px solid #2b2520;
    font-weight: bold;
}

/* --- 2. السلايدر الرئيسي والبانرات --- */
section.s-block.s-block--photos-slider { margin-top: 0 !important; }
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important; margin: 0 0 20px 0 !important; width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img,
.banner--fixed img {
    border-radius: 12px !important;
}
.home-slider.photos-slider .s-slider-block__title-nav { display: none !important; }
body.index section { margin-bottom: 30px !important; }

/* شبكة البانرات */
section.s-block.s-block--banners.container .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px !important;
}

/* --- 3. كروت المنتجات (دروع التكريم) - لمسة فخامة --- */
custom-salla-product-card {
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    background-color: #fcfbf9 !important;
    border: 1px solid #e2ded8 !important;
    border-radius: 12px !important;
}
custom-salla-product-card:hover {
    border-color: #c59b27 !important;
    box-shadow: 0 8px 20px rgba(197, 155, 39, 0.15);
}
custom-salla-product-card .s-product-card-image,
custom-salla-product-card .s-product-card-content {
    background-color: #fcfbf9;
}
custom-salla-product-card .s-product-card-content {
    text-align: center; justify-content: center;
}
custom-salla-product-card .s-product-card-content-sub {
    justify-content: center !important; text-align: center !important;
}
custom-salla-product-card .s-product-card-content-sub h4 {
    font-size: 18px; font-weight: bold; color: #2b2520;
}

/* زووم ناعم لصور المنتجات لإبراز التفاصيل */
custom-salla-product-card .s-product-card-image img {
    transition: transform 0.6s ease-in-out !important;
}
custom-salla-product-card:hover .s-product-card-image img {
    transform: scale(1.08) !important;
}

/* زر إضافة للسلة (تأثير اللمعان الفخم) */
custom-salla-product-card button.s-button-element.s-button-btn {
    border-radius: 30px !important;
    background-color: #2b2520 !important;
    color: #fcfbf9 !important;
    border: 1px solid #c59b27 !important;
    transition: 0.4s;
    position: relative;
    overflow: hidden;
}
custom-salla-product-card button.s-button-element.s-button-btn::after {
    content: "";
    background: rgba(255, 255, 255, 0.2);
    width: 40px; height: 100%;
    position: absolute; top: 0; left: -60px;
    transform: skewX(-45deg);
    transition: all 0.6s ease;
}
custom-salla-product-card button.s-button-element.s-button-btn:hover::after {
    left: 120%;
}
custom-salla-product-card button.s-button-element.s-button-btn:hover {
    background-color: #c59b27 !important;
    color: #ffffff !important;
}

/* --- 4. الفوتر (التذييل) - متوافق مع الكمبيوتر والجوال --- */
footer, .store-footer, .store-footer__inner {
    background-color: #2b2520 !important;
    color: #fcfbf9 !important;
    border-top: 3px solid #c59b27 !important;
}

/* تنسيق الروابط */
footer a, .store-footer a, footer h3, .store-footer h3, footer h4, .store-footer h4 {
    color: #c59b27 !important;
    transition: all 0.3s ease-in-out;
}
footer a:hover, .store-footer a:hover {
    color: #ffffff !important; text-decoration: none !important;
}

/* عناوين الفوتر مع خط ذهبي سفلي */
.store-footer h3, .store-footer h4, footer h3, footer h4 {
    position: relative; padding-bottom: 12px; margin-bottom: 15px; text-align: center !important; width: 100%; display: block;
}
.store-footer h3::after, .store-footer h4::after, footer h3::after, footer h4::after {
    content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 2px; background-color: #c59b27;
}

/* توسيط الروابط داخل القوائم */
.store-footer .footer-menu {
    display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important;
}

/* أيقونات السوشيال ميديا */
footer .s-contacts-social a, .store-footer .s-contacts-social a {
    border: 1px solid #c59b27 !important; color: #c59b27 !important; background-color: transparent !important; border-radius: 50% !important; transition: all 0.3s ease;
}
footer .s-contacts-social a:hover, .store-footer .s-contacts-social a:hover {
    background-color: #c59b27 !important; color: #2b2520 !important; transform: translateY(-4px);
}

/* شريط الحقوق السفلي */
.store-footer__bottom, .footer-bottom {
    background-color: #1a1613 !important; color: #a8a29e !important; border-top: 1px solid #3d352e !important;
}

/* --- 5. توافق التصميم مع شاشات الجوال (الموبايل) --- */
@media (max-width: 992px) {
    /* تظبيط البانرات في الموبايل */
    section.s-block.s-block--banners.container .md\:grid-cols-3 a.banner-entry.square-photos {
        background-color: transparent; height: auto;
    }
    /* ترتيب عناصر الفوتر فوق بعض في الموبايل فقط */
    .store-footer__inner .row, footer .grid {
        display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; justify-content: center !important; gap: 20px;
    }
}