
.wc-block-customer-account__link{
 gap:clamp(0.375rem, 0.42vw, 0.5rem)
}

/* A sima Fiókom/Profil oldal nyilvános fejlécében is keretes a profilmező. */
body.woocommerce-account header:not(:has(.profil-fejlec)) :is(
    .wc-block-customer-account__toggle,
    .wc-block-customer-account__link
) {
    border: 0.0625rem solid #FFFCF9 !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
}

.wc-block-mini-cart__icon{
opacity: 0
}
.wc-block-mini-cart__button span{
    background: url(../img/icons/cart.svg) no-repeat center center;
    background-size: contain;
    height: 1.25rem !important;
    
}

header nav li, header nav li a span{
    transition: all 0.2s ease-in-out
}

header nav li a, header nav li.current-menu-item a{
    padding: clamp(0.375rem, 0.42vw, 0.5rem) clamp(0.5rem, calc(0.83vw - 0.25rem), 0.75rem);
    transition: all 0.2s ease-in-out;
    border-radius: 4px
}

header .wp-block-navigation {
    box-sizing: border-box;
    min-height: clamp(4.25rem, 4vw, 5rem);
}

header > .wp-block-group.alignfull:first-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
    margin-left: 0;
    margin-right: 0.5rem;
}

@media (min-width: 1281px) {
    header nav .wp-block-navigation-item {
        border-radius: 0.25rem;
        transition: background-color 0.2s ease-in-out;
    }

    header nav .wp-block-navigation-item:hover,
    header nav .wp-block-navigation-item.current-menu-item {
        color: var(--wp--preset--color--dark-walnut) !important;
        background: #ffffff;
    }

    header nav .wp-block-navigation-item:hover > a,
    header nav .wp-block-navigation-item.current-menu-item > a {
        background: transparent;
    }

    header nav .wp-block-navigation-item:hover > a span,
    header nav .wp-block-navigation-item.current-menu-item > a span,
    header nav .wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon,
    header nav .wp-block-navigation-item.current-menu-item > .wp-block-navigation__submenu-icon {
        color: var(--wp--preset--color--dark-walnut) !important;
        font-weight: 400;
    }
}

/* Override breakpoint */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
    background: var(--wp--preset--color--primary);
    border-radius: 50%;
    padding: 10px;
}

body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
}

@media (min-width: 1281px) {
    body .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}

@media only screen and (min-width: 1281px) {
    ul.wp-block-navigation-submenu {
        padding: 1vw 0.75vw;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.15);
        transition-duration: 0.2s !important;
        min-width: max-content !important;
        font-size: smaller;
        border: none !important;
        color: inherit;
        overflow: hidden !important;
        left: -1.5vw !important;
        border-radius: 1rem;
    }

    /* A Szakértőink menüpontot tartalmazó desktop almenü a profil lenyílójának
       szerkezetét követi: fehér, keret nélküli és szögletes doboz. */
    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ) > .wp-block-navigation__submenu-container {
        padding: 0 !important;
        background: #FFFFFF !important;
        border: 0 !important;
        border-radius: 0 !important;
        left: auto !important;
        right: 0 !important;
    }

    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ):is(:hover, :focus-within),
    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ):is(:hover, :focus-within) > .wp-block-navigation-item__content {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ) > .wp-block-navigation__submenu-container > .wp-block-navigation-item,
    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ) > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
        box-sizing: border-box;
        width: 100%;
        background: #FFFFFF;
        border: 0 !important;
        border-radius: 0 !important;
    }

    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ) > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
        padding: 1.125rem 1.5rem !important;
        color: var(--wp--preset--color--dark-walnut, #633521) !important;
        white-space: nowrap;
    }

    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ) > .wp-block-navigation__submenu-container > .wp-block-navigation-item:is(:hover, :focus-within),
    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ) > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:is(:hover, :focus-visible) {
        background: var(--wp--preset--color--dark-linen, #EFE6E0) !important;
        color: var(--wp--preset--color--dark-walnut, #633521) !important;
    }

    header .wp-block-navigation-item.has-child:has(
        > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content[href*="/szakertoink/"]
    ) > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:is(:hover, :focus-visible) span {
        color: var(--wp--preset--color--dark-walnut, #633521) !important;
    }

    /*3. level */
    header .wp-block-navigation ul:has(li.has-child) {
        display: flex !important;
        flex-direction: row !important;
    }

    header .wp-block-navigation .has-child .has-child {
        display: block !important;
    }

    header .wp-block-navigation .has-child .has-child a + button {
        display: none !important;
    }

    header .wp-block-navigation .has-child .has-child > a {
        text-transform: uppercase;
    }

    header .wp-block-navigation .has-child .has-child ul {
        display: block !important;
        opacity: 1 !important;
        overflow: visible !important;
        visibility: visible !important;
        position: relative !important;
        left: 0 !important;
        border: none !important;
        box-shadow: none !important;
        height: auto !important;
        padding: 0;
    }
}

@media only screen and (max-width: 1280px) {
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        box-sizing: border-box;
        width: 100%;
        color: var(--wp--preset--color--dark-walnut, #633521) !important;
        font-size: 1.125rem !important;
        padding: 0.75rem 1.25rem 0.75rem 0.75rem !important;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account {
        box-sizing: border-box;
        align-self: stretch;
        width: 100%;
        margin: 0;
        color: var(--wp--preset--color--dark-walnut, #633521) !important;
        background: var(--wp--preset--color--white, #fffcf9);
        border-top: 0.0625rem solid #815B4A;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .wc-block-customer-account__toggle,
    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .wc-block-customer-account__link {
        box-sizing: border-box;
        width: 100%;
        padding: 0.75rem 1.25rem 0.75rem 0.75rem !important;
        color: inherit !important;
        background: transparent;
        border: 0;
        border-radius: 0;
        text-decoration: none;
        cursor: pointer;
        font-size: 1.125rem;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .profil-menu-csoportcim__nyil {
        pointer-events: none;
        color: inherit !important;
        background: none !important;
        -webkit-mask: none;
        mask: none;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account :is(.wc-block-customer-account__toggle, .profil-menu-csoportcim):is(:hover, :active, :focus-visible) :is(.wc-block-customer-account__caret, .profil-menu-csoportcim__nyil) {
        color: #FFFCF9 !important;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .wc-block-customer-account__account-icon {
        width: 1.0625rem;
        height: 1.125rem;
        color: inherit !important;
        background-color: currentColor !important;
        background-image: none !important;
        -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18"%3E%3Cpath d="M8.4 7.2C10.3882 7.2 12 5.58823 12 3.6C12 1.61177 10.3882 0 8.4 0C6.41177 0 4.8 1.61177 4.8 3.6C4.8 5.58823 6.41177 7.2 8.4 7.2Z"/%3E%3Cpath d="M0 18C0 13.3608 3.76081 9.6 8.4 9.6C13.0392 9.6 16.8 13.3608 16.8 18H0Z"/%3E%3C/svg%3E') center / contain no-repeat;
        mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18"%3E%3Cpath d="M8.4 7.2C10.3882 7.2 12 5.58823 12 3.6C12 1.61177 10.3882 0 8.4 0C6.41177 0 4.8 1.61177 4.8 3.6C4.8 5.58823 6.41177 7.2 8.4 7.2Z"/%3E%3Cpath d="M0 18C0 13.3608 3.76081 9.6 8.4 9.6C13.0392 9.6 16.8 13.3608 16.8 18H0Z"/%3E%3C/svg%3E') center / contain no-repeat;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .label {
        flex: 1;
        color: inherit !important;
        text-align: left;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .wc-block-customer-account__dropdown {
        position: static;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: none;
        color: inherit !important;
        background: inherit;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .wc-block-customer-account__dropdown-item {
        box-sizing: border-box;
        padding: 0.75rem 1.25rem 0.75rem 1.5rem !important;
        color: inherit;
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.5;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .profil-menu-csoportcim {
        font-size: 1.125rem;
        padding: 0.75rem 1.25rem 0.75rem 1.5rem;
    }

    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
        margin-right: 1.25rem;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account .wc-block-customer-account__dropdown-divider {
        margin: 0.75rem 0;
        background: #fff;
    }

    .is-responsive.wp-block-navigation {
        gap: 0;
    }

    header .wp-block-navigation.is-responsive {
        justify-content: flex-end !important;
    }

    header .wp-block-navigation .wp-block-navigation-item {
        width: 100%;
        flex-direction: row !important;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center !important;
        min-height: 32px;
    }

    header .wp-block-navigation .wp-block-navigation-item ul {
        width: calc(100% - 1.5rem) !important;
        flex-shrink: 0;
        padding: 0rem 0 0 1.5rem !important;
    }

    /* A külön Navigation Overlay szülő sora a Profil menü „Beállítások” gombjának
       mintáját követi: egy flexsor, teljes szélesség, cím balra, nyíl jobbra. */
    header .wp-block-navigation__overlay-container .wp-block-navigation-item.has-child {
        background: transparent;
        border-radius: 0;
        gap: 0 !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
        box-sizing: border-box;
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        background: transparent !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon {
        position: static !important;
        align-self: center;
        flex: 0 0 3.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 2.75rem;
        margin: 0 0.25rem 0 0;
        color: inherit;
        background: transparent !important;
        border-radius: 0;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation__container > .wp-block-navigation-item:hover {
        background: var(--menu-overlay-hover, var(--wp--preset--color--bronze-spice, #AE5529));
        color: var(--wp--preset--color--parchment, #FFFCF9) !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation__container > .wp-block-navigation-item:hover > :is(.wp-block-navigation-item__content, .wp-block-navigation__submenu-icon) {
        background: transparent !important;
        color: inherit !important;
    }

    header:has(.has-bronze-spice-background-color) .wp-block-navigation__overlay-container {
        --menu-overlay-hover: var(--wp--preset--color--bronze-spice, #AE5529);
    }

    header:has(.has-burnt-rose-background-color) .wp-block-navigation__overlay-container {
        --menu-overlay-hover: var(--wp--preset--color--burnt-rose, #833742);
    }

    header:has(.has-dark-walnut-background-color) .wp-block-navigation__overlay-container {
        --menu-overlay-hover: var(--wp--preset--color--coffee-bean, #815B4A);
    }

    header:not(:has(.profil-fejlec)):has(.has-dark-walnut-background-color) .wp-block-navigation__overlay-container {
        --menu-overlay-hover: var(--wp--preset--color--bronze-spice, #AE5529);
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
        box-sizing: border-box;
        flex: 0 0 100%;
        width: 100% !important;
        min-width: 100% !important;
        background: var(--wp--preset--color--white, #FFFFFF) !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container > .wp-block-navigation-item {
        box-sizing: border-box;
        width: 100%;
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        box-sizing: border-box;
        width: 100%;
        color: inherit !important;
        background: transparent !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container > .wp-block-navigation-item:is(:hover, :focus-within) {
        background: var(--menu-overlay-hover, var(--wp--preset--color--bronze-spice, #AE5529)) !important;
        color: var(--wp--preset--color--parchment, #FFFCF9) !important;
        border-radius: 0;
    }

    header .wp-block-navigation-item {
        border-bottom: solid 1px var(--wp--preset--color--primary) !important;
    }

    header .wp-block-navigation-item.has-child li {
        padding: 0;
        border-bottom: none !important;
        min-height: auto;
    }

    header .wp-block-navigation__responsive-container button[aria-expanded="true"] {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation__submenu-icon {
        transform: none !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation__submenu-icon svg {
        width: 10px !important;
        height: 6px !important;
        transition: none !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
        transform: rotate(180deg);
    }

    header .wp-block-navigation__responsive-container.is-menu-open {
        padding: 0 !important;
    }

    header .wp-block-navigation__responsive-container.is-menu-open :is(
        .wp-block-navigation__responsive-close,
        .wp-block-navigation__responsive-dialog,
        .wp-block-navigation__responsive-container-content,
        .wp-block-navigation__container
    ) {
        box-sizing: border-box;
        width: 100%;
    }

    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
    }

    header .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account :is(
        .wc-block-customer-account__toggle,
        .wc-block-customer-account__link
    ) {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1rem;
    }

    #main-menu {
        padding: 0 !important;
        border-bottom: 2px solid var(--wp--preset--color--primary);
    }
    
    header {
        --wp--preset--spacing--l: 1rem;
    }
}

ul.wp-block-navigation-submenu {
    font-size: smaller;
}

header .wp-block-navigation a:hover {
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    width: 2.75rem;
    margin: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon svg {
    height: 1rem;
    width: 1rem;
}

/* Submenu open/close animation – a klasszikus reszponzív menüben és a külön
   Navigation Overlay sablonrészekben ugyanazzal a lefelé toló működéssel. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon[aria-expanded="false"] + ul,
.wp-block-navigation__overlay-container .wp-block-navigation.is-vertical .wp-block-navigation-item.has-child:not(.is-almenu-open) > .wp-block-navigation__submenu-container {
    position: static !important;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: max-height 0.7s ease, opacity 0.7s ease;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon[aria-expanded="true"] + ul,
.wp-block-navigation__overlay-container .wp-block-navigation.is-vertical .wp-block-navigation-item.has-child.is-almenu-open > .wp-block-navigation__submenu-container {
    position: static !important;
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    transition: max-height 0.7s ease, opacity 0.7s ease;
}

.wp-block-navigation__overlay-container .wp-block-navigation.is-vertical .wp-block-navigation__submenu-icon + ul {
    transition: none !important;
}

.wp-block-navigation-submenu__toggle,
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

header .wp-block-navigation ul.wp-block-navigation-submenu a {
    padding: .5rem 0.75rem !important;
}

.wc-block-mini-cart__badge{
    color: #FFFCF9 !important;
}

@media only screen and (max-width: 781px) {
    header .wp-block-paragraph:has(> a[href$="/kosar/"]) {
        display: none !important;
    }

    header:not(:has(.profil-fejlec)) nav.wp-block-navigation {
        order: 2;
    }

    header:not(:has(.profil-fejlec)) nav.wp-block-navigation + .wp-block-group {
        order: 1;
    }
}

/* A nyilvános fejléc megnyitott mobilmenüje ugyanazt a méretezést és
   igazítást használja, mint a Mentorprogram mobilmenüje. A színvilágot
   továbbra is a fejléc saját (La Madre) hover-szabályai adják. */
@media only screen and (max-width: 1280px) {
    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open {
        box-sizing: border-box;
        width: 100vw;
        max-width: none;
        padding: 0 !important;
        color: var(--wp--preset--color--dark-walnut, #633521);
        background: var(--wp--preset--color--white, #FFFCF9);
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open :is(
        .wp-block-navigation__responsive-close,
        .wp-block-navigation__responsive-dialog,
        .wp-block-navigation__responsive-container-content,
        .wp-block-navigation__container
    ) {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 0;
        padding: 0.75rem 1.25rem 0.75rem 0.75rem !important;
        color: var(--wp--preset--color--dark-walnut, #633521) !important;
        font-size: 1.125rem !important;
        line-height: 1.5;
        text-align: left;
        border-radius: 0 !important;
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon {
        flex: 0 0 2.75rem;
        margin: 0 1.25rem 0 0;
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
        flex: 0 0 100%;
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__responsive-container-content .wp-block-woocommerce-customer-account {
        align-self: stretch;
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        margin: 0;
    }
}

/* A profil lenyíló menüje desktopon és a mobil navigációban is ugyanazt a
   belső méretezést használja. */
header :where(.wp-block-woocommerce-customer-account) .wc-block-customer-account__dropdown {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    color: var(--wp--preset--color--dark-walnut, #633521) !important;
    font-size: 1.125rem !important;
}

header :where(.wp-block-woocommerce-customer-account) a.wc-block-customer-account__dropdown-item {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 1.125rem 1.5rem !important;
    color: var(--wp--preset--color--dark-walnut, #633521) !important;
    font-size: 1.125rem !important;
}

header :where(.wp-block-woocommerce-customer-account) a.wc-block-customer-account__dropdown-item[href*="customer-logout"] {
    background: rgba(216, 53, 53, 0.1) !important;
    color: var(--wp--preset--color--burnt-rose, #833742) !important;
}

.page-template-tagsagi-oldal header :where(.wp-block-woocommerce-customer-account) .wc-block-customer-account__toggle:hover,
.page-template-tagsagi-oldal header :where(.wp-block-woocommerce-customer-account) .wc-block-customer-account__link:hover,
.page-template-tagsagi-oldal header :where(.wp-block-woocommerce-customer-account) .profil-menu-csoportcim:hover,
.page-template-tagsagi-oldal header :where(.wp-block-woocommerce-customer-account) a.wc-block-customer-account__dropdown-item:hover,
.page-template-tagsagi-oldal header :where(.wp-block-woocommerce-customer-account) a.wc-block-customer-account__dropdown-item:focus-visible {
    background: #815B4A !important;
    color: #FFFFFF !important;
}

header :where(.wp-block-woocommerce-customer-account) .wc-block-customer-account__dropdown-divider {
    display: none !important;
}

header :where(.wp-block-woocommerce-customer-account) .profil-menu-csoportcim {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1.125rem 1.5rem;
    background: #FFFFFF;
    color: var(--wp--preset--color--dark-walnut, #633521) !important;
    border: 0;
    font-family: inherit;
    font-size: 1.125rem;
    font-weight: inherit;
    text-align: left;
    cursor: pointer;
    transform: none !important;
}

header :where(.wp-block-woocommerce-customer-account) .profil-menu-csoportcim[aria-expanded="true"],
header :where(.wp-block-woocommerce-customer-account) .profil-menu-csoportcim[aria-expanded="false"] {
    transform: none !important;
}

header :where(.wp-block-woocommerce-customer-account) .profil-menu-csoportcim__nyil {
    width: 0.625rem;
    height: 0.375rem;
    flex-shrink: 0;
    background: none;
    transition: transform 0.2s ease;
}

header :where(.wp-block-woocommerce-customer-account) [data-profil-beallitas-elem] {
    display: none !important;
}

header :where(.wp-block-woocommerce-customer-account).is-beallitasok-open [data-profil-beallitas-elem] {
    display: block !important;
    background: #EFE6E0 !important;
}

header :where(.wp-block-woocommerce-customer-account).is-beallitasok-open a[data-profil-beallitas-elem][href*="edit-address"] {
    margin-bottom: 0.5rem;
}

header :where(.wp-block-woocommerce-customer-account).is-beallitasok-open .profil-menu-csoportcim {
    background: #EFE6E0;
    color: var(--wp--preset--color--dark-walnut, #633521);
    font-weight: 400;
}

.page-template-tagsagi-oldal header :where(.wp-block-woocommerce-customer-account).is-beallitasok-open [data-profil-beallitas-elem]:hover,
.page-template-tagsagi-oldal header :where(.wp-block-woocommerce-customer-account).is-beallitasok-open [data-profil-beallitas-elem]:focus-visible {
    background: #815B4A !important;
    color: #FFFFFF !important;
}

header :where(.wp-block-woocommerce-customer-account).is-beallitasok-open .profil-menu-csoportcim__nyil {
    transform: rotate(180deg);
}

@media (min-width: 1281px) {
    header :where(.wp-block-woocommerce-customer-account) .wc-block-customer-account__dropdown {
        width: max-content !important;
        min-width: 18rem !important;
    }

    header :where(.wp-block-woocommerce-customer-account) a.wc-block-customer-account__dropdown-item {
        white-space: nowrap;
    }
}

@media (max-width: 1280px) {
    header:has(.has-bronze-spice-background-color) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account .wc-block-customer-account__toggle:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account .wc-block-customer-account__link:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account .profil-menu-csoportcim:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account a.wc-block-customer-account__dropdown-item:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account a.wc-block-customer-account__dropdown-item:focus-visible {
        background: #AE5529 !important;
        color: #FFFCF9 !important;
    }

    header:has(.has-bronze-spice-background-color) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account :is(.wc-block-customer-account__toggle, .wc-block-customer-account__link, .profil-menu-csoportcim, .wc-block-customer-account__dropdown-item):active {
        background: #AE5529 !important;
        color: #FFFCF9 !important;
    }
}

/* A sima Profil fejléc mobil overlayének barna hoverállapota. */
@media (max-width: 1280px) {
    header:has(.profil-fejlec):has(.has-dark-walnut-background-color) .wp-block-navigation__overlay-container :is(
        .wp-block-navigation-item__content,
        .wc-block-customer-account__toggle,
        .wc-block-customer-account__link,
        .profil-menu-csoportcim,
        .wc-block-customer-account__dropdown-item
    ):is(:hover, :active, :focus-visible) {
        background: var(--wp--preset--color--coffee-bean, #815B4A) !important;
        color: var(--wp--preset--color--white, #FFFFFF) !important;
    }
}

/* Mentorprogram fejléc: Burnt Rose hover desktopon és a mobil menüben. */
header:has(.has-burnt-rose-background-color) .wp-block-woocommerce-customer-account .wc-block-customer-account__toggle:hover,
header:has(.has-burnt-rose-background-color) .wp-block-woocommerce-customer-account .wc-block-customer-account__link:hover,
header:has(.has-burnt-rose-background-color) .wp-block-woocommerce-customer-account .profil-menu-csoportcim:hover,
header:has(.has-burnt-rose-background-color) .wp-block-woocommerce-customer-account a.wc-block-customer-account__dropdown-item:hover,
header:has(.has-burnt-rose-background-color) .wp-block-woocommerce-customer-account a.wc-block-customer-account__dropdown-item:focus-visible {
    background: var(--wp--preset--color--burnt-rose, #833742) !important;
    color: #FFFCF9 !important;
}

@media (max-width: 1280px) {
    header:has(.has-burnt-rose-background-color) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
    header:has(.has-burnt-rose-background-color) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
        background: var(--wp--preset--color--burnt-rose, #833742) !important;
        color: #FFFCF9 !important;
    }

    header:has(.has-burnt-rose-background-color) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active,
    header:has(.has-burnt-rose-background-color) .wp-block-woocommerce-customer-account :is(.wc-block-customer-account__toggle, .wc-block-customer-account__link, .profil-menu-csoportcim, .wc-block-customer-account__dropdown-item):active {
        background: var(--wp--preset--color--burnt-rose, #833742) !important;
        color: #FFFCF9 !important;
    }

    header:has(.has-bronze-spice-background-color) :is(.wp-block-navigation-item__content, .wc-block-customer-account__toggle, .wc-block-customer-account__link, .profil-menu-csoportcim, .wc-block-customer-account__dropdown-item):is(:hover, :active, :focus-visible),
    header:has(.has-burnt-rose-background-color) :is(.wp-block-navigation-item__content, .wc-block-customer-account__toggle, .wc-block-customer-account__link, .profil-menu-csoportcim, .wc-block-customer-account__dropdown-item):is(:hover, :active, :focus-visible) {
        border-radius: 0 !important;
        color: #FFFCF9 !important;
    }

    header:has(.has-bronze-spice-background-color) :is(.wp-block-navigation-item__content, .wc-block-customer-account__toggle, .wc-block-customer-account__link, .profil-menu-csoportcim, .wc-block-customer-account__dropdown-item):is(:hover, :active, :focus-visible) span,
    header:has(.has-burnt-rose-background-color) :is(.wp-block-navigation-item__content, .wc-block-customer-account__toggle, .wc-block-customer-account__link, .profil-menu-csoportcim, .wc-block-customer-account__dropdown-item):is(:hover, :active, :focus-visible) span {
        color: #FFFCF9 !important;
    }
}

.profil-fejlec {
    grid-template-columns: 1fr auto auto auto !important;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 2001px) {
    body {
        font-size: 1.125rem;
    }
}

@media (max-width: 1800px) {
    .profil-fejlec {
        grid-template-columns: 1fr auto auto auto !important;
        align-items: center;
        justify-content: space-between;
    }

    .profil-fejlec nav.wp-block-navigation {
        order: 2;
        margin-left: auto;
    }

    .profil-fejlec .lamatri-kereses {
        order: 3;
    }

    .profil-fejlec .wp-block-woocommerce-customer-account {
        order: 4;
    }
}

@media (max-width: 1280px) {
    header .wp-block-navigation {
        margin-top: 0 !important;
    }

    header .wp-block-navigation__overlay-container :is(
        .wc-block-customer-account__caret,
        .profil-menu-csoportcim__nyil
    ) {
        width: 44px;
    }

    /* Tablet/mobil nézetben a fejléc felső Profil blokkja eltűnik; a Navigation
       Overlay saját Profil blokkja marad az egyetlen megjelenő példány. */
    header:not(:has(.profil-fejlec)) .wp-block-woocommerce-customer-account {
        display: none;
    }

    header:not(:has(.profil-fejlec)) .wp-block-navigation__overlay-container .wp-block-woocommerce-customer-account {
        display: block;
    }

    .profil-fejlec .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        width: 100%;
    }

    .profil-fejlec > .wp-block-woocommerce-customer-account {
        display: none;
    }

    .profil-fejlec {
        grid-template-columns: 1fr auto auto !important;
        align-items: center;
        justify-content: stretch;
        gap: 0 !important;
    }

    .profil-fejlec > .wp-block-group:first-child {
        grid-column: 1;
        grid-row: 1;
    }

    .profil-fejlec .lamatri-kereses {
        order: 2;
    }

    .profil-fejlec nav.wp-block-navigation {
        order: 3;
        margin-left: 0;
    }

    .profil-fejlec .wp-block-navigation__responsive-container-open:not(.always-shown) {
        position: static;
        top: auto;
        right: auto;
    }

    .profil-fejlec.has-bronze-spice-background-color .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
    .profil-fejlec.has-bronze-spice-background-color .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
        background: #AE5529 !important;
        color: #FFFCF9 !important;
    }
}

/* Az overlay menüben minden hover kizárólag a teljes li elemen jelenik meg. */
@media (max-width: 1280px) {
    header .wp-block-navigation__overlay-container .wp-block-navigation .wp-block-navigation-item:hover {
        background: var(--menu-overlay-hover, var(--wp--preset--color--bronze-spice, #AE5529)) !important;
        color: var(--wp--preset--color--parchment, #FFFCF9) !important;
        border-radius: 0 !important;
    }

    header .wp-block-navigation__overlay-container .wp-block-navigation .wp-block-navigation-item:hover > :is(
        .wp-block-navigation-item__content,
        .wp-block-navigation__submenu-icon
    ) {
        background: transparent !important;
        color: inherit !important;
        border-radius: 0 !important;
    }
}

/* La Madre fejléc: a Profil és a hozzá tartozó menüpontok terrakotta hover állapotúak.
   A barna hover a sima profil/tagsági fejléc saját stílusa marad. */
.profil-fejlec.has-bronze-spice-background-color :where(.wp-block-woocommerce-customer-account) .wc-block-customer-account__toggle:hover,
.profil-fejlec.has-bronze-spice-background-color :where(.wp-block-woocommerce-customer-account) .wc-block-customer-account__link:hover,
.profil-fejlec.has-bronze-spice-background-color :where(.wp-block-woocommerce-customer-account) .profil-menu-csoportcim:hover,
.profil-fejlec.has-bronze-spice-background-color :where(.wp-block-woocommerce-customer-account) a.wc-block-customer-account__dropdown-item:hover,
.profil-fejlec.has-bronze-spice-background-color :where(.wp-block-woocommerce-customer-account) a.wc-block-customer-account__dropdown-item:focus-visible,
.profil-fejlec.has-bronze-spice-background-color :where(.wp-block-woocommerce-customer-account).is-beallitasok-open [data-profil-beallitas-elem]:hover,
.profil-fejlec.has-bronze-spice-background-color :where(.wp-block-woocommerce-customer-account).is-beallitasok-open [data-profil-beallitas-elem]:focus-visible {
    background: #AE5529 !important;
    color: #FFFCF9 !important;
}

@media (min-width: 1281px) {
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account .wc-block-customer-account__toggle:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account .wc-block-customer-account__link:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account .profil-menu-csoportcim:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account a.wc-block-customer-account__dropdown-item:hover,
    header:has(.has-bronze-spice-background-color) .wp-block-woocommerce-customer-account a.wc-block-customer-account__dropdown-item:focus-visible {
        background: #AE5529 !important;
        color: #FFFCF9 !important;
    }
}
