/*
 * =================================================
 * |   كود الهيدر الشفاف لموقع (Dimond Spa)         |
 * =================================================
 */

/*
 * 1. جعل الهيدر الأساسي شفافاً في أعلى الصفحة
 */
.s-header {
    background-color: transparent !important; /* خلفية شفافة */
    position: absolute !important; /* لدمجه مع البانر العلوي */
    width: 100%;
    border-bottom: none !important; /* إزالة أي خط سفلي */
}

/*
 * 2. تغيير لون النصوص والأيقونات في الهيدر إلى الأبيض
 */
.s-header .s-header-nav-link a,
.s-header .s-header-btn > .s-icon,
.s-header .s-header-logo-container .s-header-logo__link,
.s-header .s-header-currency-container .s-dropdown-display,
.s-header .s-header-lang-container .s-dropdown-display {
    color: #FFFFFF !important; /* اللون الأبيض */
    text-shadow: 0 1px 2px rgba(0,0,0,0.3); /* ظل خفيف لتحسين الوضوح */
}

/*
 * 3. جعل الهيدر أبيض اللون عند التمرير للأسفل
 */
.s-header.headroom--pinned.headroom--not-top {
    background-color: #FFFFFF !important; /* خلفية بيضاء */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important; /* ظل ناعم */
}

/*
 * 4. تغيير لون النصوص والأيقونات إلى الأسود عند التمرير
 */
.s-header.headroom--pinned.headroom--not-top .s-header-nav-link a,
.s-header.headroom--pinned.headroom--not-top .s-header-btn > .s-icon,
.s-header.headroom--pinned.headroom--not-top .s-header-logo-container .s-header-logo__link,
.s-header.headroom--pinned.headroom--not-top .s-header-currency-container .s-dropdown-display,
.s-header.headroom--pinned.headroom--not-top .s-header-lang-container .s-dropdown-display {
    color: #333333 !important; /* اللون الرمادي الداكن للنصوص */
    text-shadow: none !important; /* إزالة الظل */
}