/*
Theme Name: Minnie4Kids 1.0
Theme URI:
Description:
Author: Igor Lesovsky
Version: 1.0
*/

:root {
    --e-global-color-primary: #8B59D2;
    --e-global-color-secondary: #313131;
    --e-global-color-text: #6C6C6C;
    --e-global-color-accent: #F2A69A;

    --e-global-typography-primary-font-family: "Manrope";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Manrope";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Manrope";
    --e-global-typography-text-font-size: 16px;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-text-line-height: 1.4;
    --e-global-typography-accent-font-family: "Manrope";
    --e-global-typography-accent-font-weight: 500;

    --m4k-color-bg: #FAFAFA;
    
    --m4k-gutters: 30px;
    --m4k-gutters-medium: 40px;
    --m4k-gutters-small: calc(var(--m4k-gutters-medium)  * 0.5);
    --m4k-gutters-large: calc(var(--m4k-gutters) * 2);
    --m4k-gutters-xl: calc(var(--m4k-gutters-medium) * 2.5);
    --m4k-gutters-xxl: calc(var(--m4k-gutters-medium) * 3);
    --m4k-gutters-large-xl: calc(var(--m4k-gutters) * 5);

    --m4k-border-radius: 22px;

    --m4k-btn-size: 46px;
    --m4k-btn-size-small: 40px;


}

@media (max-width: 1223px) {
    :root {
        --m4k-font-size-default: 16px;
        --m4k-font-size-medium: 20px;
        --m4k-font-size-large: 32px;
        --m4k-font-size-xl: 48px;
        --m4k-gutters: 20px;
    }

    /*:is(.elementor-section-wrap, [data-elementor-id]) > .e-con {
        max-width: calc(100vw - 40px) !important;
    }*/

    .e-con > .e-con-inner {
        max-width: calc(100vw - 40px) !important;
    }
}

/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
    list-style: none;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    background-color: var(--m4k-color-bg);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: var(--e-global-color-text);
    min-height: 100vh;
    text-rendering: optimizeSpeed;
}

a, .elementor-icon svg, .elementor-social-icon *,
.m4k-con-style-promo-container .elementor-widget-button,
.elementor-widget-theme-site-logo img,
.elementor-widget-theme-site-logo a::before,
#elementor-menu-cart__toggle_button, .e-toggle-cart-custom-icon,
.bapf_sfilter label,
.ui-state-default,
.swiper-pagination-bullet,
.page-numbers,
.variation-row .m4k-variation label,
.woosw-btn::before {
    transition: .4s;
}


/*
Typography
*/

a {
    color: var(--e-global-color-secondary);
}

a:hover {
    color: var(--e-global-color-primary);
}


/*
RESET
*/

.m4k-border-radius-yes.e-con,
.m4k-border-radius-yes.e-con::before,
.m4k-border-radius-yes.elementor-widget-image > .elementor-widget-container,
.m4k-border-radius-yes.elementor-widget-image a,
.m4k-border-radius-yes.elementor-widget-image img {
    border-radius: var(--m4k-border-radius) !important;
}

.m4k-con-style-gray {
    background-color: #F1F1F1;
}

.m4k-con-style-accent {
    background-color: var(--e-global-color-accent);
}

@media (min-width: 768px) {
    .m4k-con-compact-yes {
        max-width: 716px !important;
    }
}

.m4k-aratio-310-420 .elementor-widget-container img,
.m4k-aratio-340-460 .elementor-widget-container img,
.m4k-aratio-716-428 .elementor-widget-container img {
    aspect-ratio: 340/460;
    object-fit: cover;
    height: auto;
    width: 100%;
}

.m4k-aratio-310-420 .elementor-widget-container img {
    aspect-ratio: 310/420;
}

.m4k-aratio-652-420 .elementor-widget-container img {
    aspect-ratio: 652/420;
}

.m4k-aratio-716-428 .elementor-widget-container img {
    aspect-ratio: 716/428;
}

/* Buttons */

body .m4k-btn-primary.elementor-widget-button .elementor-button-wrapper .elementor-button,
body .m4k-btn-accent.elementor-widget-button .elementor-button-wrapper .elementor-button,
body .m4k-btn-light.elementor-widget-button .elementor-button-wrapper .elementor-button,
body .elementor-swiper-button,
body .page-numbers,
.single_add_to_cart_button.button {
    border-radius: var(--m4k-btn-size) !important;

    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 175% */
    letter-spacing: -0.4px;

    display: inline-flex;
    height: var(--m4k-btn-size);
    padding: 9px 24px;
    justify-content: center;
    align-items: center;
}

.m4k-btn-small-light.elementor-widget-button .elementor-button {
    border-radius: 40px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    display: inline-flex;
    height: 40px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

body .m4k-btn-light.elementor-widget-button .elementor-button-wrapper .elementor-button,
.m4k-btn-small-light.elementor-widget-button .elementor-button {
    background-color: #ffffff !important;
    color: var(--e-global-color-secondary) !important;
}


body .elementor-swiper-button,
body .page-numbers {
    background-color: #E1E1E1 !important;
    color: var(--e-global-color-secondary) !important;
}

body .elementor-swiper-button,
body .page-numbers.prev,
body .page-numbers.next {
    font-size: 20px !important;
    padding: 9px 20px !important;
}


body .m4k-btn-primary.elementor-widget-button .elementor-button-wrapper .elementor-button,
body .elementor-swiper-button:hover,
body .page-numbers.current,
.single_add_to_cart_button.button:hover {
    background-color: var(--e-global-color-primary) !important;
    color: #ffffff !important;
}

body .m4k-btn-accent.elementor-widget-button .elementor-button-wrapper .elementor-button,
body .m4k-btn-light.elementor-widget-button .elementor-button-wrapper .elementor-button:hover,
.m4k-btn-small-light.elementor-widget-button .elementor-button:hover,
body .page-numbers:hover {
    background-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-secondary) !important;
}

.single_add_to_cart_button.button {
    background: #121212 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

body .page-numbers {
    font-size: 14px !important;
}

body .elementor-pagination .page-numbers:first-child {
    margin-right: var(--m4k-gutters-large) !important;
}

body .elementor-pagination .page-numbers:last-child {
    margin-left: var(--m4k-gutters-large) !important;
}


/* Gap */

.e-con[class*="m4k-gap-"],
.e-con[class*="m4k-gap-"] > .e-con-inner {
    gap: var(--gap) !important;
}

.m4k-gap-small {
    --gap: var(--m4k-gutters-small) !important;
}

.m4k-gap-default {
    --gap: var(--m4k-gutters) !important;
}

.m4k-gap-medium {
    --gap: var(--m4k-gutters-medium) !important;
}

.m4k-gap-large {
    --gap: var(--m4k-gutters-large) !important;
}

.m4k-gap-xl {
    --gap: var(--m4k-gutters-xl) !important;
}

.m4k-gap-xxl {
    --gap: var(--m4k-gutters-xxl) !important;
}

/*
Padding
*/

.m4k-p-small {
    padding: var(--m4k-gutters-small) !important;
}

.m4k-p-default {
    padding: var(--m4k-gutters) !important;
}

.m4k-p-default-y {
    padding-top: var(--m4k-gutters) !important;
    padding-bottom: var(--m4k-gutters) !important;
}

.m4k-p-medium {
    padding: var(--m4k-gutters-medium) !important;
}

.m4k-p-medium-y {
    padding-top: var(--m4k-gutters-medium) !important;
    padding-bottom: var(--m4k-gutters-medium) !important;
}

.m4k-p-large {
    padding: var(--m4k-gutters-large) !important;
}

.m4k-p-large-y {
    padding-top: var(--m4k-gutters-large) !important;
    padding-bottom: var(--m4k-gutters-large) !important;
}

.m4k-p-xl {
    padding: var(--m4k-gutters-xl) !important;
}

.m4k-p-xl-y {
    padding-top: var(--m4k-gutters-xl) !important;
    padding-bottom: var(--m4k-gutters-xl) !important;
}

.m4k-p-xl-l {
    padding-left: var(--m4k-gutters-xl) !important;
}

.m4k-p-xl-r {
    padding-right: var(--m4k-gutters-xl) !important;
}

/* Heading */

body .elementor-widget-heading .elementor-heading-title {
    color: var( --e-global-color-secondary );
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

body .m4k-heading-large .elementor-heading-title {
    color: var(--e-global-color-secondary);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

body .m4k-heading-page-title .elementor-heading-title  {
    color: var(--e-global-color-primary);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 100% */
}

/*
Header
*/

.overflow-hidden {
    overflow: hidden;
}

header {
    padding-top: var(--m4k-gutters-small);
    padding-bottom: var(--m4k-gutters-small);
}

.current-menu-item:not(.get-a-quote) > .elementor-item {
    color: var(--e-global-color-primary) !important;
}

header .elementor-menu-cart__toggle .elementor-button-icon {
    position: relative;
    transition: color .1s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 2px;
}

header .elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
    display: flex !important;
    position: relative !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 1.5em !important;
    top: auto !important;
    right: auto !important;
    inset-inline-end: unset !important;
    border-radius: 50% !important;
    color: #fff !important;
    background-color: var(--e-global-color-primary);
    text-align: center;
    font-size: 12px !important;
    align-items: center;
    justify-content: center;
}


.home .elementor-location-header:not(.fixed) {
    position: fixed;
    width: 100vw;
    z-index: 10;
}

.home .elementor-location-header:not(.fixed) header {
    background-color: transparent !important;
}

.elementor-location-header.fixed header {
    background-color: var(--m4k-color-bg) !important;
}

@media (min-width: 1024px) {

    .home .elementor-location-header:not(.fixed) header > .e-con-inner {
        align-items: flex-start !important;
        align-content: flex-start !important;
    }

    .home .elementor-location-header:not(.fixed) header .elementor-nav-menu__align-center {
        align-self: flex-start !important;
    }

    .home .elementor-location-header:not(.fixed) .elementor-widget-theme-site-logo img {
        display: none;
    }

    .home .elementor-location-header .elementor-widget-theme-site-logo a {
        width: 238px;
    }

    .home .elementor-location-header header .elementor-widget-theme-site-logo a::before,
    .home .elementor-location-header header .elementor-nav-menu--main .elementor-item,
    .home .elementor-location-header header .elementor-widget-icon a,
    .home .elementor-location-header header .elementor-menu-cart__toggle .e-toggle-cart-custom-icon {
        line-height: 32px !important;
    }

    .home .elementor-location-header:not(.fixed) .elementor-widget-theme-site-logo a::before {
        font-family: "m4k";
        font-style: normal;
        font-weight: normal;
        content: '\e80c';
        font-size: 109px;
        line-height: 1 !important;
    }
}

.home .elementor-location-header:not(.fixed) header .elementor-widget-theme-site-logo a::before,
.home .elementor-location-header:not(.fixed) header .elementor-widget-theme-site-logo a::before,
.home .elementor-location-header:not(.fixed) header .elementor-nav-menu--main .elementor-item,
.home .elementor-location-header:not(.fixed) header .elementor-widget-icon a,
.home .elementor-location-header:not(.fixed) header .elementor-menu-toggle,
.home .elementor-location-header:not(.fixed) header .elementor-menu-cart__toggle .e-toggle-cart-custom-icon {
    color: #ffffff !important;
}

.home .elementor-location-header:not(.fixed) header .elementor-widget-theme-site-logo a img {
    filter: brightness(0) invert(1);
}

.home .elementor-location-header:not(.fixed) header .elementor-widget-theme-site-logo a:hover::before,
.home .elementor-location-header:not(.fixed) header .elementor-nav-menu--main .elementor-item:hover,
.home .elementor-location-header:not(.fixed) header .elementor-widget-icon a:hover,
.home .elementor-location-header:not(.fixed) header #elementor-menu-cart__toggle_button:hover .e-toggle-cart-custom-icon {
    color: var(--e-global-color-accent) !important;
}



/*
Footer
*/

footer .elementor-heading-title a:hover {
    color: var(--e-global-color-primary) !important;
}

footer .elementor-nav-menu--main .elementor-item:hover {
    color: var(--e-global-color-accent) !important;
}

/*
Main slider
*/

[data-post-type="main_slider"].elementor-widget-loop-carousel.elementor-pagination-position-outside > .elementor-widget-container > .swiper {
    padding-bottom: 0 !important;
}

[data-post-type="main_slider"].elementor-widget-loop-carousel .swiper-pagination, .elementor-widget-loop-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
    top: auto !important;
    bottom: var(--m4k-gutters-large) !important;
}

[data-post-type="main_slider"].elementor-widget-loop-carousel .swiper-pagination-bullet {
    margin: 0 8px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 4px !important;
    opacity: 1 !important;
}

[data-post-type="main_slider"].elementor-widget-loop-carousel .swiper-pagination-bullet:hover {
    background-color: var(--e-global-color-accent) !important;
}

[data-post-type="main_slider"].elementor-widget-loop-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px !important;
}

/* Other */

body .elementor-widget-video {
    border-radius: var(--m4k-border-radius);
    overflow: hidden;
}

body .elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay {
    background-position: center bottom;
}

body .elementor-custom-embed-play i {
    background-color: #ffffff;
    font-size: 26px;
    color: var(--e-global-color-primary);
    text-shadow: none;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    width: 96px;
    height: 96px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}


.m4k-con-gallery-yes {
    display: grid !important;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    gap: var(--m4k-gutters) !important;
}

.m4k-con-gallery-yes > .elementor-widget-image:first-child,
.m4k-con-gallery-yes > .elementor-element:first-child  {
    grid-row: 1 / 3;
    aspect-ratio: 652/632;
}

.m4k-con-gallery-yes > .elementor-widget-image:nth-child(2)   {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    aspect-ratio: 652/300;
}

.m4k-con-gallery-yes > .elementor-widget-image:nth-child(3) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    aspect-ratio: 652/300;
}


.m4k-con-gallery-yes > .elementor-widget-image img {
    height: 100%;
    object-fit: cover;
}

/* Pagination */

.elementor-widget-loop-grid .elementor-pagination {
    margin-top: calc(var(--m4k-gutters-medium) * 3) !important;
}

/* Filter */

.berocket_single_filter_widget .bapf_sfilter {
    margin-bottom: 0;
}

.elementor-widget-wp-widget-berocket_aapf_group > .elementor-widget-container {
    display: flex;
    flex-direction: column;
    gap: var(--m4k-gutters-large);
}

.bapf_head h3 {
    color: var(--e-global-color-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;

    margin-bottom: var(--m4k-gutters-small) !important;
}

.bapf_slidr_ready .bapf_head h3 {
    margin-bottom: calc(var(--m4k-gutters-small) + 7px) !important;
}

.bapf_sfilter .bapf_body .mCSB_container > ul, .bapf_sfilter .bapf_body > ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bapf_sfilter ul li {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.bapf_sfilter .bapf_body ul li ul {
    margin-top: 12px;
    /*margin-left: 0 !important;*/
    padding-left: 0 !important;
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bapf_sfilter.bapf_ckbox input[type="checkbox"] {
    flex: 0 0 16px;
    border: 1px solid #949494 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.bapf_ckbox_sqchck input[type="checkbox"]:checked::after {
    content: "";
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    display: block;
    position: absolute;
    top: 1px;
    left: 4px;
    transform: rotate(45deg);
}

.bapf_sfilter label {
    display: inline !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #949494;
    font-family: var(--e-global-typography-text-font-family);
}

.bapf_sfilter label:hover,
.bapf_sfilter li.checked > label {
    color: var(--e-global-color-secondary);
}


/*.bapf_sfilter[data-taxonomy="designer"] ul li {
    flex-direction: row;
}

.bapf_sfilter.bapf_ckbox[data-taxonomy="designer"] input[type="checkbox"] {
    display: none;
}*/

.bapf_sfilter .bapf_button {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #949494;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--e-global-typography-text-font-family);
}

.bapf_colorinline.bapf_sfilter .bapf_body > ul,
.bapf_hideckbox.bapf_sfilter .bapf_body > ul {
    flex-direction: row;
    flex-wrap: wrap;
}

.bapf_colorinline.bapf_sfilter .bapf_body > ul > li,
.bapf_hideckbox.bapf_sfilter .bapf_body > ul > li {
    flex: 0 0 auto;
}

.bapf_colorinline .bapf_clr_span {
    margin: 0 !important;
    box-shadow: none !important;
}

.bapf_slidr_main.ui-widget-content, .berocket_filter_price_slider.ui-widget-content {
    background: var(--e-global-color-primary) !important;
    height: 3px !important;
    width: calc(100% - 16px);
    margin-left: 8px;
    margin-bottom: 15px;
}

.bapf_slidr_main.ui-widget-content .ui-slider-range, .berocket_filter_price_slider.ui-widget-content .ui-slider-range {
    background: #CBCBCB !important;
}

.bapf_slidr_main.ui-widget-content .ui-slider-handle,
.berocket_filter_price_slider.ui-widget-content .ui-slider-handle,
.slide.default .bapf_slidr_main .ui-state-default,
.slide.default .bapf_slidr_main .ui-widget-header .ui-state-default,
.slide.default .bapf_slidr_main.ui-widget-content .ui-state-default,
.slide.default .berocket_filter_price_slider .ui-state-default,
.slide.default .berocket_filter_price_slider .ui-widget-header .ui-state-default,
.slide.default .berocket_filter_price_slider.ui-widget-content .ui-state-default {
    background: var(--e-global-color-secondary);
    outline: none !important;
    font-size: 16px;
    top: -7px;
}

.ui-state-default {
    cursor: pointer !important;
}

.ui-state-hover,
.ui-state-focus {
    background: var(--e-global-color-primary) !important;
}

body .bapf_slidr_jqrui .bapf_from, body .bapf_slidr_jqrui .bapf_to {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 5px;
    color: var(--e-global-color-secondary);font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

body .bapf_slidr_jqrui .bapf_from {
    justify-content: flex-end;
}

/*
Loop
*/

.elementor-widget-image a {
    width: 100%;
    position: relative;
}

.elementor-widget-loop-carousel > .elementor-widget-heading {
    display: flex;
    align-items: center;
    height: var(--m4k-btn-size);
    margin-bottom: var(--m4k-gutters-large) !important;
}

/*.e-loop-item.product .elementor-widget-image img {
    aspect-ratio: 320/420 !important;
    object-fit: contain;
}*/

/* Breadcrumbs*/

.elementor-widget-breadcrumbs a,
.elementor-widget-breadcrumbs span,
.elementor-widget-breadcrumbs i {
    color: #949494;
    font-size: 12px;
    font-weight: 400;
    line-height: normal !important;
}

.woocommerce.archive .elementor-widget-breadcrumbs a,
.woocommerce.archive .elementor-widget-breadcrumbs span,
.woocommerce.archive .elementor-widget-breadcrumbs i {
    line-height: 40px !important;
}

.elementor-widget-breadcrumbs i {
    font-size: 8px;
}

.elementor-widget-breadcrumbs a:hover {
    color: var(--e-global-color-primary);
}

.elementor-widget-breadcrumbs p > span {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Gallery */

.slick-slide.slick-current,
.iconic-woothumbs-images__image,
.zm-viewer,
.iconic-woothumbs-thumbnails__image-wrapper {
    background-color: #ffffff;
    border-radius: var(--m4k-border-radius) !important;
}

.slick-slide.slick-current .iconic-woothumbs-thumbnails__image-wrapper {
    border: 1 solid var(--e-global-color-primary) !important;
}

/*.iconic-woothumbs-images__image {
    aspect-ratio: 456/585 !important;
    object-fit: contain;
}*/

/*.iconic-woothumbs-all-images-wrap .slick-list,
.iconic-woothumbs-all-images-wrap .slick-list .slick-track {
    height: unset !important;
}

.iconic-woothumbs-all-images-wrap .slick-list .slick-track .slick-slide.slick-current {
    width: unset !important;
}*/

.iconic-woothumbs-fullscreen {
    display: none;
}

.iconic-woothumbs-thumbnails__image-wrapper::before,
.iconic-woothumbs-thumbnails__image-wrapper::after {
    border: 0 !important;
}

/* Single Product */

.m4k-product-attr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--m4k-gutters-small) 0;
    border-bottom: 1px solid #E2E2E2;
    font-size: 16px;
    color: var(--e-global-color-secondary);
    line-height: 20px;
}

.single-product .elementor-toggle i {
    font-size: 20px;
}

/*.single-product .iconic-woothumbs-thumbnails__image {
    aspect-ratio: 82/106 !important;
    object-fit: contain !important;
}*/

/* quantity */

.e-atc-qty-button-holder {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    gap: var(--m4k-gutters-small);
}

.quantity {
    background: #F5F5F5;
    border-radius: var(--m4k-btn-size);
    height: var(--m4k-btn-size);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--m4k-gutters-small);
}

.quantity label {
    display: none;
}

.quantity button, .quantity input[type="number"] {
    background: transparent;
    border: 0 !important;
    font-size: 20px;
    margin: 0 !important;
    padding: 0 !important;
    outline: none !important;
    text-align: center !important;
}

.quantity button {
    font-size: 20px;
    cursor: pointer;
}

.quantity button:hover {
    color: var(--e-global-color-primary);
}

.quantity input[type="number"] {
    font-size: 16px;
}

.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; // Yeah, yeah everybody write about it
}

.quantity input[type='number'],
.quantity input[type="number"]:hover,
.quantity input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}

.quantity .qty:focus {
    color: var(--e-global-color-primary) !important;
}

.single_add_to_cart_button.button {
    margin: 0 !important;
}

/*.woosw-btn.woosw-added::before {
    display: none !important;
}*/


.woosw-btn {
    display: flex;
    gap: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 175% */
    letter-spacing: -0.4px;
}

.woosw-btn::before {
    font-family: "m4k";
    font-style: normal;
    font-weight: normal;
    content: '\e808' !important;
    color: var(--e-global-color-secondary);
    margin: 0 !important;
    font-size: 20px !important;
}

.woosw-btn:hover::before {
    color: var(--e-global-color-primary);
}

.woosw-btn.woosw-btn-added::before {
    content: '\e809' !important;
    color: var(--e-global-color-primary);
}

.m4k-add-wishlist-compact-yes .woosw-btn {
    font-size: 0 !important;
    display: flex;
    height: 32px;
    align-items: center;
}

.m4k-add-wishlist-compact-yes .woosw-btn::before {
    font-size: 23px !important;
}

.elementor-widget .elementor-icon-list-icon i[class*=" m4k-icon-"] {
    width: unset;
}



/* variations */

.variations select, .variations .reset_variations {
    display: none !important;
}

div.variations {
    display: flex;
    flex-direction: column;
    gap: var(--m4k-gutters-medium);
}

.variation-row, .single_variation_wrap, .elementor-product-simple {
    display: flex;
    flex-direction: column;
    gap: var(--m4k-gutters-small);
}

.variation-row .label label {
    font-size: 16px;
    color: var(--e-global-color-secondary);
    line-height: 20px;
}

.variation-row .m4k-variation input[type=radio] {
    display: none;
}

.variation-row .m4k-variation {
    display: flex;
    gap: var(--m4k-gutters-small);
    flex-wrap: wrap;
}

.variation-row .m4k-variation label, .bapf_colorinline label {
    background: var(--m4k-color-bg);
    border: 1px solid #CBCBCB;
    display: flex !important;
    padding: 4px 15px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    color: var(--e-global-color-secondary) !important;
    border-radius: 12px;
    height: 38px;
    user-select: none;
}

.variation-row .m4k-variation label:hover {
    background-color: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
}

.variation-row .m4k-variation input[type=radio]:checked + label {
    background: var(--e-global-color-primary);
    border-color: var(--e-global-color-primary);
    color: #ffffff !important;
}

.variation-row .m4k-variation input[type=radio]:checked + label {

}

.variation-row .m4k-variation.m4k-variation__pa_color label,
.bapf_colorinline label {
    border-radius: 50%;
    padding: 3px;
    width: 38px;
}

.variation-row .m4k-variation.m4k-variation__pa_color label:hover,
.variation-row .m4k-variation.m4k-variation__pa_color input[type=radio]:checked + label,
.bapf_colorinline label:hover,
.bapf_colorinline input:checked + label {
    background: #ffffff;
    border-color: #807E7E;
}

.variation-row .m4k-variation.m4k-variation__pa_color label span,
.bapf_colorinline .bapf_clr_span {
    display: flex !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    border: 0 !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    transform: unset !important;
}

/* Price */

.woocommerce .woocommerce-variation-price .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
    display: flex;
    align-items: center;
    gap: 12px;
}

.woocommerce .woocommerce-variation-price .price {
    color: var(--e-global-color-primary) !important;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins,
.elementor-heading-title ins {
    text-decoration: none !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del, .elementor-heading-title del {
    opacity: 1;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #949494;
}

.elementor-heading-title del {
    font-size: 14px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: #949494;
}

/* Accordion */

body .elementor-widget-n-accordion .e-n-accordion-item {
    min-height: 75px;
    border-bottom: 1px solid #EDEDED;
}

body .elementor-widget-n-accordion .e-n-accordion-item-title {
    border: 0;
    padding: 32px 0 12px 0;
    justify-content: space-between;
}

body .elementor-widget-n-accordion .e-n-accordion-item-title + .elementor-element {
    border: 0;
    padding: 0 0 12px 0;
}

body .elementor-widget-n-accordion .e-n-accordion-item-title-text {
    color: var(--e-global-color-secondary);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

body .elementor-widget-n-accordion .e-n-accordion-item-title-icon i {
    font-size: 28px !important;
}

/* Text */

.elementor-widget-text-editor .elementor-widget-container p + h2,
.elementor-widget-text-editor .elementor-widget-container p + h3,
.elementor-widget-text-editor .elementor-widget-container p + h4,
.elementor-widget-text-editor .elementor-widget-container h2 + p,
.elementor-widget-text-editor .elementor-widget-container h3 + p,
.elementor-widget-text-editor .elementor-widget-container h4 + p,
.elementor-widget-text-editor .elementor-widget-container p + p {
    margin-top: 25px;
}

.elementor-widget-text-editor a:not([class]) {
    text-decoration: underline;
    color: inherit
}

.elementor-widget-text-editor a:not([class]):hover {
    text-decoration: none
}

.elementor-widget-text-editor h2 {
    font-weight: 600;
    font-size: var(--m4k-font-size-large);
    line-height: 1.3;
    margin-bottom: var(--m4k-gutters);
}

.elementor-widget-text-editor h3 {
    font-weight: 600;
    font-size: var(--m4k-font-size-medium);
    line-height: 1.3;
}

.elementor-widget-text-editor h4 {
    font-weight: 600;
    font-size: var(--m4k-font-size-default);
    line-height: 1.3;
}

.elementor-widget-text-editor p + ul,
.elementor-widget-text-editor p + ol {
    margin-top: 15px
}

.elementor-widget-text-editor ul {
    list-style: disc;
    margin-left: 15px
}

.elementor-widget-text-editor ol {
    counter-reset: myCounter
}

.elementor-widget-text-editor ol li {
    list-style: none;
    position: relative;
}

.elementor-widget-text-editor ol li + li {
    margin-top: var(--m4k-gutters-xl)
}

.elementor-widget-text-editor ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter, decimal-leading-zero) ".";
    display: inline-block;
    left: -52px;
    position: absolute;
    font-weight: bold;
}

/* */

.elementor-widget-m4k-product-category-menu .elementor-widget-heading + ul {
    margin-top: var(--m4k-gutters);
}

.elementor-widget-m4k-product-category-menu ul {
    display: none;
}

.elementor-widget-m4k-product-category-menu ul ul {
    margin-top: var(--m4k-gutters-small);
    margin-left: var(--m4k-gutters-small);
}
.elementor-widget-m4k-product-category-menu li + li {
    margin-top: var(--m4k-gutters-small);
}

.elementor-widget-m4k-product-category-menu a {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.elementor-widget-m4k-product-category-menu li.active > a,
.elementor-widget-m4k-product-category-menu a:hover {
    color: var(--e-global-color-primary);
}


.elementor-widget-m4k-product-category-menu ul ul a {
    color: #949494;
}

.elementor-widget-m4k-product-category-menu .elementor-widget-container > ul,
.elementor-widget-m4k-product-category-menu ul.active,
.elementor-widget-m4k-product-category-menu li.active > ul {
    display: block;
}

.elementor-widget-m4k-product-subcategories .elementor-widget-heading {
    display: flex;
    justify-content: space-between;
}

.elementor-widget-m4k-product-subcategories .elementor-widget-heading + ul {
    margin-top: var(--m4k-gutters-medium);
}

.elementor-widget-m4k-product-subcategories .elementor-heading-title {
    display: flex;
    gap: var(--m4k-gutters-small);
}

.elementor-widget-m4k-product-subcategories .elementor-heading-title a:hover {
    color: var(--e-global-color-primary) !important;
}

.m4k-product-subcategories,
.m4k-con-style-filter-container.open .bapf_sfilter .bapf_body .mCSB_container > ul,
.m4k-con-style-filter-container.open .bapf_sfilter .bapf_body > ul {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    align-content: center;
    gap: 10px;
    align-self: stretch;
    flex-wrap: wrap;
}

.m4k-product-subcategories a,
body .bapf_hideckbox li label a {
    background-color: #F5F5F5;
    color: var(--e-global-color-secondary);
    border: none !important;
    display: flex;
    height: 46px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.m4k-product-subcategories a:hover,
body .bapf_hideckbox li input:checked + label a {
    background-color: var(--e-global-color-primary);
    color: #fff;
}

body .bapf_hideckbox li label a:hover {
    color: var(--e-global-color-primary);
}

body .bapf_hideckbox li input:checked + label a:hover {
    background-color: var(--e-global-color-accent);
    color: #fff;
}

.m4k-filter-btn {
    display: flex;
    gap: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    align-items: center;
    cursor: pointer;
    color: #949494;
}

.m4k-filter-btn:hover {
    color: var(--e-global-color-primary);
}

.m4k-filter-btn::before {
    background-color: var(--e-global-color-accent);
    color: #fff;
    min-width: 20px;
    padding: 0 6px;
    height: 20px;
    border-radius: 50%;

    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    content:attr(data-filter-selected);
}

@media (max-width: 1023px) {
    #wp-admin-bar-customize,
    #wp-admin-bar-duplicate-post {
        display: none !important;
    }

    .m4k-con-style-filter-container {
        flex-direction: row !important;
        align-content: flex-start !important;
        gap: 20px !important;
    }

    .m4k-con-style-filter-container:not(.open) {
        display: none !important;
    }

    .m4k-con-style-filter-container.open {
        position: fixed;
        background-color: var(--m4k-color-bg);
        z-index: 100;
        height: 100vh;
        top: 0;
        left: 0;
        overflow: scroll;
        padding: var(--m4k-gutters);
    }

    .m4k-con-style-filter-container .elementor-widget-heading .elementor-heading-title.elementor-size-large {
        font-size: 24px;
        line-height: 1;
    }

    .admin-bar .m4k-con-style-filter-container.open {
        padding-top: calc(var(--m4k-gutters) + var(--wp-admin--admin-bar--height, 32px)) !important;
    }

    .elementor-widget-m4k-product-category-menu ul {
        display: none !important;
    }

    .m4k-con-style-filter-container .elementor-widget-m4k-product-category-menu {
        border-bottom: 1px solid #E2E2E2;
        padding-bottom: 40px !important;
        width: 100%;
    }

    .m4k-con-style-filter-container .elementor-widget-wp-widget-berocket_aapf_group > .elementor-widget-container {
        gap: 20px !important;
    }

    .m4k-con-style-filter-container .elementor-widget-wp-widget-berocket_aapf_group > .elementor-widget-container > * + * {
        border-top: 1px solid #E2E2E2;
        padding-top: 20px !important;
    }
}

/* Promo Container */

.m4k-con-style-promo-container .elementor-widget-button {
    height: 0 !important;
    opacity: 0 !important;
}

.m4k-con-style-promo-container:hover .elementor-widget-button {
    height: var(--m4k-btn-size) !important;
    opacity: 1 !important;
}

.m4k-con-style-promo-container h3.elementor-heading-title {
    font-size: 40px;
    line-height: 30px;
    font-weight: 700;
}

.m4k-con-style-promo-container div.elementor-heading-title {
    font-weight: 700;
    line-height: 1;
}