/*
Theme Name: Divi Child od WPlama.cz
Theme URI: https://www.wplama.cz/
Description: Divi 5 child šablona pro WPlama.cz. Obsahuje vlastní barevnou paletu, fluidní typografii, self-hostovaný Inter Variable font a optimalizaci výkonu.
Author: WPlama.cz
Author URI: https://www.wplama.cz/
Template: Divi
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*------------------------------------*\
    INTER VARIABLE FONT (self-hosted)
\*------------------------------------*/

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/inter-latin-ext-wght-normal.woff2') format('woff2-variations');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/inter-latin-wght-italic.woff2') format('woff2-variations');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/inter-latin-ext-wght-italic.woff2') format('woff2-variations');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}


/*------------------------------------*\
    DESIGN TOKENS - BARVY
\*------------------------------------*/

:root {
    /* Značka */
    --wpl-teal:          #358c83;
    --wpl-teal-dark:     #2a7068;
    --wpl-navy:          #082a42;

    /* Text a pozadí */
    --wpl-text:          #0A1419;
    --wpl-text-muted:    #4A5862;
    --wpl-border:        #93A3AE;
    --wpl-border-soft:   #E2E7EA;
    --wpl-bg-soft:       #F0F3F5;
    --wpl-bg:            #FFFFFF;

    /* Akcent pro CTA */
    --wpl-accent:        #F97316;
    --wpl-accent-hover:  #EA580C;

    /* Semantika */
    --wpl-success:       #10B981;
    --wpl-warning:       #F59E0B;
    --wpl-danger:        #DC2626;

    /* Rádiusy */
    --wpl-radius-sm:     6px;
    --wpl-radius:        12px;
    --wpl-radius-lg:     20px;

    /* Font */
    --wpl-font:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}


/*------------------------------------*\
    DESIGN TOKENS - TYPOGRAFIE
    Fluidní škála clamp(min, fluid, max).
    Roste plynule mezi 320px a 1920px viewportem.
\*------------------------------------*/

:root {
    /* Velikosti textu */
    --wpl-text-xs:    0.8125rem;                                    /* 13px */
    --wpl-text-sm:    0.875rem;                                     /* 14px */
    --wpl-text-base:  clamp(1rem, 0.975rem + 0.125vw, 1.125rem);    /* 16 → 18 */
    --wpl-text-lead:  clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem); /* 18 → 22 */

    /* Nadpisy */
    --wpl-h6:         1rem;                                         /* 16 fixní */
    --wpl-h5:         clamp(1rem, 0.95rem + 0.25vw, 1.25rem);       /* 16 → 20 */
    --wpl-h4:         clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);   /* 18 → 24 */
    --wpl-h3:         clamp(1.375rem, 1.25rem + 0.625vw, 2rem);     /* 22 → 32 */
    --wpl-h2:         clamp(1.625rem, 1.425rem + 1vw, 2.625rem);    /* 26 → 42 */
    --wpl-h1:         clamp(2rem, 1.7rem + 1.5vw, 3.5rem);          /* 32 → 56 */

    /* Line height */
    --wpl-leading-tight:   1.15;
    --wpl-leading-snug:    1.25;
    --wpl-leading-normal:  1.4;
    --wpl-leading-body:    1.65;

    /* Váhy */
    --wpl-weight-normal:    400;
    --wpl-weight-medium:    500;
    --wpl-weight-semibold:  600;
    --wpl-weight-bold:      700;
}


/*------------------------------------*\
    ZÁKLADNÍ TYPOGRAFIE
\*------------------------------------*/

body {
    font-family: var(--wpl-font);
    font-size: var(--wpl-text-base);
    line-height: var(--wpl-leading-body);
    font-weight: var(--wpl-weight-normal);
    color: var(--wpl-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*------------------------------------*\
    NADPISY
    Selektory s body prefixem přebijí
    výchozí Divi styly bez !important.
\*------------------------------------*/

body h1, body .h1, body .et_pb_module h1,
body h2, body .h2, body .et_pb_module h2,
body h3, body .h3, body .et_pb_module h3,
body h4, body .h4, body .et_pb_module h4,
body h5, body .h5, body .et_pb_module h5,
body h6, body .h6, body .et_pb_module h6 {
    font-family: var(--wpl-font);
    color: var(--wpl-navy);
    margin-top: 0;
}

body h1, body .h1, body .et_pb_module h1 {
    font-size: var(--wpl-h1);
    line-height: var(--wpl-leading-tight);
    letter-spacing: -0.02em;
    font-weight: var(--wpl-weight-semibold);
}

body h2, body .h2, body .et_pb_module h2 {
    font-size: var(--wpl-h2);
    line-height: var(--wpl-leading-tight);
    letter-spacing: -0.02em;
    font-weight: var(--wpl-weight-semibold);
}

body h3, body .h3, body .et_pb_module h3 {
    font-size: var(--wpl-h3);
    line-height: var(--wpl-leading-snug);
    letter-spacing: -0.01em;
    font-weight: var(--wpl-weight-semibold);
}

body h4, body .h4, body .et_pb_module h4 {
    font-size: var(--wpl-h4);
    line-height: var(--wpl-leading-snug);
    letter-spacing: -0.01em;
    font-weight: var(--wpl-weight-semibold);
}

body h5, body .h5, body .et_pb_module h5 {
    font-size: var(--wpl-h5);
    line-height: var(--wpl-leading-normal);
    font-weight: var(--wpl-weight-medium);
}

body h6, body .h6, body .et_pb_module h6 {
    font-size: var(--wpl-h6);
    line-height: var(--wpl-leading-normal);
    font-weight: var(--wpl-weight-medium);
}


/*------------------------------------*\
    ODSTAVCE, TEXT, ODKAZY
\*------------------------------------*/

p {
    margin-top: 0;
    margin-bottom: 1em;
}

p:last-child,
li > p:last-child {
    margin-bottom: 0;
}

strong, b {
    font-weight: var(--wpl-weight-semibold);
}

em, i {
    font-style: italic;
}

small {
    font-size: var(--wpl-text-sm);
}

a {
    color: var(--wpl-teal);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color .15s ease;
}

a:hover {
    color: var(--wpl-teal-dark);
}


/*------------------------------------*\
    SEZNAMY V OBSAHU ČLÁNKU
\*------------------------------------*/

.entry-content ul,
.entry-content ol,
.et_pb_text ul,
.et_pb_text ol {
    padding-left: 1.5rem;
    margin-bottom: 1em;
}

.entry-content li,
.et_pb_text li {
    margin-bottom: 0.35em;
    line-height: var(--wpl-leading-body);
}


/*------------------------------------*\
    UTILITY TŘÍDY
    Přidávej v Divi přes pole "CSS Class".
\*------------------------------------*/

.wpl-lead {
    font-size: var(--wpl-text-lead);
    line-height: 1.5;
    color: var(--wpl-text-muted);
}

.wpl-text-sm  { font-size: var(--wpl-text-sm); }
.wpl-text-xs  { font-size: var(--wpl-text-xs); }

.wpl-btn-accent {
    background-color: var(--wpl-accent) !important;
    color: #FFFFFF !important;
    border-color: var(--wpl-accent) !important;
    transition: background-color .2s ease;
}
.wpl-btn-accent:hover {
    background-color: var(--wpl-accent-hover) !important;
    border-color: var(--wpl-accent-hover) !important;
}


/*------------------------------------*\
    OBCHODNÍ PODMÍNKY (víceúrovňové číslování)
\*------------------------------------*/

#obchodni-podminky ol { counter-reset: item; }
#obchodni-podminky li { display: block; }
#obchodni-podminky li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
}


/*------------------------------------*\
    WOOCOMMERCE
\*------------------------------------*/

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 52px;
}

.select2-container .select2-selection--single {
    height: 52px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
}

#order_review_heading {
    margin-top: 35px;
}