/*
Theme Name: MyFive
Theme URI: https://frontendtanfolyam.hu/
Author: FrontendTanfolyam
Author URI: https://frontendtanfolyam.hu/pocsik-emese-frontend-fejleszto/
Description: Basic Block Theme by Emese Pocsik
Tags: one-column, custom-colors, custom-menu
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myfive
*/
@media screen and (max-width: 1420px) {
    body {
        font-size: 18px;
    }
}

@media screen and (max-width: 1199px) {
    body {
        font-size: 15px;
    }
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
}

header.wp-block-template-part {
    position: relative;
    z-index: 10000;
}

.wc-block-components-quantity-selector {
    border-radius: 10px !important;
}

.wc-block-components-quantity-selector button {
    font-size: 1rem !important;
    opacity: 1 !important;
    font-weight: bold !important;
}

.wc-block-components-quantity-selector:after,
.wc-block-components-quantity-selector button {
    border: solid 1px #ddd !important;
}

#float-cart.sticky {
    position: fixed;
    z-index: 9999;
    bottom: 4rem;
    right: 4rem;
}

.single_add_to_cart_button::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 447 447" version="1.1" xml:space="preserve" style="fill:white; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M200.898,345.152c24.344,0 44.108,19.764 44.108,44.108c0,24.344 -19.764,44.108 -44.108,44.108c-24.344,0 -44.108,-19.764 -44.108,-44.108c0,-24.344 19.764,-44.108 44.108,-44.108Zm176.22,0c24.344,0 44.108,19.764 44.108,44.108c0,24.344 -19.764,44.108 -44.108,44.108c-24.344,0 -44.108,-19.764 -44.108,-44.108c0,-24.344 19.764,-44.108 44.108,-44.108Zm-288.464,-273.226l63.534,222.705c6.591,23.103 27.703,39.034 51.727,39.034l157.478,0c33.502,0 61.98,-24.47 67.023,-57.59c4.821,-31.664 11.838,-77.75 17.065,-112.081c2.869,-18.84 -2.626,-37.994 -15.046,-52.449c-12.42,-14.454 -30.529,-22.769 -49.586,-22.769l-235.394,0l-8.72,-30.567c-7.633,-26.757 -32.085,-45.209 -59.91,-45.209l-51.825,0c-13.798,0 -25,11.202 -25,25c0,13.798 11.202,25 25,25l51.825,0c5.494,0 10.321,3.643 11.829,8.926Zm71.066,66.85l221.129,0c4.482,0 8.741,1.956 11.663,5.355c2.921,3.4 4.213,7.905 3.539,12.337l-17.066,112.081c-1.323,8.693 -8.798,15.116 -17.592,15.116l-157.478,0c-1.693,0 -3.181,-1.122 -3.645,-2.751l-40.55,-142.138Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: text-top;
}

.add_to_cart_button a::before {
    content: "";
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 447 447" version="1.1" xml:space="preserve" style="fill:white; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M200.898,345.152c24.344,0 44.108,19.764 44.108,44.108c0,24.344 -19.764,44.108 -44.108,44.108c-24.344,0 -44.108,-19.764 -44.108,-44.108c0,-24.344 19.764,-44.108 44.108,-44.108Zm176.22,0c24.344,0 44.108,19.764 44.108,44.108c0,24.344 -19.764,44.108 -44.108,44.108c-24.344,0 -44.108,-19.764 -44.108,-44.108c0,-24.344 19.764,-44.108 44.108,-44.108Zm-288.464,-273.226l63.534,222.705c6.591,23.103 27.703,39.034 51.727,39.034l157.478,0c33.502,0 61.98,-24.47 67.023,-57.59c4.821,-31.664 11.838,-77.75 17.065,-112.081c2.869,-18.84 -2.626,-37.994 -15.046,-52.449c-12.42,-14.454 -30.529,-22.769 -49.586,-22.769l-235.394,0l-8.72,-30.567c-7.633,-26.757 -32.085,-45.209 -59.91,-45.209l-51.825,0c-13.798,0 -25,11.202 -25,25c0,13.798 11.202,25 25,25l51.825,0c5.494,0 10.321,3.643 11.829,8.926Zm71.066,66.85l221.129,0c4.482,0 8.741,1.956 11.663,5.355c2.921,3.4 4.213,7.905 3.539,12.337l-17.066,112.081c-1.323,8.693 -8.798,15.116 -17.592,15.116l-157.478,0c-1.693,0 -3.181,-1.122 -3.645,-2.751l-40.55,-142.138Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: baseline;
}

.wc-block-components-product-name {
    font-weight: 700;
}

.wc-block-cart-item__prices {
    font-size: 1rem;
}

.wc-block-components-product-metadata {
    display: none;
}

.wc-block-cart-items__row {
    border-bottom: solid 1px #ddd;
}

.wc-block-components-quantity-selector {
    border-radius: 10px !important;
}

.wc-block-components-quantity-selector button {
    font-size: 1rem !important;
    opacity: 1 !important;
    font-weight: bold !important;
    line-height: 1;
}

.wc-block-components-quantity-selector:after,
.wc-block-components-quantity-selector button {
    border: solid 1px #ddd !important;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    font-size: 1rem !important;
}

@media only screen and (min-width: 768px) {
    #open-filters > summary {
        display: none;
    }

    #open-filters summary {
        list-style: none;
        pointer-events: none;
    }
}

li.wc-block-product {
    position: relative;
    display: flex;
    flex-direction: column;
}

li.wc-block-product > .wp-block-group {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
}

li.wc-block-product > .wp-block-group .wc-block-components-product-price {
    display: flex;
    flex-direction: column;
}

.flashsale {
    min-height: 0;
    min-width: 0;
    transform-origin: center center;
    text-transform: uppercase;
    padding: 10px 10px 3px 10px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 5px;
    right: -30px;
    margin: 0;
    color: #fff;
    transform: rotate(45deg);
    z-index: 1;
    background-color: #6fb940;
    line-height: 1;
    border-radius: 0;
    display: inline-block;
    width: 100px;
    left: auto;
}

del {
    opacity: 0.5;
    background: var(--wp--preset--text-muted);
}

.woocommerce-ordering {
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 0;
}

.woocommerce-ordering:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 384" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M32.1,319.3l123.7,0c17.7,0 32.1,14.4 32.1,32.1c0,17.7 -14.4,32.1 -32.1,32.1l-123.7,0c-17.7,0.1 -32.1,-14.3 -32.1,-32c-0,-17.8 14.4,-32.2 32.1,-32.2Zm0,-159.6l285.7,-0c17.7,-0 32.1,14.4 32.1,32.1c0,17.7 -14.4,32.1 -32.1,32.1l-285.7,-0c-17.7,-0 -32.1,-14.4 -32.1,-32.1c-0,-17.7 14.4,-32.1 32.1,-32.1Zm-0,-159.7l447.7,-0c17.7,-0 32.1,14.4 32.1,32.1c0,17.7 -14.4,32.1 -32.1,32.1l-447.7,-0c-17.7,0.1 -32.1,-14.3 -32.1,-32.1c-0,-17.7 14.4,-32.1 32.1,-32.1Z" style="fill: rgba(122,118,119,1); fill-rule:nonzero;"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 5px;
}

.woocommerce-ordering .orderby {
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    cursor: pointer;
}

.woocommerce-ordering label {
    display: none;
}

.wc-block-product-gallery .taxonomy-product_tag,
li.wc-block-product > .wp-block-group .taxonomy-product_tag {
    position: absolute;
    left: 0;
    top: 1rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-self: flex-start;
    gap: 0.5rem;
}

.wc-block-product-gallery .taxonomy-product_tag {
    left: 0;
    top: 1rem;
}

.wc-block-product-gallery .taxonomy-product_tag a,
li.wc-block-product > .wp-block-group .taxonomy-product_tag a {
    font-size: .75rem;
    padding: 9px 14px;
    text-align: center;
    display: flex;
    align-self: flex-start;
    text-transform: uppercase;
    background: var(--wp--preset--color--tertiary);
    z-index: 1;
    color: #fff;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    z-index: 1;
    line-height: 1;
}

.wc-block-product-gallery .wp-block-post-terms__separator,
li.wc-block-product > .wp-block-group .wp-block-post-terms__separator {
    display: none;
}

.wc-block-product-gallery .taxonomy-product_tag a.uj,
li.wc-block-product > .wp-block-group .taxonomy-product_tag a.uj {
    background-color: #ff8d12;
}

.wc-block-product-gallery .taxonomy-product_tag a.ajandekok,
li.wc-block-product > .wp-block-group .taxonomy-product_tag a.ajandekok {
    background-color: #6fb940;
}

.wc-block-product-gallery .taxonomy-product_tag a.csomagban-kedvezobb,
li.wc-block-product > .wp-block-group .taxonomy-product_tag a.csomagban-kedvezobb {
    display: none !important;
}

.wc-block-product-gallery .taxonomy-product_tag a[class*="db-"],
li.wc-block-product > .wp-block-group .taxonomy-product_tag a[class*="db-"] {
    box-shadow: rgb(0 0 0 / 0%) 0px 1px 2px;
    background-color: var(--wp--preset--color--red);
    border-radius: 50% !important;
    position: absolute;
    padding: 0 !important;
    left: 2rem;
    top: 100%;
    width: 3rem;
    height: 3rem;
    line-height: 3rem !important;
    font-weight: bold;
    justify-content: center;
}




.wc-block-product-gallery .taxonomy-product_tag a.dijnyertes:before,
li.wc-block-product > .wp-block-group .taxonomy-product_tag a.dijnyertes:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 410 410" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M397.619,34.918c-8.192,-8.704 -19.814,-13.722 -31.795,-13.722l-38.144,0c0.154,-6.861 0.256,-13.926 0.256,-21.197l-246.016,0c0,7.27 0.102,14.336 0.256,21.197l-38.4,0c-11.981,0 -23.603,5.018 -31.795,13.722c-8.295,8.756 -12.595,20.736 -11.879,32.871c6.861,114.381 65.895,186.163 159.488,196.813l-18.125,63.078c-21.555,-0 -39.014,17.459 -39.014,39.014l0,42.906l205.005,-0l0,-42.906c0,-21.555 -17.459,-39.014 -39.014,-39.014l-18.125,-63.078c93.389,-10.752 152.371,-82.483 159.181,-196.813c0.716,-12.083 -3.584,-24.064 -11.879,-32.871Zm-356.608,30.413c-0.051,-1.126 0.41,-1.894 0.819,-2.304c0.768,-0.819 1.69,-0.819 1.946,-0.819l40.346,-0c6.093,80.538 23.859,126.208 41.114,152.013c-65.69,-27.546 -81.358,-101.12 -84.225,-148.89Zm243.61,148.736c17.254,-25.856 34.97,-71.475 41.062,-151.91l40.192,-0c0.307,-0 1.178,-0 1.946,0.819c0.41,0.41 0.87,1.178 0.819,2.304c-2.918,47.77 -18.534,121.139 -84.019,148.787Z" style="fill-rule:nonzero; fill:white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 6px;
}

.wc-block-product-gallery .taxonomy-product_tag a.xmas:before,
li.wc-block-product > .wp-block-group .taxonomy-product_tag a.xmas:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 385 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-63.5003,0)"><path d="M445.763,409.436L360.141,298.577L405.327,298.577C405.473,298.598 405.639,298.587 405.744,298.577C411.64,298.577 416.41,293.804 416.41,287.906C416.41,284.467 414.806,281.414 412.264,279.465L327.58,170.524L373.328,170.524C373.495,170.524 373.641,170.534 373.745,170.524C379.641,170.524 384.411,165.751 384.411,159.853C384.411,156.404 382.786,153.329 380.244,151.381L264.396,3.861C260.354,-1.287 251.646,-1.287 247.605,3.861L130.276,153.257C127.755,156.477 127.297,160.843 129.088,164.522C130.859,168.19 134.588,170.525 138.671,170.525L184.419,170.525L98.256,281.352C95.756,284.572 95.298,288.938 97.089,292.596C98.881,296.254 102.589,298.578 106.672,298.578L151.858,298.578L66.237,409.436C63.737,412.656 63.3,417.012 65.091,420.659C66.883,424.317 70.612,426.63 74.674,426.63L210.697,426.63C206.252,456.538 196.573,481.675 184.461,493.783C181.419,496.836 180.503,501.422 182.149,505.413C183.795,509.404 187.69,512 192.003,512L319.998,512C324.31,512 328.206,509.405 329.852,505.414C331.498,501.423 330.581,496.838 327.54,493.784C315.429,481.676 305.749,456.539 301.304,426.631L437.327,426.631C441.389,426.631 445.118,424.318 446.91,420.66C448.701,417.012 448.263,412.656 445.763,409.436Z" style="fill:white;fill-rule:nonzero;"/></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 6px;
}




body.term-borvalogatas li.wc-block-product > .wp-block-group .wc-block-components-product-image img {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.4));
}


body.term-borvalogatas li.wc-block-product .wp-block-cover > img {
    border-radius: 0 0 50% 50% / 0 0 5% 5%;
}

.wc-block-product .taxonomy-awards,
.wp-block-woocommerce-product-gallery .taxonomy-awards {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: absolute;
    right: 1rem;
    z-index: 100;
}

.wc-block-product .taxonomy-awards .taxonomy-awards .wp-block-post-terms__separator,
.wp-block-woocommerce-product-gallery .taxonomy-awards .wp-block-post-terms__separator {
    display: none;
}

.wc-block-product .taxonomy-awards img,
.wp-block-woocommerce-product-gallery .taxonomy-awards img {
    max-width: 48px;
}

.wc-block-product-gallery a.award,
li.wc-block-product > .wp-block-group a.award {
    pointer-events: none;
}

.wp-block-categories-list {
    list-style-type: none;
}

.wp-block-categories-list .cat-item {
    list-style-type: none;
}

.wp-block-categories-list .cat-item a {
    padding: 0.25rem 0;
    display: block;
}

.wp-block-categories-list .children {
    padding-left: 1rem;
}

.wp-block-categories-list .cat-item.cat-item-324 {
    display: none;
}

.free-ship {
    background: #e8efdf;
    text-align: left;
    color: #469100;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.25rem 0.75rem;

    left: 0;
    right: 0;
    top: 0;
    font-size: 12px;
    vertical-align: middle;
    line-height: 1;
    border-radius: 0.5rem 0.5rem 0 0;
    margin: 0;
}


.free-ship svg {
    fill: #469100;
    width: 1.5rem;
    height: auto;
}



.wc-block-components-product-stock-indicator.in_stock_color::before,
.in_stock_color.woo-custom-stock-status::before,
.single-product .wp-block-woocommerce-product-stock-indicator::before {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" style="fill: rgb(39 174 96); "><path d="m16.2469959 16.5474663c-18.4289396 18.6292572-18.3287825 48.7765999.3004723 67.2055397s48.7765961 18.3287888 67.2055359-.3004761 18.3287811-48.7765999-.3004761-67.2055359-48.7765903-18.3287835-67.2055321.3004723zm56.8893338 24.3382225-25.8405762 26.1410522c-2.2034607 2.2034531-5.8091202 2.2034531-8.0125809 0l-1.0015755-1.0015717-3.0047188-3.0047188-8.4132099-8.3130569c-2.2034607-2.2034607-2.2034607-5.8091202 0-8.0125809s5.8091221-2.2034607 8.0125828 0l8.4132156 8.3130531 21.8342896-22.0346031c2.2034607-2.2034626 5.8091278-2.2034626 8.0125809 0 2.2034607 2.1033021 2.2034607 5.7089654-.0000076 7.9124261z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 2px;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.wp-block-tag-cloud {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.wp-block-tag-cloud a {
    position: relative;
    margin: 0 5px 5px 0 !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 1rem !important;
    background: var(--wp--preset--color--sand);
}

.wp-block-tag-cloud a:hover {
    color: white;
    background: var(--wp--preset--color--accent);
}

#top-nav select {
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    cursor: pointer;
    font-family: inherit;
    color: #fff !important
}

#top-nav option {

    color: #000 !important
}

.wc-price-based-country select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
}

.trp-language-switcher {
    height: auto;
    width: auto;
}

.trp-language-switcher > div {
    box-sizing: border-box;
    padding: 0;
    border: none;
    border-radius: 0;
    background-image: none;
}

.trp-language-switcher > div > a {
    padding: 0;
    color: inherit;
    font-style: normal;
    font-weight: inherit;
    font-size: 1rem;
}

.trp-language-switcher:hover .trp-ls-shortcode-language {
    padding: 0;
}

/* woo */
.woocommerce form .form-row {
    padding: 0;
}

.woocommerce-page table.shop_table {
    width: 100%;
}

.woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 !important
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    border-color: color-mix(in srgb, currentColor 30%, transparent);
}

.woocommerce-billing-fields p,
.woocommerce-shipping-fields p {
    position: relative;
}

.woocommerce-billing-fields .form-row label,
.woocommerce-shipping-fields .form-row label,
.woocommerce-additional-fields label {
    font-size: smaller;
    left: 0.75rem;
    margin: 0;
    max-width: calc(100% - 32px);
    line-height: 1 !important;
    top: 0.5rem;
    transition: all .2s ease;
}

.woocommerce-billing-fields input:not([type="checkbox"]):not([type="radio"]),
.woocommerce-billing-fields select,
.woocommerce-shipping-fields input:not([type="checkbox"]):not([type="radio"]),
.woocommerce-shipping-fields select {
    height: auto !important;
    width: 100%;
    margin: 0 !important;
    font-size: inherit !important;
}

.wp-block-query-pagination-numbers {
    display: flex;
    gap: 10px
}

.wp-block-query-pagination-numbers span,
.wp-block-query-pagination-numbers a {
    border-color: #0000001a;
    border-width: 1px;
    box-shadow: var(--wp--preset--shadow--sm);
    background: #fff;
    width: auto;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    aspect-ratio: 1/1 !important;
    border-radius: 50%;
    display: inline-block
}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
    border-color: #0000001a;
    border-width: 1px;
    box-shadow: var(--wp--preset--shadow--sm);
    background: #fff;
    width: auto;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 3rem;
    padding: 0 1rem
}

.wc-block-components-product-stock-indicator--out-of-stock,
.out-of-stock {
    color: red;
}

.wc-block-product.outofstock .wp-element-button {
    background: #ccc !important
}

.wc-block-product-categories-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

.wc-block-product-categories-list-item a {
    position: relative;
    margin: 0 10px 10px 0 !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 1rem !important;
    background: var(--wp--preset--color--sand); display: inline-block;
}

#open-filters summary {
    margin-bottom: 1rem;
}

#open-filters > summary {
    list-style: none;
    border: solid 1px #ccc;
    padding: 0.5rem 1rem;
    border-radius: 3rem;
}

#open-filters > summary::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="icons" height="512" viewBox="0 0 64 64" width="512"><path d="m53.39 8h-42.78a5.61 5.61 0 0 0 -4.15 9.38l18.54 20.39v19.23a2 2 0 0 0 1.13 1.8 1.94 1.94 0 0 0 .87.2 2 2 0 0 0 1.25-.44l3.75-3 6.25-5a2 2 0 0 0 .75-1.56v-11.23l18.54-20.39a5.61 5.61 0 0 0 -4.15-9.38z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

#open-filters[open] > summary::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="icons" height="512" viewBox="0 0 64 64" width="512"><path d="m53.39 8h-42.78a5.61 5.61 0 0 0 -4.15 9.38l18.54 20.39v19.23a2 2 0 0 0 1.13 1.8 1.94 1.94 0 0 0 .87.2 2 2 0 0 0 1.25-.44l3.75-3 6.25-5a2 2 0 0 0 .75-1.56v-11.23l18.54-20.39a5.61 5.61 0 0 0 -4.15-9.38z"/></svg>');
}

#open-filters > .wp-block-group {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease, padding 0.8s ease;
}

#open-filters[open] > .wp-block-group {
    max-height: 2200px;
}

.wc-block-mini-cart__badge {
    color: #fff;
}

.wc-block-components-drawer__close {
    background: red;
}

.woocommerce table.shop_attributes {
    border-top: none !important;
}

.woocommerce-product-attributes {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 0 !important;
}

.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    background: none !important;
    padding: 0 !important;
    border-bottom: none !important;
    font-style: normal !important;
    vertical-align: top;
    display: inline;
}

.woocommerce table.shop_attributes th {
    width: max-content;
    padding-right: 0.5rem !important;
    white-space: nowrap;
}

.woocommerce table.shop_attributes td p {
    margin: 0;
    padding: 0 !important;
    display: inline;
}

.woocommerce table.shop_attributes th:after {
    content: ":";
}

.woocommerce-product-attributes tbody {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0.5rem;
    border: none;
}

.marquee {
    overflow: hidden;
    position: relative;
}

.marquee-content {
    white-space: nowrap;
    animation: marquee 30s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.grecaptcha-badge {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    ul.wc-block-product-template {
        grid-gap: 8px;
    }

    .wc-block-product-gallery a.award,
    li.wc-block-product > .wp-block-group .taxonomy-awards {
        max-width: 2.5rem;
        right: 0.5rem;
    }

    li.wc-block-product > .wp-block-group .taxonomy-awards img {
        max-width: 32px;
    }

    body.term-borvalogatas li.wc-block-product .wp-block-cover .wp-block-woocommerce-product-image {
        margin-bottom: -2rem !important
    }

    #top-nav {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    #top-nav .wp-block-navigation__responsive-container.has-modal-open {
        position: absolute !important;
        width: 100%;
        z-index: 100;
        display: block;
        background: #fff;
    }

    .wp-block-search,
    #tel br,
    #top-nav p {
        display: none !important
    }

    #main-menu {
        padding: 0 !important
    }

    #account-menu {
        justify-content: flex-start;
    }

    header {
        --wp--preset--spacing--xl: 1rem;
    }

    header .is-layout-flex {
        gap: 0.75rem;
    }

    #float-cart.sticky {
        bottom: 2rem;
        right: 2rem;
    }

    #home-slider .wp-block-columns {
        gap: 0;
    }

    #home-slider .wp-block-column:first-of-type {
        order: 2;
    }

    li.wc-block-product h3 {
        font-size: 1.1rem !important
    }

    .wc-block-product-gallery .taxonomy-product_tag a,
    li.wc-block-product > .wp-block-group .taxonomy-product_tag a {
        font-size: .6rem;
        padding: 4px 10px;
    }
}

.payment_box {
    font-size: 0.9rem !important
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: var(--wp--preset--color--sand);
}

body.woocommerce-cart #float-cart,
.woocommerce-checkout #float-cart,
span.optional,
.woocommerce-review-link,
.woocommerce-Tabs-panel--reviews {
    display: none;
}

.wp-block-woocommerce-product-gallery {
    position: relative;
}

.woo-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.woo-categories > div a {
    display: flex;
    align-items: center;
    color: inherit;
    border-radius: 0.5rem;
    padding-top: var(--wp--preset--spacing--s);
    padding-right: var(--wp--preset--spacing--s);
    padding-bottom: var(--wp--preset--spacing--s);
    padding-left: var(--wp--preset--spacing--s);
    box-shadow: var(--wp--preset--shadow--sm);
}

.woo-categories > div a:hover {
    color: var(--wp--preset--color--merlot);
}

.woo-categories > div img {
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

#etelek .wp-block-cover {
    position: relative;
}

#etelek .wp-block-cover .wp-block-cover__inner-container,
#etelek .wp-block-cover .wp-block-cover__inner-container a {
    position: absolute;
    
    top: 0;
    left: 0; bottom: 0; right: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

#etelek .wp-block-cover .wp-block-cover__inner-container a {
    padding: 1rem;
}

@media only screen and (max-width: 480px) {
    #etelek {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }


    .wp-block-woocommerce-product-filters.sticky {
        position: fixed;
        z-index: 9999;
        bottom: 7rem;
        left: 0rem;
        border-radius: 0 2rem 2rem 0;
        padding: 10px;
        background: var(--wp--preset--color--secondary);
    }




}



.wp-block-woocommerce-product-image-gallery .onsale {
    display: none;
}



.wc-block-components-drawer__screen-overlay {
    z-index: 99999;


}




.xmas a span {
    background-color: #11609e !important;
    color: #fff;
    padding: 8px;

}

.xmas a span:hover {
    background-color: #11609e !important;


}



ul.kerdes {
    max-width: 100px !important;
}


.pezsgo-februar {
    background-color: #484fb3 !important;
}



#shipping-method .components-button-group {
    display: block;
}



#select2-wc-gls-select-results ul {

    z-index: 100;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;

}


.woocommerce ul#shipping_method li {
    border: solid 1px #aaa;

    margin: 0;

    margin: 5px;
    padding: 20px 10px;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    gap: 10px;
}

.woocommerce ul#shipping_method li > span {
    display: block;
}

.woocommerce ul#shipping_method li img {
    margin-bottom: 10px;
    display: block;
}

.woocommerce ul#shipping_method li label {
    font-weight: normal;
    margin: 0;
}

.woocommerce-page form .form-row .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: inherit;
}





/* Alap elrendezés: a táblázatot helyettesítő konténer */
.shop_table.woocommerce-checkout-review-order-table {
    display: block;
    width: 100% !important;
    border-collapse: separate;
}

/* Sorok (TR helyett) - Flexbox-szal egymás mellé tesszük a tartalmat */
.shop_table.woocommerce-checkout-review-order-table .tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
}

/* Cella imitációk (TH és TD helyett) */
.shop_table.woocommerce-checkout-review-order-table .th,
.shop_table.woocommerce-checkout-review-order-table .td {
    flex: 1;
}

.shop_table.woocommerce-checkout-review-order-table .td {
    text-align: right;
}

/* Termék neve balra, ára jobbra */
.product-name.th,
.product-name.td {
    text-align: left;
    flex: 2;
    /* A névnek több helyet hagyunk */
}

/* Összesítő sorok (Subtotal, Total) */
.order-total.tr {
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: none;
    margin-top: 10px;
}



/* Ha az li-ben lévő radio checked, akkor az egész li kapjon stílust */
ul#shipping_method li:has(input.shipping_method:checked) {
    background: #e8f5e9;
    border-color: #2e7d32;
    border-width: 2px;

}




/* Alap before ikon */
#shipping_method input.shipping_method + label::before {
    content: "";
    display: inline-block;
    width: 64px;
    height: 32px;
    margin-right: 10px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Telephelyi átvétel */
#shipping_method input.shipping_method[value^="pickup_location"] + label::before {
    background-image: url("https://borsuttogo.hu/wp-content/themes/myfive/img/pickup.svg");
}

/* GLS házhozszállítás */
#shipping_method input.shipping_method[value^="flat_rate:33"] + label::before,
#shipping_method input.shipping_method[value^="free_shipping:8"] + label::before {
    background-image: url("https://borsuttogo.hu/wp-content/themes/myfive/img/gls.svg");
}

/* GLS / csomagpont */
#shipping_method input.shipping_method[value^="wc_gls_pont"] + label::before {
    background-image: url("https://borsuttogo.hu/wp-content/themes/myfive/img/csomagpont.svg");
}

/* Magyar Posta / flat rate */
#shipping_method input.shipping_method[value^="flat_rate:26"] + label::before {
    background-image: url("https://borsuttogo.hu/wp-content/themes/myfive/img/posta.svg");
}


ul.woof_list li {
    display: flex;
    align-items: center;
    gap: 5px;
}

.woof_list label {
    margin: 0;
}

#aside-filter,
.woof_autohide_wrapper,
.close-filter-box {
    display: none;
}

#aside-filter-box p {
    margin: 0;
}


@media screen and (max-width: 768px) {
    .woocommerce.wc-block-breadcrumbs {
        margin: 0;
    }

    .archive.woocommerce main.wp-block-group > div {
        margin: 0;
        gap: 0;
    }

    #aside-filter {
        position: fixed;
        z-index: 1000;
        bottom: 5rem;
        left: 1.5rem;
        background: var(--wp--preset--color--primary);
        padding: .5rem 1rem;
        color: var(--wp--preset--color--secondary);
        font-weight: 700;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        border-radius: 2rem;
        cursor: pointer;
        box-shadow: var(--wp--preset--shadow--sm)
    }

    #aside-filter svg {
        margin-right: .5rem;
        width: 1.5rem;
        height: 1.5rem
    }

    #aside-filter-box {
        position: fixed;
        top: 0;
        left: -340px;
        overflow-y: auto;
        padding: 1.25rem;
        box-shadow: 0 1px 10px rgb(0 0 0/20%);
        width: 340px;
        height: 100%;
        z-index: 10000000;
        background: #fff;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out
    }


    #aside-filter-box.show-filter #aside-filter {
        display: none;
    }

    #aside-filter-box.show-filter {
        left: 0
    }

    .close-filter-box {
        background: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--secondary);
        padding: 10px;
        border-radius: 50%;
        position: absolute;
        top: 1rem;
        right: 1rem;
        display: block;
        cursor: pointer
    }

    .close-filter-box svg {
        width: .75rem;
        height: .75rem;
        display: block
    }

    .close-filter-box svg path {
        fill: #fff
    }

}



/* Szűrők törlése gomb */

.woof_reset_search_form,
.woof_reset_button_2,
.woof_reset_button {

    background: var(--wp--preset--color--primary);
    padding: .5rem 1rem;
    color: var(--wp--preset--color--secondary);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s ease;
}



.product-cover {
    overflow: initial;
    border-bottom-left-radius: 50% 6%;
    border-bottom-right-radius: 50% 6%;
}