/* Add custom CSS styles below */
/* =========================================
   1. أكوادك القديمة (الشعار والحواف)
   ========================================= */
.navbar-brand img {
    max-height: 6rem;
    margin-top: 15px;
    margin-bottom: 15px;
}

.s-button-btn, .s-price-range-number-input {
    border-radius: 100px;
}

.w-full {
    border-radius: 15px !important;
}

/* =========================================
   2. الكود الجديد: إظهار نصوص صور القسم الثاني دائماً
   ========================================= */

/* تثبيت الخلفية الداكنة */
.app-inner > section:nth-of-type(2) .banner-entry::before,
.app-inner > section:nth-of-type(2) .banner__overlay {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0.4) !important; /* درجة التعتيم */
}

/* إجبار حاوية النص على الظهور وإلغاء الحركة */
.app-inner > section:nth-of-type(2) .banner-entry .content,
.app-inner > section:nth-of-type(2) .banner-entry .banner__content,
.app-inner > section:nth-of-type(2) .banner-entry .entry-details {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    top: auto !important;
    bottom: 20px !important; /* مسافة من الأسفل */
}

/* إجبار العناوين والنصوص الداخلية على الظهور */
.app-inner > section:nth-of-type(2) .banner-entry h3,
.app-inner > section:nth-of-type(2) .banner-entry p,
.app-inner > section:nth-of-type(2) .banner-entry span {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}