/*
Theme Name: Bono Child
Theme URI: https://wpshop.ru/themes/bono
Author: WPShop.ru
Author URI: http://wpshop.ru/
Template: bono
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

/* HEADER */

.gtranslate_wrapper {
    padding: 0 0.8em;
}

.gtranslate_wrapper .gt_float_switcher {
    font-size: 14px;
    box-shadow: none;
}

.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 6px 10px;
}

.gtranslate_wrapper .gt_float_switcher img {
    width: 26px;
}

@media (max-width: 767px){
    .gtranslate_wrapper{
        position: absolute;
        top: 2px;
        left: 6px;
    }
}

/* HOME */

@media (max-width: 768px){
    body.home .shop-grid, .home-projects {
        display: flex!important;
        flex-wrap: nowrap!important;
        overflow-y: auto!important;
        padding: 0 5px!important;
        margin: 0;
        justify-content: normal;
        gap: 15px;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }
    body.home .shop-grid .product-category,  .home-projects > div {
        width: 250px!important;
        min-width: 250px!important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}


/* MY ACCOUNT */

@media (max-width: 768px){
    .woocommerce-MyAccount-navigation>ul {
        text-align: center;
    }
    .woocommerce-MyAccount-navigation>ul>li, .woocommerce-MyAccount-navigation>ul>li:first-child {
        margin: 0 0.2em;
    }

    .doc-li>span {
        width: 35px!important;
        min-width: 35px!important;
        height: 35px!important;
        line-height: 35px!important;
    }

    .doc-btn {
        min-width: 82px;
    }
}


@media (max-width: 414px){
    .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-store-notice {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
    }
    .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button, .woocommerce-store-notice a.button {
        margin: 10px 0 0 0;
    }
}

.post-card--vertical .post-card__thumbnail-image {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: gray;
}

@media (min-width: 576px){
    .post-card--vertical {
        -ms-flex: 0 0 calc(33% - 40px);
        flex: 0 0 calc(33% - 40px);
        max-width: calc(33% - 40px);
    }
}