/**
 * =============================================================================
 * CUSTOM.CSS - Child Theme Custom Styles
 * =============================================================================
 * 
 * Přepis výchozích stylů Hello Elementor tématu pro konzistenci 
 * s Elementor kontejnery
 * 
 * @package HelloElementorChild
 * @version 1.0.0
 */

/* =============================================================================
   TEMPORARY OVERRIDE - Force correct Elementor global values
   ============================================================================= */

/**
 * WORKAROUND: Elementor CSS generator bug
 * Database má správné hodnoty, ale generovaný CSS obsahuje hard-coded defaults
 * Force override CSS proměnných s !important
 */

.elementor-kit-7 {
    --e-global-color-primary: #100937 !important;
    --e-global-color-text: #FFFFFF !important;
    --e-global-typography-primary-font-family: "Manrope" !important;
    --e-global-typography-primary-font-weight: 800 !important;
}

/* Missing Global Typography Classes - Manual Override */

/* H1 Global Typography (ID: 5a20741) */
.elementor-5a20741 {
    font-family: "Manrope", sans-serif !important;
    font-size: 60px !important;
    font-weight: 800 !important;
    line-height: 1.4em !important;
}

@media (max-width: 1024px) {
    .elementor-5a20741 {
        font-size: 44px !important;
    }
}

@media (max-width: 767px) {
    .elementor-5a20741 {
        font-size: 36px !important;
    }
}

/* H2 Global Typography (ID: eca3fc4) */
.elementor-eca3fc4 {
    font-family: "Manrope", sans-serif !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.5em !important;
}

@media (max-width: 1024px) {
    .elementor-eca3fc4 {
        font-size: 32px !important;
    }
}

@media (max-width: 767px) {
    .elementor-eca3fc4 {
        font-size: 32px !important;
    }
}

/* H3 Global Typography (ID: 7d882b1) */
.elementor-7d882b1 {
    font-family: "Manrope", sans-serif !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.5em !important;
}

@media (max-width: 1024px) {
    .elementor-7d882b1 {
        font-size: 24px !important;
    }
}

/* Title - Large (ID: 806c42e) */
.elementor-806c42e {
    font-family: "Manrope", sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.5em !important;
}

@media (max-width: 1024px) {
    .elementor-806c42e {
        font-size: 21px !important;
    }
}

/* Text - Large (ID: 9d13c04) */
.elementor-9d13c04 {
    font-family: "Manrope", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 2em !important;
}

@media (max-width: 767px) {
    .elementor-9d13c04 {
        font-size: 16px !important;
    }
}

/* Text (ID: 171fcc1) */
.elementor-171fcc1 {
    font-family: "Manrope", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75em !important;
}

/* =============================================================================
   PAGE HEADER - Sjednocení šířky s Elementor kontejnery
   ============================================================================= */

/**
 * Přepis výchozích responsive pravidel pro .page-header
 * Nastavení stejné šířky jako mají Elementor kontejnery (.e-con-inner)
 * 
 * Elementor konfigurace z elementor_global_settings.json:
 * - Container width: 1200px
 * - Page header má padding: 0 (bez okrajů)
 */

.page-header.provo-style {
    /* Elementor-style width behavior */
    width: 100%;
    max-width: min(100%, 1200px);
    margin: 0 auto;
    padding: 0;
}

.page-header.provo-style .entry-title {
    /* Remove any max-width constraints on the title */
    max-width: none;
    
    /* Elementor H1 Global Typography (ID: 5a20741) */
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    line-height: 1.4em;
    color: var(--e-global-color-text, #FFFFFF);
    
    /* Desktop font size */
    font-size: 60px;
}

/* Tablet font size */
@media (max-width: 1024px) {
    .page-header.provo-style .entry-title {
        font-size: 44px;
    }
}

/* Mobile font size */
@media (max-width: 767px) {
    .page-header.provo-style .entry-title {
        font-size: 36px;
    }
}

/* =============================================================================
   SITE MAIN - Sjednocení šířky pro non-Elementor stránky
   ============================================================================= */

/**
 * Sjednocení ostatního WordPress obsahu (např. .site-main)
 * s Elementor kontejnery - stejná šířka a padding
 */

body:not([class*=elementor-page-]) .site-main {
    width: 100%;
    max-width: min(100%, 1200px);
    margin: 0 auto;
    
    /* Mobile padding */
    padding-left: 16px;
    padding-right: 16px;
}

/* Tablet: 768px - 1024px */
@media (min-width: 768px) {
    body:not([class*=elementor-page-]) .site-main {
        padding-left: 32px;
        padding-right: 32px;
    }
}

/* Tablet Extra + Desktop: ≥ 1025px */
@media (min-width: 1025px) {
    body:not([class*=elementor-page-]) .site-main {
        padding-left: 64px;
        padding-right: 64px;
    }
}

/* =============================================================================
   DEBUG - Vizuální kontrola (odkomentovat pro testování)
   ============================================================================= */

/*
.page-header.provo-style {
    background-color: rgba(255, 0, 0, 0.1);
    border: 2px solid red;
}

.page-header.provo-style::before {
    content: "PROVO-STYLE: " attr(style);
    display: block;
    background: yellow;
    padding: 5px;
    font-size: 12px;
    color: black;
}
*/