/*!
Theme Name: MAS2
Theme URI: https://yourfuture.com.ua/
Author: YourFuture
Author URI: https://yourfuture.com.ua/
Description: Mascompany updated theme
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mas2

*/

.hidden{
    display: none !important;
}


@media (min-width: 1024px) {
    /* Основний контейнер */
    .single-product .wp-block-columns.wp-container-3 {
		display: flex !important;
        flex-wrap: nowrap !important;
        gap: 60px !important; /* Ваш відступ */
        align-items: flex-start;
    }

    /* Кожна з двох колонок */
    .single-product .wp-block-columns.wp-container-3 > .wp-block-column {
        flex-basis: calc(50% - 30px) !important; 
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        width: calc(50% - 30px) !important;
        margin: 0 !important;
    }
}
a.btn-minicart{
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.minicart-counter{
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #c00;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    top: 5px;
    right: 5px;
}

.block-wrapper a{
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.form_error_txt{
    color: #c00 !important;
}

.form-message{display:none;font-size: 13px;line-height: 24px;margin-bottom: 20px;}
.form-message.success{display:block;color:green;}
.form-message.error{display:block;color:#c00;}
.form_error{color: #c00 !important;}


.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.remove-file{
    cursor: pointer;
    margin-left: 5px;
}

.product-categories-filter-item.active{
    font-weight: bold;
}

div.load-more{
    width: 100%;
    text-align: center;
}
div.load-more button{
    background-color: white;
    border: 1px solid black;
    padding: 15px 100px;
}

.item .item_img a .label{
    position: absolute;
    padding: 5px 10px;
    background-color: black;
    color: white;
    margin: 5px;
}

[data-selector=".kromka ul.decor_list li"] .js-load-more-btn,
[data-selector=".kromka ul.decor_list li"] .js-load-more-toggle-btn{
    display: block;
    float: right;
}