/* Add custom CSS styles below */ 
/* Modified by Gemini for The Spray Tan Identity */

/* 1. الخطوط - تم الإبقاء على Rubik كما هو */
@font-face {
    font-family: 'GESSTextMedium';
    src: url('https://arbfonts.com//wp-content/fonts/kufi-arabic-fonts//Rubik-Regular.ttf');
}

body, *:not(i) {
    font-family: 'GESSTextMedium' !important;
} 

.s-block {
    margin-top: 2rem;
}

/* 2. اللوجو */
.navbar-brand img {
    max-height: 7rem;
    width: auto;
    max-width: 120px; /* زيادة بسيطة للتناسب مع شكل الشعار العرضي */
}

/* 3. القائمة الجانبية (Mobile Menu) */
.mm-spn li a:before {
    background: #FFB800; /* تغيير خلفية الهوفر للأصفر */
}

.mm-spn li a:hover {
    color: #000 !important; /* النص يصبح أسود عند الهوفر على الخلفية الصفراء */
}

.mm-spn li a:hover:after {
    color: #000;
}

/* 4. الأزرار وشريط البحث العلوي */
.header-btn__icon {
    border: #FFB800 solid 1px; /* حدود صفراء */
    color: #000;
}

.header-btn__icon:hover {
    color: #000 !important;
    border-color: #FFB800;
    background-color: #FFB800 !important;
}

.header-btn__icon:after {
    background: #FFB800;
}

.s-user-menu-trigger-avatar-only .s-user-menu-trigger-avatar {
    outline: #FFB800 solid 1px;
    border: #fff solid 5px !important;
}

/* 5. قسم عرض الكل (Slider Display All) */
.s-block--slider-with-bg .s-slider-block__display-all {
    background-color: #000 !important;
    color: #FFB800 !important; /* نص أصفر على خلفية سوداء */
    border: 1px solid #FFB800;
}

.s-block--slider-with-bg .s-slider-block__display-all:hover {
    background-color: #FFB800 !important;
    color: #000 !important;
    border-color: #000;
}

/* 6. بطاقة المنتج (Product Card) */
.s-product-card-entry {
    box-shadow: 0px 4px 15px rgba(255, 184, 0, 0.1); /* ظل أصفر خفيف جداً */
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
    background-color: #FFB800 !important; /* زر المفضلة أصفر */
    color: #000 !important;
}

/* 7. الأزرار الأساسية (Buttons) */
.s-button-btn {
    background: #000;
    color: #FFB800;
    border: 1px solid #FFB800;
}

.s-button-btn:hover {
    background: #FFB800;
    color: #000;
}

/* تعديل حركة الخطوط المضيئة حول الأزرار لتناسب الأصفر */
.s-button-btn:before, .s-button-btn:after, 
.s-button-primary-outline:before, .s-button-primary-outline:after {
    background: linear-gradient(to left, transparent, #FFB800);
}

/* 8. مميزات المتجر (Features Section) */
.s-block--features__item:before {
    --color-primary: #FFB800; /* تدوير الإطار باللون الأصفر */
}

.s-block--features__item .feature-icon {
    background-color: #FFB800;
    color: #000;
}

.s-block--features__item h2 {
    color: #000;
}

/* 9. الفوتر (Footer) */
.store-footer__inner {
    background-color: #000;
    border-top: 3px solid #FFB800; /* خط فاصل أصفر علوي للفوتر */
}

.store-footer h3 {
    background: #FFB800; /* عناوين الفوتر بخلفية صفراء */
    color: #000;
}

.store-footer h3:before, .store-footer h3:after {
    background: linear-gradient(to left, transparent, #000);
}

.border {
    border-color: #FFB800;
    color: #FFB800;
}

.border:hover {
    background-color: #FFB800;
    color: #000 !important;
}

.store-footer .social-link {
    border-color: #FFB800;
    color: #FFB800;
}

.store-footer .social-link:hover {
    background-color: #FFB800;
    color: #000 !important;
}

/* 10. تعديلات عامة */
.top-navbar .s-search-input {
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

[dir=rtl] .rtl\:ml-3, [dir=rtl] .rtl\:pl-3 {
    background: #000;
    color: #FFB800;
    border: 1px solid #FFB800;
}