/* ============================================================
   NAVIGATION — Header menu, mobile menu, cart icon,
   nav buttons, account icon
   ============================================================ */


/* ── Custom menu toggle ── */
.custom-menu { display: none; }
.et_mobile_nav_menu { display: none !important; }
.custom_menu-close > div,
.toggle_menu-humburger .et_pb_code_inner,
.custom_menu-close { display: flex; align-items: center; }
.toggle_menu-humburger, .custom_menu-close { cursor: pointer; }
.menu-items .navigation-wrap { flex: auto; }
.navigation-wrap .et_pb_menu__menu > nav > ul > li > a { padding: 15px 0; }
.navigation-wrap .et_pb_menu__wrap { flex-wrap: unset; }


/* ── Nav button styles ── */
.button-outline-system { min-width: 215px; justify-content: center; }
.button-outline-system a {
    padding: 12px 20px !important;
    border: 1px solid #8F7C6E !important;
    align-self: center;
    border-radius: 30px;
    color: var(--co-cta-dark) !important;
    font-weight: 100 !important;
    letter-spacing: 0.5px !important;
    display: flex;
    gap: 5px;
}
.button-outline-system a:hover { background: #8f7c6e; opacity: 1; color: #fff !important; }
.button-outline-system a:after {
    content: 'U';
    font-family: ETmodules !important;
    transform: rotate(-180deg) !important;
    font-size: 0;
    transition: 0.3s all;
}
.button-outline-system:hover a::after { font-size: 16px; transform: rotate(0deg) !important; }
#menu-mega-menu .button-outline-system.current-menu-item a:hover { color: #fff !important; }

.button-light-blue-shop { min-width: 130px; justify-content: center; }
.button-light-blue-shop a {
    padding: 12px 20px !important;
    border: 1px solid var(--co-cta);
    align-self: center;
    border-radius: 30px;
    color: #F9F8F4 !important;
    background: var(--co-cta);
    font-weight: 800 !important;
}
.button-light-blue-shop a:hover { opacity: 1; }
.button-light-blue-shop a img { width: 0; transition: 0.5s all; transform: translateX(20px); }
.button-light-blue-shop a:hover img { width: 22px; transform: translateX(0); margin-left: 5px; }
#menu-mega-menu .button-light-blue-shop.current_page_item a { color: #ffff !important; }
.button-light-blue.current-menu-item .shop_mobile_button { background: transparent; }

.et_pb_menu .et-menu > .button-outline-system,
.et_pb_menu .et-menu > .button-light-blue-shop { padding: 0 !important; }


/* ── Cart icon ── */
.et_pb_menu__cart-button:after {
    content: " ";
    background-image: url(/wp-content/uploads/2025/05/Basket-counter.png);
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.et_pb_menu__cart-count {
    font-size: 0;
    position: absolute;
    right: 12px;
    font-weight: bold;
    top: 65%;
    transform: translateY(-50%);
    font-family: 'Neue Haas Grotesk Display Pro roman';
}
.et_pb_menu__cart-count::first-letter { font-size: 12px; }
.et_pb_menu__cart-button.et_pb_menu__icon__with_count {
    position: relative;
    margin-right: 0;
    height: max-content;
    align-self: center;
}
a.et_pb_menu__icon:after, button.et_pb_menu__icon:after { margin-right: 0; }
.et_pb_menu__wrap .et_pb_menu__icon:hover { scale: 1.2; }
.et_pb_menu__wrap .et_pb_menu__icon { transition: 0.3s all; }
.et-db #et-boc .et-l .et_pb_menu__cart-button:after { content: ""; }


/* ── Account icon ── */
.user_header a {
    background-image: url(/wp-content/uploads/2025/05/Login.png);
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0 !important;
    padding: 0 25px !important;
    align-self: anchor-center;
}
.my-account.menu-item svg { transform: scale(1.25); transition: all ease 0.9s; }
.my-account.menu-item:hover svg { transform: scale(1.75); }
.my-account.menu-item svg #sm-icon { visibility: hidden; }
.my-account.menu-item:hover svg #sm-icon { visibility: visible; }
.my-account.menu-item svg #circle-icon { fill: #fff0; }
.my-account.menu-item:hover svg #circle-icon { fill: #ded7cc; }
.my-account { margin-right: 15px !important; }


/* ── Social icons (footer) ── */
.et_pb_social_media_follow_0_tb_footer li a.icon,
.et_pb_social_media_follow_0_tb_footer li a.icon:before { width: 45px !important; height: 45px !important; }


/* ── Header button (CTA in header) ── */
html body #page-container #et-boc header.et-l.et-l--header .et_pb_button_module_wrapper .button_icon_hover:after { font-size: 1rem !important; }
html body #page-container .et_pb_section .et_pb_button_0_tb_header:after,
body #page-container .et_pb_section .et_pb_button_0_tb_header:hover:after {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: 0.9rem;
}
body #page-container .et_pb_section .et_pb_button_0_tb_header:hover:after {
    transform: translateY(-50%) rotate(0) !important;
}


/* ── Responsive ── */
@media (min-width: 981px) {
    .et_pb_menu__wrap > .shop_mobile_button { display: none; }
    .vertical-align-center.mobile_proudct_shop { display: none; }
    .toggle_menu-humburger { display: none; }
}

@media (min-width: 981px) and (max-width: 1280px) {
    .et_pb_menu--style-left_aligned .et_pb_menu__logo-wrap { max-width: 140px; }
    .et_pb_menu--style-left_aligned .et_pb_menu__logo { margin-right: 10px; }
    .et_pb_menu .et-menu > li { padding-left: 6px; padding-right: 6px; }
    .et_pb_menu_0_tb_header.et_pb_menu ul li a { font-size: 1rem !important; }
    .menu-items { gap: 0.5rem !important; }
    .button-outline-system { min-width: 190px; }
    body header .et_pb_row.menu-header { padding-right: 15px !important; padding-left: 15px !important; }
    .button-light-blue-shop { min-width: 115px; }
}

@media (min-width: 981px) and (max-width: 1024px) {
    .shop-btn, .account-btn { display: none !important; }
}

@media (min-width: 981px) and (max-width: 1080px) {
    .et_pb_menu .et-menu > li { padding-left: 6px; padding-right: 6px; }
    #menu-mega-menu a { font-size: 14px !important; letter-spacing: 0.5px; }
    .button-outline-system { min-width: max-content !important; }
    .button-light-blue-shop { min-width: max-content; margin-left: 6px !important; }
}

@media (min-width: 1081px) and (max-width: 1350px) {
    .et_pb_menu .et-menu > li { padding-left: 6px; padding-right: 6px; }
}

@media (max-width: 980px) {
    a.et_pb_menu__icon, button.et_pb_menu__icon { padding: 0; margin: 0; }
    .et_pb_menu__cart-button:after { width: 22px; height: 22px; }
    .et_pb_menu__cart-count { right: 39% !important; top: 70%; }
    .et_pb_menu__cart-button:after { width: 27px; height: 27px; }
    .et_pb_menu__cart-button.et_pb_menu__icon__with_count { margin-right: -2px; }
    .button-outline-system { margin: 10px 0; }
    .button-light-blue-shop a { text-align: center; }
    .button-outline-system a { display: flex !important; justify-content: center; }
    .shop_mobile_button {
        padding: 5px 15px !important;
        border: 1px solid var(--co-cta);
        align-self: center;
        border-radius: 30px;
        color: #F9F8F4 !important;
        background: var(--co-cta);
        font-size: 15px;
    }
    .et_mobile_menu li a { padding: 12px 0; }
    .mobile_proudct_shop { flex-wrap: unset; }
    .mobile_proudct_shop .et_pb_column { margin: 0; }
    .footer_menu > .et_pb_column:first-child { display: flex; gap: 60px; }
    .footer_menu > .et_pb_column:first-child .dsm_menu { margin-top: 0 !important; }
}