/* Homepage Section Headers - Smaller but Bold */

/* Main section headers (h2.card-title) */
.card-title {
    font-size: 1.25rem !important; /* Reduced from Bootstrap default ~1.5rem */
    font-weight: 700 !important; /* Bold */
    margin-bottom: 1rem !important;
}

/* Call to action headers (h3) */
h3 {
    font-size: 1.5rem !important; /* Reduced from Bootstrap default ~1.75rem */
    font-weight: 700 !important; /* Bold */
}

/* FAQ accordion headers */
.accordion-header .accordion-button {
    font-size: 1rem !important; /* Smaller size */
    font-weight: 600 !important; /* Semi-bold */
}

/* Page title headers */
.display-4 {
    font-size: 3rem !important; /* Reduced from Bootstrap default 3.5rem */
    font-weight: 700 !important; /* Bold */
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .card-title {
        font-size: 1.125rem !important; /* Even smaller on mobile */
    }
    
    h3 {
        font-size: 1.25rem !important;
    }
    
    .display-4 {
        font-size: 2.5rem !important;
    }
    
    .accordion-header .accordion-button {
        font-size: 0.9rem !important;
    }
}

/* Specific styling for h1, h2, h3 headers in showcase partials */
.h3 {
    font-size: 1.5rem !important; /* Reduced from Bootstrap default */
    font-weight: 700 !important; /* Bold */
}

.h5 {
    font-size: 1.125rem !important; /* Reduced from Bootstrap default */
    font-weight: 600 !important; /* Semi-bold */
}