/**
* Theme Name:        avanam-cosmika
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.0
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-cosmika
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce

*/

body.single-product {

    & button.xoo-wl-open-form-btn {
        margin-bottom: .5rem;
    }

    & div.product .woocommerce-tabs {
        border-radius: 12px!important;
    }

    & div.product .base-product-gallery-thumbnails.splide.splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide {
        border-radius: 12px!important;
    }

    & div.product .base-product-gallery-thumbnails .bt-woo-gallery-thumbnail img {
        border-radius: 12px!important;
    }

    & .bt-layout-left .thumb-wrapper.splide__slider .splide__arrow, .bt-layout-right .thumb-wrapper.splide__slider .splide__arrow {
        border-radius: 4px;
    }

    & form.cart div.quantity {
        border-radius: 12px!important;
    }

    & div.product div.images .base-product-gallery-main img {
        border-radius: 12px!important;
    }

    & div.single-product-extras > p > strong {
        color: #e02f7e;

        line-height: 1.2em;

        font-size: 1.125rem;
        font-weight:800;
    }

    & .single-product-payments {
        border-radius: 12px!important;
    }

    & .wc-points-rewards-product-message {
        display: none!important;
    }

    & .woosc-quick-table>h2 {
        margin-bottom: .75rem!important;
    }

    & .woosc-quick-table .woosc-quick-table-products {
        border-radius: 12px!important;

        & .woosc_table {
            margin-bottom: 0!important;
        }
    }
}

div.woosw-list table.woosw-items {
    border-radius: 12px!important;
}

table.shop_table.woosl_table.woosl-products {
    margin-top: 4rem;
}

#askquestion-popup.popup-drawer .drawer-inner .wpcf7-form p input[type="checkbox"] {
    width: auto!important;
}

#askquestion-popup.popup-drawer .drawer-inner, #exit-popup.popup-drawer .drawer-inner, #share-popup.popup-drawer .drawer-inner, #welcome-popup.popup-drawer .drawer-inner {
    border-radius: 12px!important;
}

.cbt_day_shipping_text_lite {
    color: #e02f7e;

    font-size: 1rem!important;
    font-weight: 600;

    padding: .75rem 0!important;

    & .cbt_timer {
        color: black;

        font-weight: 800;
    }
}

.cbt_day_shipping_container {
    border: solid 2px #e02f7e;
    border-radius: 12px!important;

    display: flex;

    flex-direction: column;

    overflow: clip;

    & .cbt_day_shipping_title {
        background: #e02f7e;

        color: #fff;

        font-size: 1rem!important;
        font-weight: 800;

        padding: .75rem 1rem!important;


        text-align: center;
        text-transform: uppercase;
    }

    & .cbt_day_shipping_text {
        color: #e02f7e;

        font-size: 1rem!important;
        font-weight: 600;

        padding: .75rem 1rem!important;
    }

    & .cbt_day_shipping_timer {
        border-top: 1px solid #e02f7e;

        color: black;

        padding: .55rem 1rem!important;

        & .cbt_timer {
            color: #e02f7e;

            font-weight: 800;
        }
    }
}

.cbt_points_container {
    color: black;

    font-weight: 600;

    text-wrap: pretty;

    & .cbt_points {
        color: #dd2831;
    }
}

.cbt_faq_product_container {
    display: flex;

    flex-direction: column;

    gap: .75rem;

    & .cbt_faq {
        display: flex;

        flex-direction: column;

        width: 100%;

        & .cbt_faq_header {
            align-items: center;

            background: #F3F4FC;
            border:solid 1px #DEE3F2;
            border-radius: 12px!important;

            color: black;
            cursor: pointer;

            display: flex;

            gap: .5rem;

            justify-content: start;

            padding: .75rem 1rem!important;

            z-index: 20;

            & .ctb_faq_arrow {
                border-color: black transparent;
                border-style: solid;
                border-width: 0 5px 9px 5px;

                display: flex;

                height: 0;

                width: 0;

                transition: transform 0.25s linear;

                &.open {
                    transform: rotate(180deg);
                }
            }

            & .cbt_faq_title {
                font-size: 1.125rem;
                font-weight: 800;
            }
        }

        & .cbt_faq_content {
            border:solid 1px #DEE3F2;
            border-radius: 12px!important;

            color: black;

            font-size: .875rem;

            height: 0;

            margin-bottom: 1rem;
            margin-top: -1rem;
            max-height: 8rem;

            overflow-y: clip;

            transition-duration: 0.25s;
            transition-property: height, margin-bottom, margin-top;
            transition-timing-function: linear;

            &.open {
                height: 8rem;

                margin-bottom: 0!important;
                margin-top: .5rem!important;
            }

            &.opened {
                overflow-y: auto;
            }

            & .cbt_faq_text {
                padding: .75rem 1rem!important;
            }
        }
    }
}

.contact-page-form {

    column-gap: 4%;

    display: flex;

    flex-wrap: wrap;

    row-gap: 1.5rem;

    & .form-short {
        width: 48%;
    }

    & .form-full {
        width: 100%;
    }

    & .form-short, & .form-full {
        & input, & input:focus, & textarea, & textarea:focus {
            border-color: black;
            border-radius: .75rem;

            width: 100%;
        }
    }
}

.elementor-accordion .elementor-tab-title {
    border-radius: 12px!important;
}

.quantity, .woocommerce-cart table.cart td.actions .coupon .input-text, .woosw-list .woosw-actions .woosw-copy #woosw_copy_url, .quantity.spinners-added {
    border-radius: 12px!important;
}

#main-header .site-header-row.site-header-row-only-center-column {
    max-width: 100%;
}

#main-header .site-header-row.site-header-row-only-center-column .site-header-section-center {
    display: flex;

    justify-content: space-between!important;

    flex-shrink: 1;

    max-width: 100%;

    .site-header-item.site-header-focus-item[data-section="base_customizer_header_html2"] {
        flex-grow: 1!important;

        overflow-x: hidden;

        width: 35%!important;

        & .header-html2 {
            flex-shrink: 1!important;
            flex-grow: 1!important;
        }
    }
}

.select2-container--default .select2-selection--single {
    border-radius: 12px!important;
}

.ti-widget.ti-goog {
    padding: .375rem 0!important;

    & .ti-widget-container {
        margin-top: 0!important;

        &>.ti-header {
            padding: .375rem .75rem!important;

            & .ti-profile-img {
                align-items: center!important;
                display: flex!important;
                justify-content: center!important;

                margin-right: .75rem!important;

                &>img {
                    aspect-ratio: 1!important;

                    height: 42px!important;
                    width: 42px!important;
                }
            }

            & .ti-name {
                font-size: 12px!important;
                margin-bottom: 0!important;
            }

            & .ti-stars {
                margin:0!important;

                &>.ti-star {
                    height: 12px!important;
                    width: 12px!important;
                }
            }

            & .ti-rating-text {
                line-height: 1!important;
            }

            & .ti-rating-text * {
                font-size: 10px!important;
            }
        }
    }
}

.tmcore-fsb {
    border-radius: 12px!important;
}

.woocommerce ul.products:not(.products-list-view, .categories) li.product:not(.product-item) {
    display: flex;

    flex-direction: column;

    border-radius: 12px!important;
}

.woocommerce-cart .cart-collaterals .cart_totals_summary, .woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
    border-radius: 12px!important;
}

.woocommerce-checkout form.checkout .woocommerce-account-fields div.create-account, .woocommerce-checkout form.checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout form.checkout .woocommerce-shipping-fields .shipping_address {
    border-radius: 12px!important;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border-radius: 12px!important;
}

.woosw-popup .woosw-popup-inner .woosw-popup-content {
    border-radius: 12px!important;
}

@media (max-width: 766px) {
    #block-8 {
        & .wp-block-columns.is-layout-flex {
            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            padding-bottom: 16px;
            padding-top: 16px;

            & .wp-block-column {
                & .wp-block-media-text {
                    gap: 12px;

                    & .service-heading a, & .service-content a {
                        font-size: 14px;
                    }
                }

                & .wp-block-media-text__media img {
                    height: 32px;
                    width: 32px;
                }
            }
        }
    }

    .site-middle-footer-inner-wrap {
        padding-top: 16px;
    }

    .cbt-home-product-tabs {

        & .elementor-tabs-wrapper {
            justify-content: center!important;

            /*flex-wrap: wrap;*/

            & .elementor-tab-title {

                font-size: 14px!important;

                padding: 8px 4px!important;
                /*width: 50%;*/
            }
        }

        & .elementor-tabs-content-wrapper {
            margin-top: 12px;

            & .elementor-tab-title {
                display: none !important;
            }

            & .products.content-wrap.product-archive {
                gap: 0;

                & li {
                    margin-bottom: 10px;

                    overflow: clip;
                }
            }
        }
    }

    .cbt-contact-icon-column .elementor-widget-wrap {
        display: grid!important;

        gap: 0.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .products.elementor-grid.product-archive {
        grid-column-gap: 20px!important;
        grid-row-gap: 10px!important;

        & li {
            overflow: clip!important;
        }
    }

    body.single-product {
        & div.product .base-product-gallery-thumbnails.splide.splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide {
            border-radius: 12px!important;

            height: auto!important;
        }

        form.cart {

            .single_add_to_cart_button {
                width: 100% !important;
            }
        }

        .xoo-wl-action-btn {
            border-radius: 12px;

            max-width: 100%;

            padding: 7px 2em;

            width: 100%;
        }

        li.product {
            overflow: clip!important;
        }

        .rvpw-recently-view.products h2 {
            font-size: 18px;

            margin-top: 2rem;
        }

        .woosc-quick-table-products {
            & th, & td, & th *, & td * {
                font-size: 13px!important;
            }

            & td img {
                width: 10rem!important;
            }

            & tr.tr-image td.td-label {
                visibility: hidden!important;
            }

            & td .product.woocommerce.add_to_cart_inline a {
                width: fit-content!important;
            }
        }
    }
}