/* ==============================================
   TM24 NOVAChild – Header: Icons & Buttons
   Modul: modules/global/header/header-icons.css
   Scope: .shop-icon-link, .shop-burger-btn
   UTF-8 ohne BOM
   ============================================== */

/* ---- Icon-Links (Anmelden, Warenkorb) ---- */
.shop-icon-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--f);
    font-size: 13px;
    font-weight: 600;
    color: var(--txt-s) !important;
    text-decoration: none !important;
    padding: 7px 12px;
    border-radius: var(--rs);
    transition: background var(--speed), color var(--speed);
    white-space: nowrap;
}

.shop-icon-link:hover {
    background: var(--pl);
    color: var(--p) !important;
}

.shop-icon-link i {
    font-size: 15px;
}

/* ---- Burger-Button (Mobil) ---- */
.shop-burger-btn {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: transparent;
    border: 0;
    padding: 6px;
    cursor: pointer;
    width: 36px;
    height: 36px;
}

.shop-burger-btn span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--txt);
    border-radius: 2px;
    transition: all .25s;
}

@media (max-width: 767px) {
    .shop-burger-btn  { display: flex !important; }
    .shop-icon-link   { display: none !important; }
}