/*!
Theme Name: landing
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: landing
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

landing is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
    --olive:       #5a6e3a;
    --olive-dark:  #3d4f24;
    --olive-light: #8a9e5c;
    --cream:       #f5f1ea;
    --cream-dark:  #ede7dc;
    --beige:       #d9d0bf;
    --text-dark:   #2b2b2b;
    --text-mid:    #5a5a5a;
    --white:       #ffffff;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'DM Sans', sans-serif;
    color: var(--text-dark);
    background: var(--white);
    overflow-x: hidden;
}

h1, h2, h3, .serif { font-family: 'Cormorant Garamond', serif; }
.flex{
    display: flex;
}
/* ─── NAVBAR ─── */
.navbar {
    background: var(--white);
    border-bottom: 1px solid var(--cream-dark);
    padding: 14px 0;
}
.navbar-brand {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--olive-dark) !important;
    letter-spacing: .02em;
    line-height: 1.2;
}
.navbar-brand span { display: block; font-size: .7rem; font-family: 'DM Sans', sans-serif; font-weight: 300; color: var(--text-mid); }
.nav-link { font-size: .85rem; color: var(--text-dark) !important; font-weight: 400; padding: 6px 12px !important; }
.nav-link:hover { color: var(--olive) !important; }
.btn-cta {
    background: var(--olive);
    color: var(--white) !important;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 22px 12px;
    border: none;
    transition: background .25s;
}
ul.wp-block-list{
    padding-left: 30px;
}
.list{
    margin: 30px 0;
    color: var(--olive);
    font-size: 25px;
    font-weight: 600;
}
.btn-cta:hover,.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { background-color: var(--olive-dark); }
.btn-cta-outline {
    border: 1.5px solid var(--olive);
    color: var(--olive) !important;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 22px 12px;
    background: transparent;
    transition: all .25s;
}
.btn-cta-outline:hover { background: var(--olive); color: var(--white) !important; }
input[type=text], input[type="tel"] {
    width: 100%;
    background: #fff;
    padding: 16px;
    border-radius: 10px;
    font-size: 18px;
    color: #667180;
    border: 0;
}
.intl-tel-input .flag-container{
    padding: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
.head-doc{
    margin-top: 50px;
}
.navbar-brand img{
    width: 200px;
    height: auto;
}
.modal-content{
    background: var(--cream);
}
.modal-content p{
    margin-bottom: 20px;
}
.modal-content .btn-cta{
    width: 100%;
    padding: 16px;
    border-radius: 10px;
}
p.modal-title{
    font-size: 34px;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: 0;
}
#scrollTopBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: var(--olive);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    display: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    z-index: 9999;
}

#scrollTopBtn:hover {
    background: var(--olive-dark);
    transform: translateY(-3px);
}

/*таймер*/
.sale{
    color: #f0a500;
    font-size: 35px;
}
.akcii{
    background: #F0EDE5;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 26px;
    position: relative;
}
.leaf-decor-akc{
    position: absolute;
    width: 50px;
    bottom: 106px;
    right: 69px;
    height: 90px;
}
.akcii .sale{
    font-size: 25px;
}
.akcii .consult{
    font-size: 22px;
}
.akcii .bi-gift{
    font-size: 56px;
    color: var(--olive);
    background: var(--cream);
    padding: 19px 25px;
    border-radius: 50%;
    border: 1px solid var(--olive);
    box-shadow: 0 8px 28px rgba(90, 110, 58, .12);
}
.time{
    padding-left: 50px;
}
.hurrytimer-timer-block{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid var(--olive);
    background: var(--cream);
    box-shadow: 0 8px 28px rgba(90, 110, 58, .12);
}
.hurrytimer-campaign-62 .hurrytimer-timer {
    justify-content: left !important;
}
.hurrytimer-headline{
    text-align: left;
    margin-bottom:16px !important;
    color: var(--olive);
}
.gift{
    padding-top: 20px;
}
.cta-banner {
    background: linear-gradient(120deg, var(--olive-dark) 0%, var(--olive) 100%);
    color: var(--white);
    padding: 80px 0;
    text-align: center;
}
.open-form input[type=submit]:hover {
    background: var(--olive);
    color: var(--cream) !important;
}
.open-form input[type=submit] {
    width: 100%;
    background: var(--cream);
    border-radius: 10px;
    font-weight: 600;
    color:var(--olive) !important;
    border: 1px solid var(--cream);
}
.open-form form p{
    text-align: left;
}
footer {
    background: var(--cream);
    border-top: 1px solid var(--beige);
    padding: 32px 0;
    font-size: .8rem;
    color: var(--text-mid);
}
footer a {
    color: var(--text-mid);
    text-decoration: none;
}
.not-found{
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(img/404-template.png);
}
.not-found{
    padding-left: 80px;
}
.not-found h1{
    font-size: 200px;
    margin-bottom: 0;
}
.not-found h2{
    font-size: 44px;
    width: 50%;
}
.not-found p{
    width: 30%;
    font-size: 18px;
    margin: 30px 0;
}
@media (max-width: 991px) {
    .navbar-collapse{
        position: absolute;
        right: -165px;
        top: 56px;
        background: #fff;
        padding: 20px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .navbar-collapse.show{
        right: 0;
    }
    /* кнопка */
    .navbar-toggler {
        border: none;
        padding: 0;
        box-shadow: none;
    }

    /* контейнер бургеру */
    .burger {
        width: 30px;
        height: 22px;
        position: relative;
        display: block;
    }

    /* полоски */
    .burger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #000; /* рожевий */
        border-radius: 3px;
        transition: all 0.3s ease;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    /* позиції полосок */
    .burger span:nth-child(1) {
        top: 0;
    }
    .burger span:nth-child(2) {
        top: 9px;
    }
    .burger span:nth-child(3) {
        bottom: 0;
    }

    /* коли меню відкрите → хрестик */
    .navbar-toggler[aria-expanded="true"] .burger span:nth-child(1) {
        transform: rotate(45deg);
        top: 9px;
    }

    .navbar-toggler[aria-expanded="true"] .burger span:nth-child(2) {
        opacity: 0;
    }

    .navbar-toggler[aria-expanded="true"] .burger span:nth-child(3) {
        transform: rotate(-45deg);
        bottom: 9px;
    }
    .mobile-flex{
        display: flex;
        flex-direction: column-reverse;
    }
    .gift{
        text-align: center;
    }
    .time {
        margin-top: 50px;
        text-align: center;
        padding-left: 0px;
    }
    .leaf-decor-akc {
        display: block;
        bottom: 58px;
        right: 30px;

    }
    .hurrytimer-headline{
        text-align: center;
    }
    .hurrytimer-campaign-62 .hurrytimer-timer {
        justify-content: center !important;
    }
}
@media (max-width: 768px) {
    .not-found{
        padding-left: 20px;
    }
    .not-found h1{
        font-size: 100px;
    }
    .not-found h2{
        font-size: 34px;
        width: 70%;
    }
    .not-found p{
        width: 50%;
    }
}
@media (max-width: 576px) {
    .btn-cta-outline, .btn-cta{
        font-size: 15px;
    }
}