/* تنسيقات الصفحة الرئيسية (الهوم) */

.hero-section {
    background: linear-gradient(135deg, #e0f7ff 0%, #ffffff 40%, #fdf2ff 100%);
    padding: 3rem 1rem;
    border-radius: 1.5rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    position: relative;
    overflow: hidden;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .85rem;
    border-radius: 999px;
    background-color: rgba(0,123,255,0.06);
    font-size: .85rem;
}

.hero-badge i {
    font-size: 1rem;
}

.hero-title {
    font-size: 2rem;
    font-weight: 800;
    margin-top: 1rem;
    margin-bottom: .75rem;
}

@media (min-width: 768px) {
    .hero-title {
        font-size: 2.4rem;
    }
}

.hero-subtitle {
    color: #555;
    max-width: 450px;
}

.hero-illustration {
    position: relative;
}

.hero-blob {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 20%, rgba(0,123,255,0.18), transparent 55%),
                radial-gradient(circle at 80% 80%, rgba(255,193,7,0.18), transparent 55%);
    opacity: .7;
}

.hero-card {
    position: relative;
    z-index: 1;
    border-radius: 1.25rem;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(8px);
    box-shadow: 0 12px 30px rgba(15,30,60,0.12);
    padding: 1rem 1.25rem;
    max-width: 320px;
    margin-inline: auto;
}

.hero-metrics {
    display: flex;
    gap: .75rem;
    margin-top: .75rem;
    flex-wrap: wrap;
}

.hero-metric {
    flex: 1 1 45%;
    padding: .4rem .6rem;
    border-radius: .75rem;
    background-color: #f8f9fa;
    font-size: .8rem;
}

.hero-metric span {
    display: block;
}

/* عناوين الأقسام */

.section-title {
    font-weight: 700;
    margin-bottom: 1rem;
}

.section-title span {
    font-size: .85rem;
    color: #6c757d;
    font-weight: 500;
}

/* بطاقات أفضل الصالونات والحلاقين */

.card-list-item {
    border-radius: 1rem;
    overflow: hidden;
    border: none;
}

.card-list-item img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

/* شارة التقييم */

.rating-pill {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .1rem .55rem;
    border-radius: 999px;
    font-size: .8rem;
    background-color: rgba(255,193,7,0.12);
    color: #856404;
}

/* قسم الإحصائيات */

.stats-section {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.stats-card {
    border-radius: 1.25rem;
    border: none;
}

.stats-card .icon-circle {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    margin-bottom: .5rem;
    font-size: 1.4rem;
}

/* بطاقات قائمة الصالونات */
.salon-list-page .salon-card {
    border-radius: 1rem;
    overflow: hidden;
}

.salon-list-page .salon-card .card-img-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.object-fit-cover {
    object-fit: cover;
}

/* صفحة ملف الحلاق */
.barber-profile-page .card {
    border-radius: 1rem;
}

.barber-profile-page .card img.card-img-top {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.barber-profile-page .rating-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background-color: rgba(255, 193, 7, 0.1);
    font-size: 0.85rem;
}

.barber-profile-page .rating-pill i {
    font-size: 0.9rem;
}

.object-fit-cover {
    object-fit: cover;
}