/*
Theme Name: DIVI 5 CHILD
Theme URI: https://ferydesign.com
Description: Child Theme created by Ferydesign
Author: Fery Rohrer
Author URI: https://ferydesign.com
Template: Divi
Version: 2026.11.05
*/

/*-----------------------------------------------------------------------------------
  BASE TYPOGRAPHY & GENERAL SETTINGS
-----------------------------------------------------------------------------------*/

/*
 * Bridge the semantic dbt5 tokens into Divi's global typography variables.
 * The more specific html:root selector wins over Divi's later :root declaration
 * without relying on !important.
 */
html:root {
  --et_global_body_font_size: var(--p-text, 1rem);
  --et_global_body_font_height: var(--p-line-height, 1.6);
}

/* Direct fallback in case Divi changes its internal variable names. */
html body {
  font-size: var(--p-text, 1rem);
  line-height: var(--p-line-height, 1.6);
}

#page-container :where(code, kbd, samp, pre) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

/* Spacing is controlled by the design system instead of Divi's heading padding. */
#page-container :where(h1, h2, h3, h4, h5, h6) {
  padding-block-end: 0;
}

/*-----------------------------------------------------------------------------------
  HIDE CLASSIC DIVI LAYOUT SIDEBAR
-----------------------------------------------------------------------------------*/

/* Hide the classic Divi sidebar and let the content use the full container width. */
#page-container #main-content #sidebar {
  display: none !important;
}

#page-container #main-content #left-area {
  width: 100% !important;
  float: none !important;
  padding-inline-end: 0 !important;
  border-inline-end: 0 !important;
}

/* Remove Divi's classic vertical separator. */
#page-container #main-content .container::before {
  display: none !important;
}

/*-----------------------------------------------------------------------------------
  BREAKPOINT REFERENCE (MOBILE FIRST)
-----------------------------------------------------------------------------------*/

/*
 * 480px  Small landscape phones (custom breakpoint)
 * 768px  Tablets and multi-column layouts
 * 981px  Divi desktop navigation breakpoint
 * 1405px Large desktop layouts
 * 1920px Ultra-wide layouts
 *
 * Add media queries only when a component needs them; empty queries are omitted.
 */