/* ============================================================
   ☢️ الحل النهائي للشريط العلوي (Force Top Bar Black) ☢️
   يستهدف الشريط الأول في الموقع بالقوة ويحوله لأسود
   ============================================================ */

/* 1. استهداف الشريط العلوي بكل الطرق الممكنة (بالاسم وبالترتيب) */
.header-top, .header__top, .top-nav, .utility-nav, 
.s-header__top, .header-wrapper > div:first-child, 
body > header > div:first-child {
    background-color: #000000 !important; /* أسود */
    background: #000000 !important;
    color: #D4AF37 !important; /* ذهبي */
    border-bottom: 1px solid #222 !important;
}

/* 2. إجبار الروابط والنصوص والإيميل داخل الشريط العلوي على اللون الذهبي */
.header-top *, .header__top *, .top-nav * {
    color: #D4AF37 !important;
}

/* 3. استثناء "خانة البحث" من القاعدة السابقة (عشان يكون نصها أبيض) */
.header-search-input, input[type="search"] {
    background-color: #1a1a1a !important; /* رمادي غامق */
    border: 1px solid #D4AF37 !important;
    color: #ffffff !important; /* نص أبيض */
    border-radius: 5px !important;
}

/* 4. الهيدر الرئيسي (المنيو والشعار) - يبقى أبيض كما طلبت */
.site-header, .header-wrapper, .s-header__main {
    background-color: #ffffff !important;
    border-bottom: 3px solid #D4AF37 !important;
}

/* 5. روابط المنيو والأيقونات في الجزء الأبيض - تبقى سوداء */
.main-menu a, .site-header a, .header-menu-item, 
.cart-icon, .search-icon, .header-icon, .cart-btn i {
    color: #000000 !important;
}
.main-menu a:hover {
    color: #D4AF37 !important;
}

/* ============================================================
   بقـــية الكـــود (الخلفية، العناوين، المنتجات) - لا تغيير عليها
   ============================================================ */
html, body, .store-wrapper, .app-layout, .page-container, .s-block {
    background-color: #050505 !important;
    color: #e0e0e0 !important;
}

h1, h2, h3, h4, h5, .product-details__title, .product-title, .page-title {
    color: #D4AF37 !important;
}

.product-price, .s-product-card-price, .total-price {
    color: #D4AF37 !important;
}

.card, .box, .white-bg, .bg-white,
.store-features__item, .feature-item, 
.testimonials-item, .review-card, 
.product-entry, .s-product-card-entry,
.comment-item, .s-comments-list,
.comments-section, .product-reviews {
    background-color: #121212 !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

.product-quantity__input, .quantity-input, input[type="number"], 
input[type="text"], textarea, .form-control {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #D4AF37 !important;
    -webkit-text-fill-color: #ffffff !important;
}

.product-quantity__action, .quantity-btn {
    background-color: #222 !important;
    color: #D4AF37 !important;
    border: 1px solid #333 !important;
}

.sub-menu, .dropdown-menu {
    background-color: #000000 !important;
    border: 1px solid #D4AF37 !important;
}
.sub-menu a, .dropdown-menu a {
    color: #ffffff !important;
}
.sub-menu a:hover {
    color: #D4AF37 !important;
}

button[data-type="add_to_cart"], .s-add-to-cart-button, .btn-primary {
    background: #000000 !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
}

.btn--wishlist, .btn--share, .product-sharing__btn {
    background-color: #000000 !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.btn--wishlist i, .btn--share i { color: #D4AF37 !important; }

footer, .store-footer {
    background-color: #000000 !important;
    color: #cccccc !important;
    border-top: 1px solid #333 !important;
}