/*
  Theme Name:       Divi Child Theme
  Theme URI:        http://www.thstudio.co.uk
  Description:      The Gardeners' House Welcome Divi Child Theme
  Author:           thstudio
  Author URI:       http://www.thstudio.co.uk
  Template:         Divi
  Version:          1.1.0
*/

/* ========================================================== */
/* SECTION 1: FONT DEFINITION (@font-face) - REGULAR & BOLD   */
/* ========================================================== */

/* Satoshi Regular (paragraphs, body text) */
@font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/Divi-child/fonts/Satoshi-Regular.woff2') format('woff2'),
         url('/wp-content/themes/Divi-child/fonts/Satoshi-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Satoshi Bold (headings) */
@font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/Divi-child/fonts/Satoshi-Bold.woff2') format('woff2'),
         url('/wp-content/themes/Divi-child/fonts/Satoshi-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ========================================================== */
/* SECTION 2: GLOBAL FONT APPLICATION AND WEIGHTS           */
/* Excludes WordPress dashboard (wp-admin)                  */
/* ========================================================== */

/* Default body font */
body:not(.wp-admin) {
    font-family: 'Satoshi', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 1.6em !important;
}

/* Paragraphs, Divi modules, inner containers, lists, blockquotes */
body:not(.wp-admin) p,
body:not(.wp-admin) .et_pb_module p,
body:not(.wp-admin) .et_pb_text_inner p,
body:not(.wp-admin) li,
body:not(.wp-admin) .et_pb_module li,
body:not(.wp-admin) blockquote,
body:not(.wp-admin) .et_pb_module blockquote {
    font-family: 'Satoshi', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 1.6em !important;
}

/* H1 STYLES: Bold (700) */
body:not(.wp-admin) h1,
body:not(.wp-admin) .et_pb_module h1 {
    font-family: 'Satoshi', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 3.5rem !important; /* ~56px */
    color: #314c5b !important;
}

/* H2 STYLES: Bold (700) */
body:not(.wp-admin) h2,
body:not(.wp-admin) .et_pb_module h2 {
    font-family: 'Satoshi', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 2rem !important;
    color: #314c5b !important;
    line-height: 1.2em !important;
}

/* H3 STYLES: Bold (700) */
body:not(.wp-admin) h3,
body:not(.wp-admin) .et_pb_module h3 {
    font-family: 'Satoshi', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important; /* ~32px */
    color: #314c5b !important;
}

/* H4 STYLES: Bold (700) */
body:not(.wp-admin) h4,
body:not(.wp-admin) .et_pb_module h4 {
    font-family: 'Satoshi', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important; /* ~24px */
    color: #314c5b !important;
}

/* H5 STYLES: Bold (700) */
body:not(.wp-admin) h5,
body:not(.wp-admin) .et_pb_module h5 {
    font-family: 'Satoshi', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important; /* ~20px */
    color: #314c5b !important;
}

/* ========================================================== */
/* SECTION 3: SURGICAL UI RESET (Fixes Media Library/Builder) */
/* Forces specific admin/builder containers to ignore the     */
/* global styles above.                                       */
/* ========================================================== */

/* 1. MEDIA LIBRARY TITLES & SIDEBARS (Force H1s/H2s back to standard size) */
html .media-modal.wp-core-ui .media-frame-title h1, 
html .media-modal.wp-core-ui .media-frame-title h2, 
html .media-modal.wp-core-ui .media-sidebar h1, 
html .media-modal.wp-core-ui .media-sidebar h2,
#wp-media-modal h1, #wp-media-modal h2, #wp-media-modal h3,
div.media-modal h1, div.media-modal h2, div.media-modal h3 {
    font-size: 18px !important;       /* Standard UI Size */
    line-height: 1.5 !important;      
    letter-spacing: normal !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: #1d2327 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    margin: 0 0 10px 0 !important;
}

/* 2. DIVI BUILDER MODULES LIST (Insert Module Popup) */
.et-fb-modules-list li,
.et_fb_counters,
li.et_fb_counters,
.et-fb-modules-list li span,
.et_module_title,
li .et_module_title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;      
    line-height: 1.4 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
    color: #333 !important;
}

/* 3. SAFETY NET FOR OTHER UI LISTS */
#wp-media-modal li,
.media-modal li {
    font-size: 13px !important;
    margin: 0 !important;
    list-style: none !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}