/*
Theme Name: GeneratePress Child
Template: generatepress
*/

:root {
    --color-primary:    #0A4734;
    --color-text:       #02100C;
    --color-background: #F0EEE9;
    --color-secondary:  #82C55C;
    --color-soft:       #CFF27B;
    --color-accent:     #FF7701;
    --color-white:      #FFFFFF;
    --color-gray:       #797979;

    --font-heading: 'Sora', sans-serif;
    --font-body:    'IBM Plex Sans', sans-serif;

    /* Desktop typography */
    --text-h1:     48px;
    --text-h2:     28px;
    --text-h3:     22px;
    --text-h4:     20px;
    --text-body:   18px;
    --text-body-2: 16px;
    --text-small:  14px;
    --text-xsmall: 12px;

    --header-announcement-height: 40px;
    --header-main-height: 86px;
    --header-search-height: 52px;
    --header-bottom-height: 0px;
    --header-height: calc(
        var(--header-announcement-height) +
        var(--header-main-height) +
        var(--header-search-height) +
        var(--header-bottom-height)
    );

    --container-width:   1200px;
    --container-padding-desktop: 40px;
    --container-padding-mobile: 12px;
    --sidebar-width:     25%;
    --content-width:     75%;
    --gap:               40px;

    /* font weights */
    --font-weight-light:   300;
    --font-weight-regular: 400;
    --font-weight-medium:  500;
    --font-weight-bold:    700;

    /* mobile navigation offset*/
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --visual-viewport-height: 100dvh;
}

@media (max-width: 768px) {
    :root {
        --text-h1:     30px;
        --text-h2:     20px;
        --text-h3:     16px;
        --text-h4:     16px;
        --text-body:   16px;
        --text-body-2: 16px;
        --text-small:  14px;
        --text-xsmall: 12px;
    }
}

@media (min-width: 769px) {
    :root {
        --header-main-height: 108px;
        --header-search-height: 0px;
        --header-bottom-height: 97px;
    }
}

body.woocommerce-checkout:not(.woocommerce-order-received) {
    --header-main-height: 72px;
    --header-search-height: 0px;
    --header-bottom-height: 0px;
}

@media (min-width: 769px) {
    body.woocommerce-checkout:not(.woocommerce-order-received) {
        --header-main-height: 86px;
    }
}

h1 { font-size: var(--text-h1); }
h2 { font-size: var(--text-h2); }
h3 { font-size: var(--text-h3); }
h4 { font-size: var(--text-h4); }

body {
    font-size: var(--text-body);
    font-family: var(--font-body);
}

.text-body-2 { font-size: var(--text-body-2); }
.text-small  { font-size: var(--text-small); }

/* reset za theme oblikovanje */
.roland-footer input[type="email"] {
    border: none;
    border-radius: 50px;
    padding: 12px 20px;
    background: var(--color-white);
    color: var(--color-gray);
}

[hidden] {
    display: none !important;
}