/*
Theme Name: NovelLite Child (natyka)
Template: novellite
Description: Правки natyka.com.ua поверх NovelLite (ZOO-314). Батьківську тему можна оновлювати — правки живуть тут.
Version: 1.0.0
Text Domain: novellite-child
*/

/* Стилі батьківської теми підключає functions.php (батько бере get_stylesheet_uri(), тобто цей файл).
   Нижче — лише відмінності natyka від style.css NovelLite (раніше правилися прямо в батьківській темі). */

/* Остання кнопка меню («Де купити?» / «Bon appetit»): жовта рамка, Lobster, на всіх сторінках, не лише на головній */
.last-btn .navbar-collapse ul.nav > li:last-child > a,
.home .last-btn .navbar-collapse ul.nav > li:last-child > a {
    border: 2px solid #ffbc00;
    border-radius: 0px;
    color: #ffbc00 !important;
    font-size: 17px;
    padding: 5px 15px;
    text-transform: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    font-family: Lobster, 'Open Sans', sans-serif;
}
.last-btn .navbar-collapse ul.nav > li:last-child:hover,
.last-btn.navbar-collapse ul.nav > li:last-child:focus,
.last-btn .navbar .sf-menu > li:last-child:hover,
.last-btn .navbar .sf-menu > li.sfHover:last-child,
.last-btn .navbar .sf-menu > ul > li:last-child {
    background: transparent !important;
}
/* батьківське правило для «стиснутого» меню на головній заливало кнопку жовтим — у natyka його не було */
.home .last-btn.navbar-shrink .navbar-collapse ul.nav > li:last-child > a {
    background: transparent;
}
.last-btn .navbar-collapse ul.nav > li:last-child > a:hover,
.home .last-btn .navbar-collapse ul.nav > li:last-child > a:hover,
.home .last-btn.navbar-shrink .navbar-collapse ul.nav > li:last-child > a:hover {
    background: #ffbc00;
    color: #000 !important;
}
.last-btn .navbar-collapse ul.nav > li.where-to-buy > a:hover {
    background: #fff200;
    color: #000 !important;
}
.last-btn.navbar-shrink .navbar-collapse ul.nav > li.where-to-buy.active > a {
    color: #000 !important;
}

/* Підменю ширше */
.navbar .sf-menu li li a {
    width: 250px !important;
    min-width: 200px;
}

/* Менші відступи секцій */
@media (min-width: 768px) {
    section {
        padding: 108px 0;
    }
}

/* Кнопка форми контактів на головній — чорний текст */
.home .contact_section .leadform-show-form.leadform-lite input[type="submit"] {
    color: #000;
}

/* NovelLite 1.7.6 змінила відступи секцій і заголовки на мобільних — повертаємо вигляд natyka (як на 1.5.5) */
@media only screen and (max-width: 1024px) {
    section {
        padding: 100px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    section {
        padding: 108px 0;
    }
}
@media only screen and (max-width: 767px) {
    section h2.section-heading {
        font-size: 40px;
    }
}

/* Кнопка «вгору» — на старому місці (1.7.6 підняла її на 152px) */
#move-to-top {
    right: 10px;
    bottom: 10px;
}

/* 1.7.6 зменшила відступ між картками товарів на мобільних до 2% — повертаємо стандартний WooCommerce */
@media screen and (max-width: 767px) {
    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        margin-bottom: 2.992em;
    }
}
/* …але на вузьких екранах блоки товарів на головній (шорткод, обгортка .woocommerce.columns-N) мали 20px, як у NovelLite */
@media only screen and (max-width: 480px) {
    .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product,
    .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product,
    .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {
        margin-bottom: 20px;
    }
}