/*
 Theme Name:   Edling Child
 Theme URI:    https://edling.com.ua
 Description:  Child theme для Edling (Divi)
 Author:       Edling
 Version:      1.0.1
 Template:     Divi
 Text Domain:  edling-child
*/

/* Можеш лишити порожнім — основні стилі підключимо окремим файлом */

/* Глобальні шрифти */
body {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

/* Ряди всередині Post Content module Divi */
.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
  width: 100%;
}

/* Eventin checkout: прибираємо горизонтальний скрол лише на сторінці оплати */
body.eventin-checkout-page {
  overflow-x: hidden;
}

/* На всяк випадок обмежуємо ширину основних контейнерів Eventin */
body.eventin-checkout-page .etn-checkout-wrap,
body.eventin-checkout-page .etn-wrapper,
body.eventin-checkout-page .etn-container,
body.eventin-checkout-page .etn-row,
body.eventin-checkout-page .etn-col {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

/* Якщо є таблиці / форми, що вилазять за край */
body.eventin-checkout-page table,
body.eventin-checkout-page form {
  max-width: 100%;
  width: 100%;
}

/* Відступ від футера для сторінок шаблону «Default (без заголовка)».
   .edling-content-pad — обгортка, яку ми гарантовано ставимо у шаблоні
   (всередині .entry-content). Це надійніше за .edling-default-no-title
   на article, бо Divi Theme Builder може перебирати рендер і post_class
   до article не доходить. !important — щоб переб'ємо Divi-селектори. */
.edling-content-pad {
  padding-bottom: 80px !important;
}

/* Верхній відступ: прибираємо місце, що лишалося від видаленого <h1>
   (Divi тримає padding-top на #main-content .container ~58px). Скоупимо
   через .edling-content-pad — обгортку, яку ставить ЛИШЕ цей шаблон,
   тому інші сторінки не зачіпаємо. !important — перебити Divi-селектор. */
#main-content .container:has(.edling-content-pad) {
  padding-top: 0 !important;
}
#main-content .container:has(.edling-content-pad) #left-area {
  padding-top: 0 !important;
}
