/* Глобальные стили сайта 
________________________________________________*/

/* Липкое меню */
.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 999;
}

/* _____________________________________________*/


/* Стили навигационного меню
________________________________________________*/

/* Уменьшение шрифта и размеров на мобильных устройствах */

@media only screen and  (max-width: 781px) {
    .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container li a {
        font-size:18px;
    }
    .has-modal-open .wp-block-navigation .wp-block-navigation__responsive-dialog { 
        justify-content: center !important;
        display: flex; 
    }
    .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container {
        align-items:center !important;
    }
    .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav {
        flex-basis: 20% !important;
    }
    .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-logo {
        flex-basis: 80% !important;
    }
    .wc-blocks-pattern-header-essential .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-logo {
        flex-basis: 80% !important;
    }
    .superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav nav {
        justify-content: end !important;
        display:flex !important;
    }
    .superbthemes-navigation-004 .superbthemes-navigation-004-headline {
        font-size:38px !important;
    }

    /* features-005 start */
    .superbthemes-features-005 .wp-block-columns .wp-block-column{
        max-width: 800% !important;
    }
    .superbthemes-features-005 .wp-block-columns .wp-block-column .wp-block-group {
        justify-content: center !important;
        flex-direction: center !important;
        flex-wrap: center !important;
        align-items: center !important;
    }

    
    /* Navigation superbthemes navigation two columns */
    .superbthemes-navigation-two-columns .superbthemes-navigation-two-columns-left {
        flex-basis: 80% !important;
    }
    .superbthemes-navigation-two-columns .superbthemes-navigation-two-columns-right {
        flex-basis: 20% !important;
    }
    .superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        align-self: center;
    }
    .superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container li,
    .superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container li .wp-block-navigation-item__content {
        align-self: center;
    }
    /* Скрытие обычного меню навигации, если оно не скрывается автоматически */
    .superbthemes-navigation-004 .wp-block-navigation__container,
    .superbthemes-navigation-two-columns .wp-block-navigation__container {
        display: none;
    }

    /* Отображение иконки бургер-меню */
    .superbthemes-navigation-004 .wp-block-navigation__responsive-container-open /* Еще один возможный класс кнопки */
    {
        display: block !important;
        visibility: visible !important;
        width: auto !important;
        height: auto !important;
        font-size: 24px !important;
    }

    /* Принудительно отображаем диалоговое окно меню когда оно открыто */
    .superbthemes-navigation-004 .wp-block-navigation__responsive-dialog.is-menu-open {
        display: flex !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999; 
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .superbthemes-navigation-two-columns .wp-block-navigation__responsive-dialog.is-menu-open {
        display: flex !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

}

/* _____________________________________________*/

/* Стили Woocommerce
________________________________________________*/

/* Страницы блюд и категорий*/
/* Скрытие количества блюд */
p.woocommerce-result-count {
    display: none !important;
}

/* Скрытие сортировки блюд */
form.woocommerce-ordering {
    display: none !important;
}

/* Скрытие ссылки раздела блюд */
.woocommerce-breadcrumb {
    display: none !important;
}

/* Стили изображений блюд и категорий */
.woocommerce-product-gallery--with-images a img,
.wp-block-woocommerce-product-image a img,
.product-category a img {
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    padding: 1px !important;
    background-color: #fff !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Стили на страницах корзина и миникорзина */
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-shipping-block,
.wp-block-woocommerce-mini-cart-contents .wc-block-mini-cart__title .wp-block-woocommerce-mini-cart-title-items-counter-block,
.wp-block-woocommerce-mini-cart-contents .wc-block-mini-cart__footer .wc-block-components-totals-item__description {
    display: none !important;
}
/* Стили шрифтов на странице категорий и блюд */
.wp-block-query-title {
    font-size: 28px; 
    color: #403425c; 
    font-weight: bold;
    display: block; 
    line-height: 1.2; 
    text-align: center
}
.wc-block-product-template .wp-block-post-title a,
.wc-block-product-template .wc-block-grid__product-price .woocommerce-Price-amount {
    font-size: 20px; 
    color: #403425c; 
    font-weight: bold;
    display: block; 
    line-height: 1.2;
    font-family: oranienbaum;
}
.custom-product-category-info {
    margin-bottom: 5px; 
    text-align: center;
}
.custom-product-category-info .custom-info-text {
    font-size: 14px; 
    color: #62513c;  
    font-weight: bold;
    display: block;
    line-height: 1.2; 
    font-family: oranienbaum;
}
/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .custom-product-category-info .custom-info-text {
        font-size: 13px;
    }
}

/* Стили и скрытие полей и текстов на странице оформления заказа */
/* Скрытие верхнего блока ошибки обязательных полей */
.woocommerce-checkout-review-order-table .cart-subtotal,
.woocommerce-NoticeGroup-checkout {
    display: none !important;
}
/* Скрытие блока оплата */
.woocommerce-checkout-payment {
        background: none !important;
}
/* Скрытие лишних заголовков */
.woocommerce-checkout #order_review_heading,
#custom-shipping-wrapper h3 {
    display: none !important;
}
/* Стили блоков и таблиц страниы оформления заказов */
@media (min-width: 768px) {
    .woocommerce-checkout .woocommerce-shipping-fields,
    .woocommerce-checkout .woocommerce-additional-fields {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    .woocommerce-checkout .col2-set {
        display: flex !important; 
        flex-wrap: nowrap !important; 
        flex-direction: row !important; 
        align-items: flex-start !important; 
        width: 100% !important;
    }

    .woocommerce-checkout .col2-set .col-1 {
        flex: 1 1 100% !important;
        max-width: 100% !important; 
        float: none !important; 
        order: 1 !important; 
    }

    .woocommerce-checkout .col2-set .col-2 {
        display: none !important; 
        flex: 0 0 0% !important; 
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        order: 2 !important;
    }

    form.woocommerce-checkout {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: auto 1fr;
        gap: 30px;
        align-items: stretch;
    }

    .woocommerce-checkout .col2-set {
        grid-column: 1;
        grid-row: 1 / span 2;
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .woocommerce-checkout .woocommerce-checkout-review-order {
        grid-column: 2;
        grid-row: 2;
        height: auto;
        max-height: none;
        overflow: visible;
    }
}
.woocommerce-checkout .wc_payment_methods,
.woocommerce-checkout .wc_payment_methods .payment_method_cod {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
    flex-wrap: nowrap !important; 
    align-items: flex-start !important; 
    width: 100% !important;
}
.woocommerce-checkout .wc_payment_methods .payment_method_cod {
    display: none !important; 
    flex: 0 0 0% !important; 
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    order: 2 !important;
}
/* Стили кнопки Оформление заказа */
#place_order {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1em 2em !important;
    font-size: 1em !important;
    border: 1px solid #EBE7DE;
    border-radius: 8px;
}

/*Стили кнопок выбора метода получения заказа
/* Скрытие оригинальной строки доставки в таблице итогов */
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
    display: none !important;
}
/* Стили для нового контейнера, куда перемещены кнопки */
#custom-shipping-wrapper {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    /*border: 1px solid #EBE7DE;
    border-radius: 8px;
    background-color: #fcfcfc;*/
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
/* Контейнер для кнопок (оригинальный UL) */
#custom-shipping-wrapper ul.custom-moved-shipping-block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}
/* Элементы списка (LI) - обертки для кнопок */
#custom-shipping-wrapper ul.custom-moved-shipping-block li {
    flex: 1 0 0%; /* Принудительно одинаковая ширина */
    min-width: 120px;
    box-sizing: border-box;
}
/* Скрытие оригинальных радио-кнопок */
#custom-shipping-wrapper ul.custom-moved-shipping-block li input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* Сами кнопки */
#custom-shipping-wrapper ul.custom-moved-shipping-block li label {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 80%;
    height: auto;
    padding: 12px 20px;
    border: 1px solid #EBE7DE;
    border-radius: 8px;
    background-color: #C7A17A;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.8em;
    font-weight: 400;
    white-space: normal;
    word-break: break-word;
    box-sizing: border-box;
}
/* Эффект при наведении на кнопку */
#custom-shipping-wrapper ul.custom-moved-shipping-block li label:hover {
    background-color: #62513C;
    border-color: #62513C;
}
/* Стиль выбранной (активной) кнопки */
#custom-shipping-wrapper ul.custom-moved-shipping-block li label.chosen,
#custom-shipping-wrapper ul.custom-moved-shipping-block li input[type="radio"]:checked + label {
    background-color: #62513C;
    color: #fff;
    border-color: #62513C;
}