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

.s-slider-block,
.announcement-bar,
[class*="announcement"] {
    font-weight: 700 !important;
}

/* لو كان شريط الإعلان نصيًا */
.announcement-bar {
    background: #003f32 !important;
    color: #ffffff !important;
    text-align: center !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
}

/* إبراز الخصم */
.announcement-bar strong,
.announcement-bar b {
    color: #d4af55 !important;
}

/* =========================================
   تحسين البحث
========================================= */

.search-bar,
header form,
header input[type="search"],
header input[type="text"] {
    border-radius: 30px !important;
}

header input[type="search"],
header input[type="text"] {
    background: #f7f7f7 !important;
    border: 1px solid #eeeeee !important;
    min-height: 48px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    font-size: 15px !important;
    transition: .3s ease !important;
}

header input[type="search"]:focus,
header input[type="text"]:focus {
    border-color: #c9a24d !important;
    box-shadow: 0 0 0 3px rgba(201,162,77,.12) !important;
}

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

header button,
header a {
    transition: all .25s ease !important;
}

header button:hover,
header a:hover {
    transform: translateY(-2px);
}

/* دائرة السلة والحساب */
header svg {
    transition: all .25s ease !important;
}

header button:hover svg,
header a:hover svg {
    color: #003f32 !important;
}

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

footer {
    background: #003f32 !important;
    color: #ffffff !important;
    text-align: center !important;
}

/* إزالة أي خلفية داخلية سوداء */
footer .container,
footer .footer-container,
footer .footer-content,
footer [class*="footer"] {
    background-color: transparent !important;
}

/* منع ظهور الصندوق الأسود الداخلي */
footer > div {
    background-color: transparent !important;
}

/* جميع المحتويات في المنتصف */
footer,
footer div,
footer section {
    text-align: center !important;
}

/* النص */
footer p,
footer span,
footer a,
footer li {
    color: #f5f5f5 !important;
}

/* العناوين */
footer h2,
footer h3,
footer h4 {
    color: #ffffff !important;
    text-align: center !important;
    font-weight: 700 !important;
}

/* الروابط */
footer a:hover {
    color: #d4af55 !important;
}

/* =========================================
   شعار الفوتر
========================================= */

footer img {
    max-height: 90px !important;
    width: auto !important;
    object-fit: contain !important;
}

footer a:first-child img {
    display: block !important;
    margin: 0 auto 20px auto !important;
}

footer img {
    max-width: 180px !important;
    max-height: 100px !important;
}

/* =========================================
   التواصل
========================================= */

footer [class*="contact"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

footer [class*="contact"] a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* =========================================
   الزخرفة الذهبية
========================================= */

footer::before {
    content: "✦  ─────  ✦";
    display: block;
    color: #d4af55;
    font-size: 14px;
    letter-spacing: 3px;
    padding-top: 25px;
    margin-bottom: 10px;
}

footer::after {
    content: "الكنز المبتكر • جودة نحرص عليها";
    display: block;
    color: rgba(255,255,255,.65);
    font-size: 12px;
    padding: 18px 10px;
    border-top: 1px solid rgba(212,175,85,.25);
    margin-top: 25px;
}


/* =========================================
   مميزات المتجر
========================================= */

[class*="features"] > div,
[class*="benefits"] > div {
    border-radius: 18px !important;
    transition: .3s ease !important;
}

[class*="features"] > div:hover,
[class*="benefits"] > div:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0,63,50,.10) !important;
}

/* =========================================
   آراء العملاء
========================================= */

[class*="testimonial"],
[class*="testimonials"] {
    text-align: center !important;
}

[class*="testimonial"] > div,
[class*="testimonials"] > div {
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 5px 25px rgba(0,0,0,.06) !important;
    border: 1px solid #eeeeee !important;
    transition: .3s ease !important;
}

[class*="testimonial"] > div:hover,
[class*="testimonials"] > div:hover {
    transform: translateY(-4px) !important;
}

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

.product-card {
    transition: transform .25s ease, box-shadow .25s ease !important;
}

.product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.08) !important;
}

/* =========================================
   أزرار المتجر
========================================= */

button,
[type="button"],
[type="submit"],
.s-button {
    border-radius: 10px !important;
}

/* الأزرار الأساسية */
button[type="submit"],
.s-button-primary {
    background: #003f32 !important;
    border-color: #003f32 !important;
    color: #ffffff !important;
}

button[type="submit"]:hover,
.s-button-primary:hover {
    background: #005542 !important;
    border-color: #005542 !important;
}

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

.price,
.product-price,
[class*="price"] {
    color: #003f32 !important;
    font-weight: 700 !important;
}

del,
.line-through {
    color: #999999 !important;
}

/* =========================================
   تكبير شعار الكنز المبتكر في مكانه الأصلي
========================================= */

@media (max-width: 767px) {

    header a[href="/"] img,
    header img[alt*="الكنز"],
    header img[alt*="شعار"],
    header .logo img {

        width: 125px !important;
        max-width: 125px !important;
        height: auto !important;

        object-fit: contain !important;

        display: block !important;
    }

}

width: 140px !important;
max-width: 140px !important;

/* =========================================
   إعادة أيقونات الدفع للوضع العمودي
========================================= */

footer [class*="payment"],
footer [class*="payments"] {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* كل عنصر دفع في سطر مستقل */
footer [class*="payment"] img,
footer [class*="payments"] img {
    display: inline-block !important;

    width: auto !important;
    max-width: 90px !important;

    height: auto !important;
    max-height: 45px !important;

    margin: 5px !important;

    vertical-align: middle !important;
}

.alkanz-whatsapp {
    position: fixed !important;

    left: 18px !important;
    bottom: 20px !important;

    width: 58px !important;
    height: 58px !important;

    background: #25D366 !important;
    color: #ffffff !important;

    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-decoration: none !important;

    box-shadow: 0 6px 20px rgba(0,0,0,.22) !important;

    z-index: 999999 !important;

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


/* عند مرور المؤشر */
.alkanz-whatsapp:hover {
    transform: scale(1.08) !important;

    box-shadow: 0 8px 25px rgba(0,0,0,.28) !important;
}

/* الجوال */
@media (max-width: 767px) {

    .alkanz-whatsapp {
        width: 54px !important;
        height: 54px !important;

        left: 15px !important;
        bottom: 18px !important;
    }

    .alkanz-whatsapp svg {
        width: 30px !important;
        height: 30px !important;
    }
}

.alkanz-whatsapp {
    background: #003F32 !important;
    color: #ffffff !important;
    border: 2px solid #C9A24D !important;
}