/*
Theme Name: firmTheme
Theme URI: https://example.com/firmtheme
Author: Acraftsofts
Author URI: https://example.com
Description: Elementor-ready church theme built from the supplied church page references. Includes starter layouts for home, about, contacts, blog, sermons, ministries, and shop pages.
Version: 1.3.18
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: firmtheme
Tags: custom-logo, custom-menu, featured-images, full-width-template, blog, e-commerce, entertainment
*/

/* Reduce section spacing on desktop */
section, .firm-section, .elementor-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* Fix Empowered by God text layout for both desktop and mobile */
.firm-about h2 br, .about-section h2 br, .section-title br, .firm-heading br, .firm-el-band-title h2 br, .firm-el-band-title .elementor-heading-title br {
    display: none !important;
}

/* Adjust heading font size on desktop to prevent awkward wrapping */
@media (min-width: 769px) {
    .firm-about h2, .about-section h2, .section-title, .firm-heading, .firm-el-band-title h2, .firm-el-band-title .elementor-heading-title {
        font-size: clamp(1.8rem, 2.5vw, 2.8rem) !important;
        line-height: 1.2 !important;
    }
}

/* Adjust layout on mobile */
@media (max-width: 768px) {
    /* Reduce section spacing on mobile */
    section, .firm-section, .elementor-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    
    .firm-about h2, .about-section h2, .section-title, .firm-heading, .firm-el-band-title h2, .firm-el-band-title .elementor-heading-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
    }
}


/* Fix Elementor Our Values Grid - High Specificity */
@media (min-width: 1025px) {
    body .firm-builder-content section.firm-el-section.firm-el-values-grid > .elementor-container {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }
    body .firm-builder-content section.firm-el-section.firm-el-values-grid > .elementor-container > .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
    }
}