@charset "UTF-8";
/*
    Theme Name: hostiqa
    Theme URI: https://github.com/hoshi-project/hortiqa
    Description: hortiqa theme
    Author: hoshi-project
    Author URI: https://github.com/hoshi-project
    Version: 0.1.7
    Domain Path: /languages
*/

.wrap-menu-mobile .menu-item-has-children {
    position: relative;
}
.js-click-mobile-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 5.6rem;
}

.wc-stripe-card-icons-container {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}
.wc-stripe-card-icons-container:before {
    display: none !important;
}
.wc-stripe-card-icons-container {
    margin-left: 1rem !important;
}

.rpi-slides {
    margin-top: 4rem !important;
}
.grw-review > .rpi-flx {
    border: 0.2rem solid #F4F4F4 !important;
    border-radius: 2.4rem !important;
    padding: 2.4rem !important;
}

.wp-google-name, .wp-google-time {
    position: absolute !important;
    bottom: 2.4rem !important;
    font-size: 1.4rem !important;
}
.wp-google-name {
    left: 2.4rem !important;
    right: auto !important;
}
.wp-google-time {
    right: 2.4rem !important;
    left: auto !important;

}
.wp-google-feedback {
    margin-bottom: 3.5rem !important;
}
.wp-google-feedback .wp-google-text {
    font-size: 1.4rem !important;
    line-height: 1.4 !important;
}

/* Ширина всього скролбара */
.wp-google-feedback.grw-scroll::-webkit-scrollbar {
    width: 10px !important;
    box-shadow: none !important;
}

/* Фон (Track) */
.wp-google-feedback.grw-scroll::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

/* Повзунок (Thumb) */
.wp-google-feedback.grw-scroll::-webkit-scrollbar-thumb {
    background: var(--green) !important;
    border-radius: 10px !important;
    border: 2px solid #f1f1f1 !important; /* Створює ефект відступу */
    box-shadow: none !important;
}

/* Ефект при наведенні */
.wp-google-feedback.grw-scroll::-webkit-scrollbar-thumb:hover {
    background: #5849be !important;
}


.rpi-slides-root .grw-content-inner .rpi-dots-wrap {
    padding-top: 3.5rem !important;
}
.rpi-slides-root .rpi-dots-wrap button {
    background: #D8D2C9 !important;
}
.rpi-slides-root .rpi-dots-wrap button.active {
    background: #1A1A1A !important;
}
.grw-img-wrap {
    --img-size: 6rem !important;
}
.wp-gr .grw-img-wrap::before {
    box-shadow: none !important;
}
.rpi-slides-root.grw-content .rpi-stars {
    position: absolute !important;
    top: 2.4rem !important;
    left: calc(2.4rem + 6rem + 2rem) !important;
}
.grw-header .rpi-flx.rpi-col8 {
    --gap: 2px !important;
}
.wp-gr .grw-review-inner>svg {
    top: 2.6rem !important;
    right: 2.4rem !important;
    display: none !important;
}

.rpi .rpi-slides-bite {
    --alpha: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}



.grw-content-inner .rpi-ltgt {
    width: 5rem !important;
    height: 5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    border: none !important;
}
.grw-content-inner .rpi-gt::after, .grw-content-inner .rpi-lt::before {
    --slider-btn-size: 2.8rem !important;
}

.grw-content-inner .rpi-ltgt.grw-prev {
    position: absolute !important;
    top: -5rem !important;
    left: auto !important;
    right: 6rem !important;
    background: #E6F4E4 !important;
}
.grw-content-inner .grw-prev:before {
    background-color: #71A66C !important;
}
.grw-content-inner .rpi-ltgt.grw-next {
    position: absolute !important;
    top: -5rem !important;
    right: 0 !important;
    left: auto !important;
    background: #71A66C !important;
}
.grw-content-inner .grw-next:after {
    background-color: #fff !important;
}
.product-type-simple .only-sku + .stock.out-of-stock {
    display: none !important;
}

.summary .cart {
    z-index: 1;
    position: relative;
}
.product-lite .pop-buy {
    z-index: 11;
}

.wp-gr .grw-row.grw-row-m[data-options] {
    display: block !important;
}

.grw-row .grw-content, .grw-row .grw-header {
    width: 100% !important;
}

.grw-row .grw-header {
    position: absolute;
    top: -6rem;
    margin: auto;
    text-align: center;
    display: block;
    width: auto !important;
    left: auto;
    right: 11rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grw-row .grw-header .grw-header-inner {
    display: inline-block !important;
    margin: auto !important;
    width: 17rem !important;
    /* 	height: calc(5rem + 16px + 16px) !important; */
}

.grw-row .grw-header .grw-header-inner > .rpi-flx.rpi-col8 {
    /*background-image: url(/wp-content/themes/theme-hortiqa/assets/image/png/google-logo.webp);*/
    background-size: 4rem 4rem;
    background-position: 0 center;
    background-repeat: no-repeat;
    /*padding-left: 5rem;*/
}

.wp-google-powered {
    display: none !important;
}

.single-title-editor .wp-gr.rpi.wpac {
    position: relative;
}

.rating-google .ti-widget {
    opacity: 1 !important;
    visibility: visible !important;
}

.section-single.single-title-editor.no-title {
    padding-top: 5rem;
}

.section-single.single-title-editor.no-title .grw-row .grw-header {
    left: 0 !important;
    right: 0 !important;
}

.custom-shipping-price {
    display: table-row !important;
}

.woocommerce-form-login-toggle .woocommerce-info {
    background-color: var(--greenb);
}

.payment_method_stripe_googlepay img, .payment_method_stripe_payment_request img {
    margin-left: 8px;
}

.wc-stripe-gateway-desc {
    margin-bottom: 2rem;
}

@media (max-width: 576px) {

    .grw-img-wrap {
        --img-size: 6rem !important;
    }
    .grw-content-inner .rpi-ltgt  {
        display: none !important;
    }
    .grw-row .grw-header {
        left: auto;
        right: 0;
        top: 0;
        display: flex;
        justify-content: center;
        font-size: 1.4rem;
        position: relative;
    }
    .rpi .rpi-slides-bite {
        margin-top: 0 !important;
    }

    .grw-header .grw-header-inner .rpi-flx {
        align-items: center !important;
        align-self: center !important;
    }
    .grw-header .grw-header-inner .rpi-stars {
        align-self: center !important;
    }
    .grw-row .grw-header .grw-header-inner > .rpi-flx.rpi-col8 {
        /*padding-left: 1rem;*/
    }
    .section-single.single-title-editor.no-title {
        padding-top: 0rem;
    }
}