/* =============================================
   FIÓKOM OLDAL (WooCommerce My Account)
   ============================================= */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
    content: none !important;
    display: none !important;
}

/* ── Oldal wrapper ─────────────────────────── */
.woocommerce-account .woocommerce {
    display: flex;
    align-items: flex-start;
    gap: 48px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    padding-top: 60px;
    padding-bottom: 80px;
}

/* Bejelentkezés oldal (nem logged-in): nincs navigáció, nincs gap */
.woocommerce-account:not(.logged-in) .woocommerce {
    gap: 0;
}

/* ── Navigáció ─────────────────────────────── */
.woocommerce-MyAccount-navigation {
    flex-shrink: 0;
    min-width: 200px;
    border-right: 1px solid var(--color-cream);
    padding-right: 32px;
    width: max-content!important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.woocommerce-MyAccount-navigation li {
    transition: background-color 0.15s ease;
}

.woocommerce-MyAccount-navigation li:hover {
    background-color: #c8c3b84a;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    margin-top: 2rem;
}

/* Link stílusok – mint a mega-cat-link */
.woocommerce-MyAccount-navigation a {
    font-family: 'Inter', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    line-height: 1.4;
    color: var(--color-text);
    text-decoration: none;
    white-space: nowrap;
    padding: 0.5rem 0.75rem;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    border-radius: 8px;
    transition: color 0.15s ease;
}

/* Hover: link szín ne változzon */
.woocommerce-MyAccount-navigation a:hover {
    color: var(--color-text);
}

/* Aktív elem: terrakotta szín */
.woocommerce-MyAccount-navigation-link.is-active > a {
    color: var(--color-terracotta);
}

/* ── Ikonok (CSS mask) ─────────────────────── */
.woocommerce-MyAccount-navigation a::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* Vezérlőpult */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    -webkit-mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M3 17H16V4H3V17ZM19 18L18.9893 18.2041C18.8938 19.1457 18.1457 19.8938 17.2041 19.9893L17 20H2C0.96435 20 0.113005 19.2128 0.0107422 18.2041L0 18V3C1.61066e-07 1.89543 0.895431 1 2 1H17L17.2041 1.01074C18.2128 1.113 19 1.96435 19 3V18Z' fill='%234E4A45'/> <path d='M3 40H16V27H3V40ZM19 41L18.9893 41.2041C18.8938 42.1457 18.1457 42.8938 17.2041 42.9893L17 43H2C0.96435 43 0.113005 42.2128 0.0107422 41.2041L0 41V26C1.61066e-07 24.8954 0.895431 24 2 24H17L17.2041 24.0107C18.2128 24.113 19 24.9643 19 26V41Z' fill='%234E4A45'/> <path d='M27 17H40V4H27V17ZM43 18L42.9893 18.2041C42.8938 19.1457 42.1457 19.8938 41.2041 19.9893L41 20H26C24.9643 20 24.113 19.2128 24.0107 18.2041L24 18V3C24 1.89543 24.8954 1 26 1H41L41.2041 1.01074C42.2128 1.113 43 1.96435 43 3V18Z' fill='%234E4A45'/> <path d='M27 40H40V27H27V40ZM43 41L42.9893 41.2041C42.8938 42.1457 42.1457 42.8938 41.2041 42.9893L41 43H26C24.9643 43 24.113 42.2128 24.0107 41.2041L24 41V26C24 24.8954 24.8954 24 26 24H41L41.2041 24.0107C42.2128 24.113 43 24.9643 43 26V41Z' fill='%234E4A45'/> </svg>");
    mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M3 17H16V4H3V17ZM19 18L18.9893 18.2041C18.8938 19.1457 18.1457 19.8938 17.2041 19.9893L17 20H2C0.96435 20 0.113005 19.2128 0.0107422 18.2041L0 18V3C1.61066e-07 1.89543 0.895431 1 2 1H17L17.2041 1.01074C18.2128 1.113 19 1.96435 19 3V18Z' fill='%234E4A45'/> <path d='M3 40H16V27H3V40ZM19 41L18.9893 41.2041C18.8938 42.1457 18.1457 42.8938 17.2041 42.9893L17 43H2C0.96435 43 0.113005 42.2128 0.0107422 41.2041L0 41V26C1.61066e-07 24.8954 0.895431 24 2 24H17L17.2041 24.0107C18.2128 24.113 19 24.9643 19 26V41Z' fill='%234E4A45'/> <path d='M27 17H40V4H27V17ZM43 18L42.9893 18.2041C42.8938 19.1457 42.1457 19.8938 41.2041 19.9893L41 20H26C24.9643 20 24.113 19.2128 24.0107 18.2041L24 18V3C24 1.89543 24.8954 1 26 1H41L41.2041 1.01074C42.2128 1.113 43 1.96435 43 3V18Z' fill='%234E4A45'/> <path d='M27 40H40V27H27V40ZM43 41L42.9893 41.2041C42.8938 42.1457 42.1457 42.8938 41.2041 42.9893L41 43H26C24.9643 43 24.113 42.2128 24.0107 41.2041L24 41V26C24 24.8954 24.8954 24 26 24H41L41.2041 24.0107C42.2128 24.113 43 24.9643 43 26V41Z' fill='%234E4A45'/> </svg>");
}

/* Rendelések */
.woocommerce-MyAccount-navigation-link--orders a::before {
    -webkit-mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M26.2041 7.01074C27.2128 7.113 28 7.96435 28 9V13.5H34.9297C36.0999 13.5 37.1927 14.0849 37.8418 15.0586L42.9121 22.6641C43.2954 23.239 43.5 23.9145 43.5 24.6055V30.5C43.5 32.433 41.933 34 40 34H37.8994C37.4361 36.2822 35.4189 38 33 38C30.5811 38 28.5639 36.2822 28.1006 34H16.8994C16.4361 36.2822 14.4189 38 12 38C9.58108 38 7.5639 36.2822 7.10059 34H3C1.96435 34 1.113 33.2128 1.01074 32.2041L1 32V9C1 7.89543 1.89543 7 3 7H26L26.2041 7.01074ZM4 31H7.41699C8.18863 29.2343 9.94982 28 12 28C14.0502 28 15.8114 29.2343 16.583 31H25V10H4V31ZM28 31H28.417C29.1886 29.2343 30.9498 28 33 28C35.0502 28 36.8114 29.2343 37.583 31H40C40.2761 31 40.5 30.7761 40.5 30.5V24.6055C40.5 24.5068 40.4708 24.4102 40.416 24.3281L35.3457 16.7227C35.253 16.5836 35.0968 16.5 34.9297 16.5H28V31Z' fill='%234E4A45'/> </svg>");
    mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M26.2041 7.01074C27.2128 7.113 28 7.96435 28 9V13.5H34.9297C36.0999 13.5 37.1927 14.0849 37.8418 15.0586L42.9121 22.6641C43.2954 23.239 43.5 23.9145 43.5 24.6055V30.5C43.5 32.433 41.933 34 40 34H37.8994C37.4361 36.2822 35.4189 38 33 38C30.5811 38 28.5639 36.2822 28.1006 34H16.8994C16.4361 36.2822 14.4189 38 12 38C9.58108 38 7.5639 36.2822 7.10059 34H3C1.96435 34 1.113 33.2128 1.01074 32.2041L1 32V9C1 7.89543 1.89543 7 3 7H26L26.2041 7.01074ZM4 31H7.41699C8.18863 29.2343 9.94982 28 12 28C14.0502 28 15.8114 29.2343 16.583 31H25V10H4V31ZM28 31H28.417C29.1886 29.2343 30.9498 28 33 28C35.0502 28 36.8114 29.2343 37.583 31H40C40.2761 31 40.5 30.7761 40.5 30.5V24.6055C40.5 24.5068 40.4708 24.4102 40.416 24.3281L35.3457 16.7227C35.253 16.5836 35.0968 16.5 34.9297 16.5H28V31Z' fill='%234E4A45'/> </svg>");
}

/* Letöltések */
.woocommerce-MyAccount-navigation-link--downloads a::before {
    -webkit-mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M3.42773 33.3344L3.42773 28.0139C3.42773 27.0344 4.22176 26.2404 5.20123 26.2404C6.18071 26.2404 6.97473 27.0344 6.97473 28.0139L6.97473 33.3344C6.97473 35.2934 8.56277 36.8814 10.5217 36.8814L33.5772 36.8814C35.5361 36.8814 37.1242 35.2934 37.1242 33.3344V28.0139C37.1242 27.0344 37.9182 26.2404 38.8977 26.2404C39.8772 26.2404 40.6712 27.0344 40.6712 28.0139V33.3344C40.6712 37.2523 37.4951 40.4284 33.5772 40.4284L10.5217 40.4284C6.60382 40.4284 3.42773 37.2523 3.42773 33.3344Z' fill='%234E4A45'/> <path d='M31.029 20.6909C31.5594 21.2057 31.5594 22.0385 31.029 22.5533L22.3861 30.9427C21.8557 31.4575 20.9978 31.4575 20.4674 30.9427L11.8245 22.5533C11.2942 22.0385 11.2942 21.2057 11.8245 20.6909C12.3549 20.1761 13.2128 20.1761 13.7432 20.6909L20.0695 26.8295V3.64617C20.0695 2.91811 20.6767 2.32877 21.4268 2.32877C22.1768 2.32877 22.784 2.91811 22.784 3.64617V26.8295L29.1103 20.6909C29.6407 20.1761 30.4986 20.1761 31.029 20.6909Z' fill='%234E4A45'/> </svg>");
    mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M3.42773 33.3344L3.42773 28.0139C3.42773 27.0344 4.22176 26.2404 5.20123 26.2404C6.18071 26.2404 6.97473 27.0344 6.97473 28.0139L6.97473 33.3344C6.97473 35.2934 8.56277 36.8814 10.5217 36.8814L33.5772 36.8814C35.5361 36.8814 37.1242 35.2934 37.1242 33.3344V28.0139C37.1242 27.0344 37.9182 26.2404 38.8977 26.2404C39.8772 26.2404 40.6712 27.0344 40.6712 28.0139V33.3344C40.6712 37.2523 37.4951 40.4284 33.5772 40.4284L10.5217 40.4284C6.60382 40.4284 3.42773 37.2523 3.42773 33.3344Z' fill='%234E4A45'/> <path d='M31.029 20.6909C31.5594 21.2057 31.5594 22.0385 31.029 22.5533L22.3861 30.9427C21.8557 31.4575 20.9978 31.4575 20.4674 30.9427L11.8245 22.5533C11.2942 22.0385 11.2942 21.2057 11.8245 20.6909C12.3549 20.1761 13.2128 20.1761 13.7432 20.6909L20.0695 26.8295V3.64617C20.0695 2.91811 20.6767 2.32877 21.4268 2.32877C22.1768 2.32877 22.784 2.91811 22.784 3.64617V26.8295L29.1103 20.6909C29.6407 20.1761 30.4986 20.1761 31.029 20.6909Z' fill='%234E4A45'/> </svg>");
}

/* Cím ikon */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'><path d='M6.51311 19.6305H9.74944V39.6305H18.2494V25.1305H30.2494V39.6305H34.2494V19.6305H37.4135L21.7621 5.18325L6.51311 19.6305ZM37.2494 40.1305C37.2494 41.5112 36.1301 42.6305 34.7494 42.6305H29.7494C28.3687 42.6305 27.2494 41.5112 27.2494 40.1305V28.1305H21.2494V40.1305C21.2494 41.5112 20.1301 42.6305 18.7494 42.6305H9.24944C7.86873 42.6305 6.74944 41.5112 6.74944 40.1305V22.6305H4.00432C2.19638 22.6305 1.31596 20.4218 2.62835 19.1784L20.0385 2.6852C20.9936 1.78036 22.4867 1.77047 23.4535 2.66274L41.3276 19.1608C42.6651 20.3957 41.7907 22.6305 39.9701 22.6305H37.2494V40.1305Z' fill='%234E4A45'/></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'><path d='M6.51311 19.6305H9.74944V39.6305H18.2494V25.1305H30.2494V39.6305H34.2494V19.6305H37.4135L21.7621 5.18325L6.51311 19.6305ZM37.2494 40.1305C37.2494 41.5112 36.1301 42.6305 34.7494 42.6305H29.7494C28.3687 42.6305 27.2494 41.5112 27.2494 40.1305V28.1305H21.2494V40.1305C21.2494 41.5112 20.1301 42.6305 18.7494 42.6305H9.24944C7.86873 42.6305 6.74944 41.5112 6.74944 40.1305V22.6305H4.00432C2.19638 22.6305 1.31596 20.4218 2.62835 19.1784L20.0385 2.6852C20.9936 1.78036 22.4867 1.77047 23.4535 2.66274L41.3276 19.1608C42.6651 20.3957 41.7907 22.6305 39.9701 22.6305H37.2494V40.1305Z' fill='%234E4A45'/></svg>");
}

/* Fiókadatok */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    -webkit-mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M24 2C24.5523 2 25 2.44772 25 3V7.2998C26.9086 7.68722 28.6854 8.43739 30.2559 9.47461L33.3008 6.43066C33.6913 6.04014 34.3243 6.04014 34.7148 6.43066L37.5703 9.28516C37.9607 9.67556 37.9605 10.3087 37.5703 10.6992L34.5244 13.7451C35.5616 15.3155 36.3128 17.0915 36.7002 19H41C41.5523 19 42 19.4477 42 20V24C42 24.5523 41.5523 25 41 25H36.7002C36.3127 26.9088 35.5618 28.6853 34.5244 30.2559L37.5693 33.3008C37.9597 33.6913 37.9598 34.3244 37.5693 34.7148L34.7139 37.5703C34.3234 37.9604 33.6902 37.9606 33.2998 37.5703L30.2549 34.5244C28.6845 35.5615 26.9084 36.3118 25 36.6992V41C25 41.5523 24.5523 42 24 42H20C19.4477 42 19 41.5523 19 41V36.6992C17.0913 36.3118 15.3146 35.5618 13.7441 34.5244L10.7002 37.5693C10.3097 37.9599 9.67568 37.9599 9.28516 37.5693L6.43066 34.7148C6.04018 34.3244 6.04025 33.6913 6.43066 33.3008L9.47461 30.2549C8.43762 28.6846 7.68716 26.9083 7.2998 25H3C2.44772 25 2 24.5523 2 24V20C2 19.4477 2.44772 19 3 19H7.2998C7.68722 17.0914 8.43739 15.3146 9.47461 13.7441L6.42969 10.6992C6.03927 10.3087 6.0392 9.67564 6.42969 9.28516L9.28516 6.42969C9.67567 6.03957 10.3088 6.0394 10.6992 6.42969L13.7441 9.47461C15.3146 8.43739 17.0914 7.68722 19 7.2998V3C19 2.44772 19.4477 2 20 2H24ZM22 12C16.4772 12 12 16.4772 12 22C12 27.5228 16.4772 32 22 32C27.5228 32 32 27.5228 32 22C32 16.4772 27.5228 12 22 12Z' fill='%234E4A45'/> </svg>");
    mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M24 2C24.5523 2 25 2.44772 25 3V7.2998C26.9086 7.68722 28.6854 8.43739 30.2559 9.47461L33.3008 6.43066C33.6913 6.04014 34.3243 6.04014 34.7148 6.43066L37.5703 9.28516C37.9607 9.67556 37.9605 10.3087 37.5703 10.6992L34.5244 13.7451C35.5616 15.3155 36.3128 17.0915 36.7002 19H41C41.5523 19 42 19.4477 42 20V24C42 24.5523 41.5523 25 41 25H36.7002C36.3127 26.9088 35.5618 28.6853 34.5244 30.2559L37.5693 33.3008C37.9597 33.6913 37.9598 34.3244 37.5693 34.7148L34.7139 37.5703C34.3234 37.9604 33.6902 37.9606 33.2998 37.5703L30.2549 34.5244C28.6845 35.5615 26.9084 36.3118 25 36.6992V41C25 41.5523 24.5523 42 24 42H20C19.4477 42 19 41.5523 19 41V36.6992C17.0913 36.3118 15.3146 35.5618 13.7441 34.5244L10.7002 37.5693C10.3097 37.9599 9.67568 37.9599 9.28516 37.5693L6.43066 34.7148C6.04018 34.3244 6.04025 33.6913 6.43066 33.3008L9.47461 30.2549C8.43762 28.6846 7.68716 26.9083 7.2998 25H3C2.44772 25 2 24.5523 2 24V20C2 19.4477 2.44772 19 3 19H7.2998C7.68722 17.0914 8.43739 15.3146 9.47461 13.7441L6.42969 10.6992C6.03927 10.3087 6.0392 9.67564 6.42969 9.28516L9.28516 6.42969C9.67567 6.03957 10.3088 6.0394 10.6992 6.42969L13.7441 9.47461C15.3146 8.43739 17.0914 7.68722 19 7.2998V3C19 2.44772 19.4477 2 20 2H24ZM22 12C16.4772 12 12 16.4772 12 22C12 27.5228 16.4772 32 22 32C27.5228 32 32 27.5228 32 22C32 16.4772 27.5228 12 22 12Z' fill='%234E4A45'/> </svg>");
}

/* Kijelentkezés */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    -webkit-mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M34.0051 39.9999L28.6846 39.9999C27.7052 39.9999 26.9111 39.2059 26.9111 38.2264C26.9111 37.2469 27.7052 36.4529 28.6846 36.4529L34.0051 36.4529C35.9641 36.4529 37.5521 34.8648 37.5521 32.9059L37.5521 9.85042C37.5521 7.89147 35.9641 6.30343 34.0051 6.30343L28.6846 6.30343C27.7052 6.30343 26.9111 5.5094 26.9111 4.52993C26.9111 3.55045 27.7052 2.75643 28.6846 2.75643L34.0051 2.75643C37.923 2.75643 41.0991 5.93252 41.0991 9.85042L41.0991 32.9059C41.0991 36.8238 37.923 39.9999 34.0051 39.9999Z' fill='%234E4A45'/> <path d='M21.3622 12.398C21.877 11.8677 22.7097 11.8677 23.2245 12.398L31.6139 21.0409C32.1287 21.5713 32.1287 22.4292 31.6139 22.9596L23.2245 31.6025C22.7097 32.1328 21.877 32.1328 21.3622 31.6025C20.8473 31.0721 20.8473 30.2142 21.3622 29.6838L27.5007 23.3575L4.31741 23.3575C3.58935 23.3575 3 22.7503 3 22.0002C3 21.2502 3.58935 20.643 4.31741 20.643L27.5007 20.643L21.3622 14.3167C20.8473 13.7863 20.8473 12.9284 21.3622 12.398Z' fill='%234E4A45'/> </svg>");
    mask-image: url("data:image/svg+xml,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M34.0051 39.9999L28.6846 39.9999C27.7052 39.9999 26.9111 39.2059 26.9111 38.2264C26.9111 37.2469 27.7052 36.4529 28.6846 36.4529L34.0051 36.4529C35.9641 36.4529 37.5521 34.8648 37.5521 32.9059L37.5521 9.85042C37.5521 7.89147 35.9641 6.30343 34.0051 6.30343L28.6846 6.30343C27.7052 6.30343 26.9111 5.5094 26.9111 4.52993C26.9111 3.55045 27.7052 2.75643 28.6846 2.75643L34.0051 2.75643C37.923 2.75643 41.0991 5.93252 41.0991 9.85042L41.0991 32.9059C41.0991 36.8238 37.923 39.9999 34.0051 39.9999Z' fill='%234E4A45'/> <path d='M21.3622 12.398C21.877 11.8677 22.7097 11.8677 23.2245 12.398L31.6139 21.0409C32.1287 21.5713 32.1287 22.4292 31.6139 22.9596L23.2245 31.6025C22.7097 32.1328 21.877 32.1328 21.3622 31.6025C20.8473 31.0721 20.8473 30.2142 21.3622 29.6838L27.5007 23.3575L4.31741 23.3575C3.58935 23.3575 3 22.7503 3 22.0002C3 21.2502 3.58935 20.643 4.31741 20.643L27.5007 20.643L21.3622 14.3167C20.8473 13.7863 20.8473 12.9284 21.3622 12.398Z' fill='%234E4A45'/> </svg>");
}

/* Kedvencek (YITH Wishlist) */
.woocommerce-MyAccount-navigation-link--yith-wcwl-wishlist a::before {
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'><path d='M20.7492 1.69075C21.0487 0.769749 22.3521 0.76975 22.6515 1.69075L27.089 15.348C27.2063 15.7083 27.5146 15.9667 27.8801 16.0257L28.0402 16.0384H42.3996C43.368 16.0388 43.7701 17.2787 42.9865 17.848L31.3703 26.2874C31.0198 26.5421 30.8732 26.9936 31.007 27.4056L35.4435 41.0628C35.7239 41.9264 34.8153 42.6534 34.0549 42.2718L33.9055 42.18L22.2883 33.7406C21.9378 33.4859 21.463 33.4859 21.1125 33.7406L9.4953 42.18C8.71167 42.7493 7.65818 41.984 7.95721 41.0628L12.3937 27.4056C12.5275 26.9936 12.3809 26.5421 12.0305 26.2874L0.414241 17.848C-0.320345 17.3143 -0.0128564 16.1917 0.826351 16.0531L1.00213 16.0384H15.3605C15.7396 16.0384 16.0811 15.8248 16.2502 15.4954L16.3117 15.348L20.7492 1.69075ZM19.1652 16.2747C18.6297 17.9228 17.0934 19.0384 15.3605 19.0384H7.15643L13.7941 23.8607C15.1961 24.8792 15.7827 26.6852 15.2472 28.3333L12.7121 36.1351L19.3488 31.3128C20.6632 30.3579 22.4145 30.2984 23.7834 31.1341L24.0519 31.3128L30.6877 36.1351L28.1535 28.3333C27.618 26.6852 28.2047 24.8792 29.6066 23.8607L36.2443 19.0384H28.0402C26.3073 19.0384 24.7711 17.9228 24.2355 16.2747L21.7004 8.472L19.1652 16.2747Z' fill='%234E4A45'/></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'><path d='M20.7492 1.69075C21.0487 0.769749 22.3521 0.76975 22.6515 1.69075L27.089 15.348C27.2063 15.7083 27.5146 15.9667 27.8801 16.0257L28.0402 16.0384H42.3996C43.368 16.0388 43.7701 17.2787 42.9865 17.848L31.3703 26.2874C31.0198 26.5421 30.8732 26.9936 31.007 27.4056L35.4435 41.0628C35.7239 41.9264 34.8153 42.6534 34.0549 42.2718L33.9055 42.18L22.2883 33.7406C21.9378 33.4859 21.463 33.4859 21.1125 33.7406L9.4953 42.18C8.71167 42.7493 7.65818 41.984 7.95721 41.0628L12.3937 27.4056C12.5275 26.9936 12.3809 26.5421 12.0305 26.2874L0.414241 17.848C-0.320345 17.3143 -0.0128564 16.1917 0.826351 16.0531L1.00213 16.0384H15.3605C15.7396 16.0384 16.0811 15.8248 16.2502 15.4954L16.3117 15.348L20.7492 1.69075ZM19.1652 16.2747C18.6297 17.9228 17.0934 19.0384 15.3605 19.0384H7.15643L13.7941 23.8607C15.1961 24.8792 15.7827 26.6852 15.2472 28.3333L12.7121 36.1351L19.3488 31.3128C20.6632 30.3579 22.4145 30.2984 23.7834 31.1341L24.0519 31.3128L30.6877 36.1351L28.1535 28.3333C27.618 26.6852 28.2047 24.8792 29.6066 23.8607L36.2443 19.0384H28.0402C26.3073 19.0384 24.7711 17.9228 24.2355 16.2747L21.7004 8.472L19.1652 16.2747Z' fill='%234E4A45'/></svg>");
}

/* ── Tartalom terület ───────────────────────── */
.woocommerce-MyAccount-content {
    flex: 1;
    min-width: 0;
}

/* ── Dashboard üdvözlő szekció ─────────────── */
.fiok-udvozlo {
    margin-bottom: 2.5rem;
}

.fiok-udvozlo__cim {
    font-size: 32px;
    margin: 0 0 8px;
    line-height: 1.2;
    text-align: left;
}

.fiok-udvozlo__nem-te {
    font-size: 14px;
    color: var(--color-text);
    margin: 0 0 2rem;
    opacity: 0.7;
}

.fiok-udvozlo__nem-te a {
    color: var(--color-terracotta);
    text-decoration: underline;
}

.fiok-udvozlo__welcome {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.fiok-udvozlo__szoveg {
    font-size: 16px;
    color: var(--color-text);
    margin: 0;
    flex-shrink: 0;
}

.fiok-udvozlo__welcome .dgwt-wcas-search-wrapp,
.fiok-udvozlo__welcome .dgwt-wcas-search-form {
    flex: 1;
    min-width: 220px;
}

.fiok-udvozlo__welcome .dgwt-wcas-search-wrapp,
#menu-top-menu .dgwt-wcas-search-wrapp {
    padding: 0;
}

#menu-top-menu .dgwt-wcas-search-wrapp{
    gap:0;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
    border-top: 2px solid var(--color-cream)!important;
    background-color: transparent;
}
.woocommerce-info::before {
    color: var(--color-text);
}

#account_display_name_description em {
    font-size: 14px!important;
}

fieldset{
    margin: 3rem 0;
    padding: 2rem;
}

.woocommerce form .form-row {
    padding: 3px 0;
    margin: 0 0 1rem;
    font-size: 16px;
}


/* ── Bejelentkezés oldal ────────────────────── */
.login-rememberme-row .woocommerce-form__label-for-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.login-rememberme-row .woocommerce-form__label-for-checkbox span {
    font-size: 14px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
    min-width: 200px;
    border: 1px solid var(--color-terracotta) !important;
    background: transparent !important;
    padding: 10px 32px !important;
    color: var(--color-terracotta) !important;
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
    .woocommerce .woocommerce-form-register .woocommerce-form-register__submit:hover {
        background-color: rgba(217, 126, 74, 0.06) !important;
        opacity: 1 !important;
    }
}

/* ── Edit account save gomb – a globális button:not(...) border:none és
   padding:10px 32px magasabb specificitása (0,8,1) veri a WooCommerce
   button.button szelektorokat (0,2,1 a :where() miatt), ezért !important kell */
.woocommerce-account .woocommerce-EditAccountForm button.woocommerce-Button,
.woocommerce-account .woocommerce-EditAccountForm button.button {
    border: 1px solid var(--color-terracotta) !important;
    background: transparent !important;
    padding: 10px 32px !important;
    color: var(--color-terracotta) !important;
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce-account .woocommerce-EditAccountForm button.woocommerce-Button:hover,
    .woocommerce-account .woocommerce-EditAccountForm button.button:hover {
        background-color: rgba(217, 126, 74, 0.06) !important;
        opacity: 1 !important;
    }
}

.woocommerce-Address-title {
    border-bottom: 1px solid var(--color-cream);
    padding-bottom: 1rem;
}

.woocommerce-Address address {
    padding-top: 1rem;
}

.woocommerce-Address-title .edit {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: var(--color-terracotta);
    text-decoration: none;
    transition: color var(--transition);
    line-height: 1.4;
}

.woocommerce-Address-title .edit::after {
    content: '›';
    font-size: 20px;
    flex-shrink: 0;
    transition: transform var(--transition);
}

.woocommerce-Address-title .edit:hover::after {
    transform: translateX(4px);
}

.woocommerce-LostPassword,
.lost_password {
    text-align: right;
    font-size: 16px;
}

.woocommerce-LostPassword a,
.lost_password a {
    text-decoration: underline;
}

.woocommerce-form-register p {
    font-size: 14px;
}

.woocommerce-privacy-policy-text a {
    color: var(--color-terracotta);
    text-decoration: underline;
}

#customer_login {
    margin-bottom: 6rem;
}

/* ── .wc-forward – „Rendelések megtekintése" stb. gombok ── */
.woocommerce-account .woocommerce-Button.wc-forward,
.woocommerce-account a.woocommerce-Button.wc-forward,
.woocommerce-account .woocommerce-info a.button.wc-forward {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--color-terracotta) !important;
    cursor: pointer;
    font-family: 'Syne', sans-serif !important;
    font-size: 16px !important;
    font-weight: var(--fw-bold) !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 18px !important;
    text-decoration: none;
    transition: color var(--transition);
}

.woocommerce-account .woocommerce-Button.wc-forward::after,
.woocommerce-account a.woocommerce-Button.wc-forward::after,
.woocommerce-account .woocommerce-info a.button.wc-forward::after {
    content: '›';
    font-size: 22px;
    line-height: 1;
    flex-shrink: 0;
    display: inline-block;
    transition: transform var(--transition);
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce-account .woocommerce-Button.wc-forward:hover,
    .woocommerce-account a.woocommerce-Button.wc-forward:hover,
    .woocommerce-account .woocommerce-info a.button.wc-forward:hover {
        opacity: 1 !important;
        color: var(--color-terracotta) !important;
    }

    .woocommerce-account .woocommerce-Button.wc-forward:hover::after,
    .woocommerce-account a.woocommerce-Button.wc-forward:hover::after,
    .woocommerce-account .woocommerce-info a.button.wc-forward:hover::after {
        transform: translateX(4px);
    }
}

/* ═══════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════ */

@media only screen and (max-width: 1016px) {
    .woocommerce-account .woocommerce-Button.wc-forward,
    .woocommerce-account a.woocommerce-Button.wc-forward {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 870px) {
    .woocommerce-account .woocommerce-Button.wc-forward,
    .woocommerce-account a.woocommerce-Button.wc-forward {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 860px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
        gap: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        min-width: 0;
        border-right: none;
        border-bottom: none;
        padding-right: 0;
        padding-bottom: 0;
    }

    .woocommerce-MyAccount-navigation ul {
        flex-wrap: nowrap;
        flex-direction: column;
        gap: 0;
    }

    .woocommerce-MyAccount-navigation-link:not(:last-child) {
        border-bottom: 1px solid var(--color-cream);
    }

    .woocommerce-MyAccount-navigation a {
        white-space: normal;
        font-family: var(--font-heading);
        font-size: 20px;
        font-weight: 700;
        padding: 18px 0;
        margin-right: 1.5rem;
        border-radius: 0;
    }

    .woocommerce-MyAccount-navigation a::before {
        width: 26px;
        height: 26px;
    }

    .woocommerce-MyAccount-content .woocommerce-info {
        border-top: none !important;
    }

    /* ── Navigáció nézet: csak nav látszik ──────── */
    .woocommerce-account.fiok-nav-view .woocommerce-MyAccount-content {
        display: none;
    }

    /* ── Tartalom nézet: nav elrejtve, content bejön jobbról ── */
    .woocommerce-account.fiok-content-view .woocommerce-MyAccount-navigation {
        display: none;
    }

    .woocommerce-account.fiok-content-view .woocommerce-MyAccount-content {
        display: block;
        width: 100%;
        animation: fiokSlideIn 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }

    @keyframes fiokSlideIn {
        from { transform: translateX(40px); opacity: 0; }
        to   { transform: translateX(0);    opacity: 1; }
    }

    /* ── Vissza gomb ─────────────────────────────── */
    .fiok-back-btn {
        display: block;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-bottom: 28px;
        border-bottom: 1px solid var(--color-cream);
        color: var(--color-text);
        font-family: 'Syne', sans-serif;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
        line-height: 1;
        transition: color var(--transition);
    }

    .fiok-back-btn:hover {
        color: var(--color-terracotta);
    }

    /* Ikon és szöveg egy sorban (inline elemek block szülőn belül) */
    .fiok-back-btn__icon {
        margin-right: 10px;
        vertical-align: middle;
    }

    /* CSS chevron nyíl (bal irány) – ugyanolyan mint a mega menüben */
    .fiok-back-btn__icon {
        display: inline-block;
        width: 9px;
        height: 9px;
        border-left: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        flex-shrink: 0;
        margin-top: 1px;
    }
}

@media only screen and (max-width: 1320px){
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%;
    }
}

@media only screen and (max-width: 1160px) {
    .woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
    .woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
        width: 100%;
    }

    .woocommerce-privacy-policy-text p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .fiok-udvozlo__welcome {
        flex-direction: column;
        align-items: flex-start;
    }

    .fiok-udvozlo__welcome .dgwt-wcas-search-wrapp,
    .fiok-udvozlo__welcome .dgwt-wcas-search-form {
        width: 100%;
    }

    .fiok-udvozlo__cim {
        font-size: 24px;
    }
}

/* ── Kedvencek oldal ────────────────────────── */

.kedvencek-lap {
    padding-top: 60px;
    padding-bottom: 80px;
}

/* YITH plugin külső wrapper felső marginjának nullázása */
.kedvencek-lap .woocommerce-wishlist,
.kedvencek-lap .yith-wcwl-container,
.kedvencek-lap form#yith-wcwl-form,
.kedvencek-lap .wishlist-fragment {
    margin-top: 0 !important;
}

/* Vezérlőpult vissza link – közvetlenül a "Kedvenceim" felirat felett */
.fiok-back-btn--wishlist {
    display: block;
    margin-bottom: 8px;
    color: var(--color-text);
    font-family: 'Syne', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1;
    transition: color var(--transition);
}

.fiok-back-btn--wishlist:hover {
    color: var(--color-terracotta);
}

.fiok-back-btn--wishlist .fiok-back-btn__icon {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    flex-shrink: 0;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -1px;
}