/* ============================================================
   shopin.city — rifiniture finali
   Caricato per ultimo.
   ============================================================ */

/* ------------------------------------------------------------
   1. Voci della barra categorie: corsivo, grassetto, più grandi
   ------------------------------------------------------------ */

.site-header .hdr-nav .nav-link,
.site-header .hdr-rail .nav-link {
    font-style: italic;
    font-weight: 800;
    font-size: .97rem;
    letter-spacing: .01em;
}

/* La pastiglia "OFFERTE" segue lo stesso trattamento. */
.site-header .hdr-nav .nav-link.nav-link-hot,
.site-header .hdr-rail .nav-link.nav-link-hot {
    font-style: italic;
    font-weight: 900;
}

.site-header .hdr-nav .city-menu-toggle {
    font-style: italic;
    font-weight: 800;
    font-size: .97rem;
}

@media (max-width: 899px) {
    .site-header .hdr-rail .nav-link {
        font-size: .92rem;
    }
}

/* ------------------------------------------------------------
   2. Telefono: account e carrello sempre visibili
   Erano nascosti (larghezza 0), quindi a destra restavano solo
   carrello e hamburger.
   ------------------------------------------------------------ */

@media (max-width: 899px) {

    .site-header .hdr-act-login,
    .site-header .acct,
    .site-header .acct-toggle {
        display: inline-flex !important;
        width: auto;
    }

    .site-header .hdr-act-login {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
    }

    /* I preferiti restano solo nel menu: a destra lo spazio è poco
       e le voci indispensabili sono negozio, account e carrello. */
    .site-header .hdr-act-wish { display: none !important; }

    /* Su schermo largo il nome dell'account può essere lungo:
       su telefono si tiene solo l'icona. */
    .site-header .acct-toggle .hdr-act-label { display: none; }

    .site-header .hdr-act-login .hdr-act-label {
        display: block;
        font-size: .56rem;
    }
}

/* ------------------------------------------------------------
   3. Hamburger: si deve vedere che è toccabile
   ------------------------------------------------------------ */

.site-header .nav-toggle {
    display: inline-flex;
    width: auto;
    min-width: 46px;
    height: auto;
    min-height: 44px;
    background: transparent;
    border: 0;
    color: var(--ink);
}

.site-header .nav-toggle:hover {
    background: rgba(255, 255, 255, .08);
}

.site-header .nav-toggle .hdr-act-label {
    font-size: .56rem;
    color: var(--ink);
    letter-spacing: .02em;
}

@media (min-width: 900px) {
    .site-header .nav-toggle { display: none; }
}