/*
Theme Name: Medil Child v2 (EnergoSys)
Theme URI: https://energosys.com.ua
Description: Child theme для Medil з кастомізаціями EnergoSys — Bitrix24 форми, кнопка "Замовити", приховування кошика, B24 service form, brand-overrides з design-tokens.
Author: ТОВ Компанія "ЕнергоСистеми"
Author URI: https://energosys.com.ua
Template: medil
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medil-child-v2
*/

/* ============================================
 * GLOBAL TYPOGRAPHY OVERRIDE
 * Montserrat для headings, Inter для body
 * design-tokens.css завантажується першим
 * !important бо theme/Elementor inline styles перебивають
 * ============================================ */
html body,
html body p,
html body li,
html body td,
html body div,
html body span,
html body input,
html body textarea,
html body button,
html body a:not(.btn):not(.elementor-button) {
    font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 {
    font-family: 'Montserrat', 'Inter', 'Roboto', sans-serif !important;
    letter-spacing: -0.01em;
}

/* ============================================
 * HERO SECTION (id: e4da8d2)
 * "Точний облік енергоспоживання..." + ілюстрація АСКУЕ
 *
 * 2026-05-08 fix: НЕ застосовуємо deep-blue gradient (ілюстрація має
 * власний колір і white text стає невидимим на синьому). Залишаємо
 * чистий white background. Текст слайдів — деп-блю для контрасту.
 * ============================================ */
.elementor-element-e4da8d2 {
    background: var(--bg-1) !important;
    padding: var(--sp-7) 0 var(--sp-8);
}

.elementor-element-e4da8d2 .elementor-heading-title,
.elementor-element-e4da8d2 h1,
.elementor-element-e4da8d2 h2 {
    color: var(--es-deep-blue) !important;
    font-weight: var(--fw-semibold);
    font-size: clamp(28px, 4.5vw, var(--fs-h1));
    line-height: var(--lh-h1);
    letter-spacing: var(--tracking-h1);
}

/* Slide-specific H6 — ховаємо JS через snippet "Hide H6 on SMART slide" */
.elementor-element-e4da8d2 h6.energosys-hide {
    display: none !important;
}

.elementor-element-e4da8d2 p,
.elementor-element-e4da8d2 .elementor-text-editor {
    color: var(--fg-2);
    font-size: var(--fs-body-lg);
    line-height: var(--lh-body-lg);
}

/* CTA button у Hero */
.elementor-element-e4da8d2 .elementor-button,
.elementor-element-e4da8d2 a.elementor-button-link {
    background: var(--sb-orange) !important;
    color: var(--fg-on-blue) !important;
    border: none !important;
    border-radius: var(--r-md) !important;
    padding: var(--sp-3) var(--sp-6) !important;
    font-family: var(--font-sans) !important;
    font-weight: var(--fw-semibold) !important;
    letter-spacing: var(--tracking-button) !important;
    box-shadow: var(--shadow-md);
    transition: all var(--dur) var(--ease-out);
}
.elementor-element-e4da8d2 .elementor-button:hover {
    background: var(--sb-orange-dark) !important;
    box-shadow: var(--shadow-lg);
    transform: translateY(-1px);
}

/* ============================================
 * 4 SEGMENT CARDS (id: essg9ugfqc)
 * "Кому ми допомагаємо"
 * ============================================ */
.elementor-element-essg9ugfqc {
    background: var(--bg-watercolor);
    padding: var(--sp-8) 0;
}

.elementor-element-essg9ugfqc .elementor-heading-title {
    color: var(--es-deep-blue) !important;
    font-size: var(--fs-h1) !important;
    text-align: center;
    margin-bottom: var(--sp-6);
}

/* HTML widget з 4 картками — спільний стиль */
.elementor-element-essg9ugfqc .elementor-widget-html .elementor-widget-container > div,
.elementor-element-essg9ugfqc .elementor-widget-html ul,
.elementor-element-essg9ugfqc .elementor-widget-html .segments,
.elementor-element-essg9ugfqc .segment-card {
    background: var(--bg-1);
    border-radius: var(--r-xl);
    padding: var(--sp-5);
    box-shadow: var(--shadow-sm);
    border: var(--bw-1) solid var(--border-1);
    transition: box-shadow var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
}

.elementor-element-essg9ugfqc a:hover .segment-card,
.elementor-element-essg9ugfqc .segment-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
    border-color: var(--es-sky);
}

/* ============================================
 * SECTION HEADERS (h2/h3 у звичайних секціях)
 * ============================================ */
.elementor-section .elementor-heading-title {
    color: var(--fg-1);
    line-height: var(--lh-h2);
}

/* ============================================
 * BUTTONS (стандартні Elementor + WC)
 * ============================================ */
.elementor-button,
.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button {
    border-radius: var(--r-md) !important;
    font-family: var(--font-sans) !important;
    font-weight: var(--fw-semibold) !important;
    letter-spacing: var(--tracking-button) !important;
    transition: all var(--dur) var(--ease-out);
}

.elementor-button-primary,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background: var(--es-blue) !important;
    color: var(--fg-on-blue) !important;
}
.elementor-button-primary:hover,
.woocommerce a.button.alt:hover {
    background: var(--es-deep-blue) !important;
}

/* ============================================
 * LINKS
 * ============================================ */
a {
    color: var(--es-blue);
    transition: color var(--dur-fast) var(--ease-out);
}
a:hover {
    color: var(--es-deep-blue);
}

/* glossary auto-link (snippet 47) — keep dotted underline + brand color on hover */
a.energosys-auto-glossary-link {
    color: inherit;
}
a.energosys-auto-glossary-link:hover {
    color: var(--es-blue);
    text-decoration-style: solid;
}

/* ============================================
 * AUTHOR BIO BLOCK (snippet 42) — оновлення під tokens
 * ============================================ */
.energosys-author-bio {
    background: var(--bg-2) !important;
    border-color: var(--border-1) !important;
    border-radius: var(--r-xl) !important;
}
.energosys-author-bio h3,
.energosys-author-bio h3 a {
    color: var(--fg-1) !important;
    font-family: var(--font-heading) !important;
}

/* ============================================
 * STAT-SOURCES DISCLOSURE (snippet 46)
 * ============================================ */
.energosys-stat-sources {
    border-left-color: var(--es-sky-600) !important;
    background: var(--es-sky-50) !important;
    border-radius: var(--r-lg) !important;
}
.energosys-stat-sources h3 {
    color: var(--es-deep-blue) !important;
    font-family: var(--font-heading) !important;
}

/* ============================================
 * FOOTER NAP (SEO Cleanup plugin)
 * ============================================ */
.energosys-legal-footer {
    background: var(--es-deep-blue-900) !important;
    color: var(--es-gray-300) !important;
    border-top: var(--bw-1) solid rgba(255, 255, 255, 0.08) !important;
    font-family: var(--font-sans) !important;
}
.energosys-legal-footer a {
    color: var(--es-sky) !important;
}
.energosys-legal-footer a:hover {
    color: var(--es-sky-100) !important;
}

/* ============================================
 * B24 ORDER FORM container
 * ============================================ */
.energosys-b24-form {
    background: var(--bg-2) !important;
    border-radius: var(--r-lg) !important;
    border: var(--bw-1) solid var(--border-1);
    margin: var(--sp-6) 0 !important;
}

/* ============================================
 * GLOSSARY/CASES — нові сторінки <details>
 * ============================================ */
details.energosys-faq-item {
    background: var(--bg-1);
    border-color: var(--border-1) !important;
    border-radius: var(--r-lg) !important;
    transition: box-shadow var(--dur) var(--ease-out);
}
details.energosys-faq-item:hover {
    box-shadow: var(--shadow-sm);
}
details.energosys-faq-item[open] {
    box-shadow: var(--shadow-md);
    border-color: var(--es-sky-600) !important;
}
details.energosys-faq-item summary {
    color: var(--fg-1) !important;
    font-family: var(--font-heading);
}
details.energosys-faq-item summary:hover {
    color: var(--es-deep-blue) !important;
}

/* ============================================
 * Containers — apply max-width
 * ============================================ */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: var(--container-md);
}

/* Single post layout (Medil parent — col-md-8 без sidebar)
   Розширюємо parent col до full-width і центруємо контент */
.single-post .row > .col-xs-12.col-md-8,
.single-post .main-content .row > .col-xs-12.col-md-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
}

.site-content.detail-post {
    max-width: 850px !important;
    margin: 0 auto !important;
    padding: var(--sp-5) var(--sp-4) !important;
}

@media (min-width: 1200px) {
    .site-content.detail-post {
        max-width: 920px !important;
    }
}

/* Single page wrapper (analogous to .detail-post) */
.site-content.detail-page {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: var(--sp-5) var(--sp-4) !important;
}

/* ============================================
 * DUPLICATE FORMS CLEANUP (page-id-1919: askue-net)
 *
 * 3 форми на сторінці: CF7 (Elementor widget esfxk51), B24 native inline
 * (auto from child theme), custom HTML form без action. Залишаємо тільки
 * B24 native (нативний tracking + UTM/referrer/cookies → lead в CRM).
 *
 * CF7 + custom HTML form — приховуємо через CSS на цій сторінці.
 * 2026-05-08
 * ============================================ */
.page-id-1919 .elementor-element.elementor-element-esw2d7ye {
    display: none !important;
}
.page-id-1919 .elementor-widget-shortcode .wpcf7,
.page-id-1919 form.wpcf7-form,
.page-id-1919 form[method="post"]:not(.wpcf7-form):not([class*="b24"]):not(.e-search-form):not(.search-form) {
    display: none !important;
}
.page-id-1919 form[method="post"]:not(.wpcf7-form):not([class*="b24"]):not(.e-search-form):not(.search-form) ~ * h3 {
    /* "Залишити заявку" heading — теж сховати якщо belongs до custom form */
}

/* ============================================
 * Mobile fine-tuning
 * ============================================ */
@media (max-width: 768px) {
    .elementor-element-e4da8d2 {
        padding: var(--sp-6) var(--sp-4);
    }
    .elementor-element-essg9ugfqc {
        padding: var(--sp-6) var(--sp-4);
    }
    .energosys-author-bio {
        flex-direction: column;
        gap: var(--sp-3) !important;
    }
}