/* خلفية شريط القائمة فقط بدون لمس الأيقونات */
.header-bottom {
    background: linear-gradient(
        135deg,
        #f8e79c 0%,   /* دهبي فاتح */
        #d4af37 50%,  /* دهبي متوسط */
        #9a7b1f 100%  /* دهبي غامق */
    ) !important;
}
/* خلفية الهيدر العلوي في الموبايل – نفس درجة القائمة */
.mobile-header-top {
    background: linear-gradient(
        135deg,
        #f8e79c 0%,   /* دهبي فاتح */
        #d4af37 50%,  /* دهبي متوسط */
        #9a7b1f 100%  /* دهبي غامق */
    ) !important;

} .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area { background: linear-gradient(135deg, #f8e7b0 0%, #d4af37 50%, #8c6a00 100%) !important; }

/* كل النصوص داخل الموبايل هيدر */
.mobile-header-content-area,
.mobile-header-content-area * {
    color: #000 !important;
}

/* أيقونات FontAwesome */
.mobile-header-content-area i {
    color: #000 !important;
}

/* أيقونات SVG */
.mobile-header-content-area svg,
.mobile-header-content-area svg path {
    fill: #000 !important;
    stroke: #000 !important;
}

/* اللينكات */
.mobile-header-content-area a {
    color: #000 !important;
}

/* السوشيال آيكون لو عايزها كمان تبقى سوداء */
.mobile-social-icon a,
.mobile-social-icon i,
.mobile-social-icon svg,
.mobile-social-icon svg path {
    color: #000 !important;
    fill: #000 !important;
    stroke: #000 !important;
}

/* خلفية حقل البحث أسود */
.mobile-search .input-search-product {
    background-color: #000 !important;
    border: 1px solid #000 !important;
}

/* كلمة Search (placeholder) دهبي */
.mobile-search .input-search-product::placeholder {
    color: #d4af37 !important;
    opacity: 1 !important;
}

/* لون النص اللي المستخدم بيكتبه دهبي */
.mobile-search .input-search-product {
    color: #d4af37 !important;
}
/* زرار البحث */
.mobile-search button {
    background-color: #000 !important;
    border: 1px solid #000 !important;
}
h1.animated.fw-900.text-brand {
    background: linear-gradient(to bottom, #FFD700, #B8860B); /* دهبي فاتح → دهبي غامق طولي */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent !important;

    /* Stroke بسيط بالأسود */
    -webkit-text-stroke: 0.5px black;
    text-stroke: 0.5px black;

}

p.animated {
    color: #000000 !important;
}

.animated.btn.btn-default.btn-rounded {
    color: #000 !important; /* لون النص أسود */
}

.animated.btn.btn-default.btn-rounded i.fa {
    color: #000 !important; /* لون أيقونة السهم أسود */
}

img[alt="censer-fragrance"] {
    filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4)); /* ظل أملس جهة اليمين بتباين 40% */
}

.header-center-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #ffd700; /* دهبي */
    font-weight: 600;
}

.input-search-product {
    background-color: rgba(0, 0, 0, 0.7); /* أسود شفاف بنسبة 70% */
    color: #FFD700; /* لون النص دهبي */
    border: 1px solid #FFD700; /* Optional: إطار دهبي بسيط */
    padding-right: 35px; /* مساحة للأيقونة */
}

.input-search-product::placeholder {
    color: #FFD700; /* لون placeholder دهبي */
}

.far.fa-search {
    color: #FFD700; /* دهبي فاتح */
}

h1.animated.fw-900.text-brand {
    /* لو كان فيه ستروك قبل كده */
    -webkit-text-stroke: 0px transparent;
    text-stroke: 0px transparent;

    /* ظل بسيط للأسفل */
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

h1.animated.fw-900.text-brand {
    background: linear-gradient(
        to bottom,
        #000000 0%,
        #000000 50%,
        #FFD700 50%,
        #FFD700 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent !important;

    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}


.single-slider-img img {
    -webkit-mask-image: radial-gradient(circle,
        black 92%,
        transparent 100%);
    mask-image: radial-gradient(circle,
        black 92%,
        transparent 100%);
}

.image img {
    display: block;
    max-width: 100%;
    height: auto;
    /* دمج الحواف مع الخلفية */
    mask-image: radial-gradient(circle, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);
    mask-repeat: no-repeat;
    mask-position: center;
}

.ramadan-banner {
    text-align: center;
    margin: 20px 0;
}

/* إزالة أي مسافة بين البلوكين */
.home-slider,
.home-slider + section, /* لو فيه section بعد السلايدر */
.ck-content img {
    margin: 0 !important;
    padding: 0 !important;
}

/* لو الصورة قبل السلايدر */
.ck-content img {
    display: block;
}

/* إزالة المسافة حول الصورة */
.ck-content p {
    margin: 0;       /* يشيل المارجن الافتراضي للفقرات */
    padding: 0;      /* يشيل أي padding لو موجود */
}

/* يجعل الصورة block لتختفي أي مسافة تحتها */
.ck-content p img {
    display: block;
    width: 100%;     /* لو عايز الصورة تمتد بعرض الصفحة */
    height: auto;
}
.newsletter.bg-brand {
    background: linear-gradient(
        135deg,
        #f8e79c 0%,
        #d4af37 50%,
        #9a7b1f 100%
    ) !important;

    color: #2b2112; /* بني غامق راقي عشان يبان فوق الدهبي الفاتح */
}

.logo-glass-shadow {
    position: relative;
    filter: drop-shadow(5px 5px 15px rgba(212, 175, 55, 0.5));
    transition: filter 0.3s ease;
}