/* 
   Homepage Specific Spacing Overrides
   Strictly for adjustments to section padding, margins, and internal component spacing.
*/

/* 1. Global Section Rhythm */
.home-page main section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* Hero Section Specifics */
.home-page .hero {
    padding-top: 120px !important; /* Reduced from 160px */
    padding-bottom: 60px !important; /* Reduced from 100px */
}

.home-page .hero-text {
    padding: 30px !important; /* Tighter padding for hero box */
}

.home-page .hero-text h2 {
    margin-bottom: 16px !important; /* Reduced from 24px */
}

.home-page .hero-text p {
    margin-bottom: 24px !important; /* Reduced from 40px */
}

/* Section Title Spacing */
.home-page .section-title {
    margin-bottom: 24px !important;
}

.home-page .section-title h3 {
    margin-bottom: 10px !important; /* Reduced from 16px */
}

/* 2. Grid & Card Gap Adjustments */
.home-page .services-grid,
.home-page .news-grid,
.home-page .services-category-grid,
.home-page .articles-grid {
    gap: 16px !important; /* Tightened from 20px/24px/60px */
}

/* Card Internal Spacing */
.home-page .service-card,
.home-page .news-item,
.home-page .service-category-card,
.home-page .article-card,
.home-page .schedule-card,
.home-page .contact-card,
.home-page .reading-card {
    padding: 20px !important; /* Tighter internal rhythm */
}

.home-page .service-card h4,
.home-page .service-category-card h4,
.home-page .exam-card h4 {
    margin-bottom: 8px !important; /* Reduced from 12px */
}

.home-page .service-icon,
.home-page .service-category-icon,
.home-page .exam-card-icon {
    margin-bottom: 16px !important; /* Reduced from 24px */
}

/* List Item Spacing */
.home-page .service-category-list li {
    margin-bottom: 4px !important;
}

/* 3. News Item Specifics */
.home-page .news-date {
    margin-right: 15px !important; /* Reduced from 20px */
}

.home-page .news-content h4 {
    margin-bottom: 6px !important; /* Reduced from 10px */
}

/* 4. Clinic Info Row */
.home-page .clinic-info-row {
    gap: 20px !important; /* Tighter row gap if applicable */
}

.home-page .schedule-table th,
.home-page .schedule-table td {
    padding: 15px !important; /* Reduced from 30px for desktop-like views */
}

/* FAQ spacing */
.home-page .faq-item {
    margin-bottom: 8px !important;
}

/* 5. Mobile Adjustments (Override global mobile spacing) */
@media (max-width: 768px) {
    .home-page main section {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .home-page .hero {
        padding-top: 100px !important;
        padding-bottom: 40px !important;
    }

    .home-page .hero-text {
        padding: 20px !important;
    }

    .home-page .section-title h3 {
        font-size: 1.6rem !important; /* Subtle scaling */
    }

    .home-page .news-date {
        margin-bottom: 15px !important;
    }
}