/**
* Theme Name: Poco Child
* Description: This is a child theme of Poco.
* Author: <a href="https://rgssoft.com/">RGSSoft</a>
* Template: poco
* Version: 2.2.4
*/

p {
    margin: 0;
}

ul.products li.product .price {
    color: #cf2e2e;
}

.single-product div.product form.cart table.variations td.value ul li.variable-item .variable-item-span {
    margin: 0 15px;
}

.single-product div.product table.variations label {
    display: inline-block;
}

@media (max-width: 768px) {
    .single-product div.product .product_title {
        font-size: 32px;
    }
}

.attachment-shop_catalog.size-shop_catalog {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.product-cats {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 25px;
    justify-content: space-between;
    align-items: baseline;
}

.product-cats .category {
    max-width: 100px;
    text-align: center;
    transition: 0.3s;
    margin: 15px;
}

.product-cats .category:hover {
    transform: scale(1.1);
}

.product-cats .category h2 {
    margin-top: 10px;
    font-size: 16px;
}

.product-cats .category img {
    margin: auto;
    width: 75px;
}

@media (max-width: 768px) {
    .product-cats .category img {
        width: 50px;
    }
}

#button {
    display: inline-block;
    background-color: #FFC222;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

@media (max-width: 1024px) {
    #button {
        bottom: 70px;
        right: 5px;
    }
}

#button::after {
    content: "\2191";
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

#button:hover {
    cursor: pointer;
    background-color: #333;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

#shipping_nova_poshta_for_woocommerce_warehouse_field, #shipping_nova_poshta_for_woocommerce_city_field {
    margin-top: 15px;
}

#formOrderOneClick .popup .close_order {
    color: #000 !important;
}

.woosw-btn {
    order: 1;
}

.content-single-wrapper .clickBuyButton.button21 {
    margin-left: 10px;
}

.products .clickBuyButton.button21 {
    padding: 10px;
    width: 100%;
    margin-top: 5px;
}

@media (max-width: 1300px) {
    .content-single-wrapper .clickBuyButton.button21 {
        flex: unset !important;
    }
}

#buyoneclick_form_order .form-message-result {
    font-size: 16px !important;
    color: #000 !important;
    background: #FFC222;
    text-align: center;
}

ul .products li.product .product-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.onsale {
    background: #FFC222;
    color: #000;
}

.product-block .woosw-btn:hover:before {
    color: #FFC222 !important;
}

.widget_search:not(.widget_block) form, .widget_product_search form, .site-search form {
    background-color: #fbf7e8;
    border-radius: 8px;
    border: none;
}

.woocommerce-info, .woocommerce-message {
    background-color: var(--primary);
    color: var(--body);
}

#billing_country_field {
    display: none;
}

.form-row.woocommerce-validated input.input-text {
    box-shadow: inset 2px 0 0 #FFC222;
}

.woocommerce-order .woocommerce-thankyou-order-received {
    color: var(--primary);
    text-shadow: 0px 0px 3px rgb(0, 0, 0);
}

.form-row.form-row-last .button {
    margin: 10px;
}

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
    display: none;
}

.elementor-menu-cart__footer-buttons a {
    margin: 10px;
}

#place_order {
    margin-top: 15px;
}

.woocommerce-product-details__short-description {
    margin-bottom: 15px;
}

.single-product div.product .woocommerce-product-rating {
    margin-bottom: 10px;
}

.single-product div.product form.cart table.variations td.value ul li.variable-item.disabled::after {
    content: none;
}

.variable-item.button-variable-item.button-variable-item-12-l.disabled:hover {
    cursor: not-allowed;
}

.single-product div.product form.cart table.variations td.value ul li.variable-item.disabled:hover {
    background-color: #f7f4ef;
}