/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ==========================================================================
   SITEWIDE TYPOGRAPHY OVERRIDES FOR DIVI CHILD THEME
   ========================================================================== */

/* Desktop styles (default) - Add your desktop sizes here if needed */

/* Tablet Styles (768px and below) */
@media only screen and (max-width: 980px) {
    /* H1 Headings */
    h1,
    .et_pb_module h1,
    .et_pb_text h1,
    .et_pb_slide_description h1,
    .et_pb_post h1 {
        font-size: 3em !important;
    }
    
    /* H2 Headings */
    h2,
    .et_pb_module h2,
    .et_pb_text h2,
    .et_pb_slide_description h2,
    .et_pb_post h2 {
        font-size: 2em !important;
    }
    
    /* H3 Headings */
    h3,
    .et_pb_module h3,
    .et_pb_text h3,
    .et_pb_slide_description h3,
    .et_pb_post h3 {
        font-size: 1.75em !important;
    }
    
    /* H4 Headings */
    h4,
    .et_pb_module h4,
    .et_pb_text h4,
    .et_pb_slide_description h4,
    .et_pb_post h4 {
        font-size: 1em !important;
    }
    
    /* H5 Headings */
    h5,
    .et_pb_module h5,
    .et_pb_text h5,
    .et_pb_slide_description h5,
    .et_pb_post h5 {
        font-size: 1.75em !important;
    }
    
    /* Paragraph Text */
    p,
    .et_pb_module p,
    .et_pb_text p,
    .et_pb_slide_description p,
    .et_pb_post p,
    body {
        font-size: 1.15em !important;
    }
    
    /* Button Text */
    .et_pb_button,
    .et_pb_promo_button,
    .et_pb_more_button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce #respond input#submit,
    input[type="submit"],
    button {
        font-size: 1em !important;
    }
}

/* Phone Styles (767px and below) */
@media only screen and (max-width: 767px) {
    /* H1 Headings */
    h1,
    .et_pb_module h1,
    .et_pb_text h1,
    .et_pb_slide_description h1,
    .et_pb_post h1 {
        font-size: 2.5em !important;
    }
    
    /* H2 Headings */
    h2,
    .et_pb_module h2,
    .et_pb_text h2,
    .et_pb_slide_description h2,
    .et_pb_post h2 {
        font-size: 2em !important;
    }
    
    /* H3 Headings */
    h3,
    .et_pb_module h3,
    .et_pb_text h3,
    .et_pb_slide_description h3,
    .et_pb_post h3 {
        font-size: 1.5em !important;
    }
    
    /* H4 Headings */
    h4,
    .et_pb_module h4,
    .et_pb_text h4,
    .et_pb_slide_description h4,
    .et_pb_post h4 {
        font-size: 1em !important;
    }
    
    /* H5 Headings */
    h5,
    .et_pb_module h5,
    .et_pb_text h5,
    .et_pb_slide_description h5,
    .et_pb_post h5 {
        font-size: 1.5em !important;
    }
    
    /* Paragraph Text */
    p,
    .et_pb_module p,
    .et_pb_text p,
    .et_pb_slide_description p,
    .et_pb_post p,
    body {
        font-size: 1.15em !important;
    }
    
    /* Button Text */
    .et_pb_button,
    .et_pb_promo_button,
    .et_pb_more_button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce #respond input#submit,
    input[type="submit"],
    button {
        font-size: 1em !important;
    }
}

/* Additional Divi-specific selectors for comprehensive coverage */
@media only screen and (max-width: 980px) {
    /* Divi Builder specific elements - Tablet */
    .et_pb_section h1 { font-size: 3em !important; }
    .et_pb_section h2 { font-size: 2em !important; }
    .et_pb_section h3 { font-size: 1.75em !important; }
    .et_pb_section h4 { font-size: 1em !important; }
    .et_pb_section h5 { font-size: 1.75em !important; }
    .et_pb_section p { font-size: 1.15em !important; }
}

@media only screen and (max-width: 767px) {
    /* Divi Builder specific elements - Phone */
    .et_pb_section h1 { font-size: 2.5em !important; }
    .et_pb_section h2 { font-size: 2em !important; }
    .et_pb_section h3 { font-size: 1.5em !important; }
    .et_pb_section h4 { font-size: 1em !important; }
    .et_pb_section h5 { font-size: 1.5em !important; }
    .et_pb_section p { font-size: 1.15em !important; }
}