/* MeinWeg 15.3.5 — instalação PWA visível no mobile + suporte guiado Apple */
.nav-pwa-install-button,
.header-pwa-install-button{
    appearance:none;
    border:1px solid color-mix(in srgb,var(--primary) 22%,white);
    background:color-mix(in srgb,var(--primary) 5%,white);
    color:var(--primary);
    cursor:pointer;
    align-items:center;
    justify-content:center;
    transition:.2s;
    box-shadow:0 3px 10px rgba(88,49,145,.05);
}

.nav-pwa-install-button{
    width:38px;
    height:38px;
    min-width:38px;
    padding:0;
    border-radius:11px;
    display:inline-flex;
}

.nav-pwa-install-button[hidden],
.header-pwa-install-button[hidden]{display:none!important}

.nav-pwa-install-icon,
.header-pwa-install-button svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.nav-pwa-install-text{display:none}

.nav-pwa-install-button:hover,
.nav-pwa-install-button:focus-visible,
.header-pwa-install-button:hover,
.header-pwa-install-button:focus-visible{
    background:color-mix(in srgb,var(--primary) 11%,white);
    border-color:color-mix(in srgb,var(--primary) 38%,white);
    outline:none;
}

/* O atalho do topo é exclusivo de layouts recolhidos/mobile. */
.header-pwa-install-button{
    display:none;
    width:40px;
    height:40px;
    min-width:40px;
    padding:0;
    border-radius:11px;
    flex:0 0 40px;
}

@media(max-width:950px){
    /* Mantém a opção completa também dentro do menu hambúrguer. */
    .site-header .main-nav .nav-pwa-install-button{
        width:100%;
        min-width:0;
        height:auto;
        min-height:46px;
        margin-top:4px;
        padding:10px 14px;
        border-radius:12px;
        gap:8px;
        font:inherit;
        font-weight:800;
        font-size:14px;
    }
    .site-header .main-nav .nav-pwa-install-text{display:inline}

    /* Atalho visível ao lado do seletor de idioma. */
    .site-header .header-pwa-install-button:not([hidden]){display:inline-flex}
}

@media(max-width:700px){
    .site-header .header-pwa-install-button{
        width:42px;
        height:42px;
        min-width:42px;
        flex-basis:42px;
    }
}

/* Em telas estreitas, compacta apenas alguns pixels para os cinco controles
   caberem ao lado do logo sem quebrar o cabeçalho. */
@media(max-width:430px){
    .site-header .header-tools{gap:4px}
    .site-header .header-message-link,
    .site-header .notification-toggle,
    .site-header .language-toggle,
    .site-header .header-pwa-install-button,
    .site-header .menu-toggle{
        width:38px;
        min-width:38px;
        height:40px;
        flex-basis:38px;
    }
    .site-header .logo-main{font-size:21px}
    .site-header .logo-sub{font-size:7.5px;letter-spacing:1.1px}
}

@media(display-mode:standalone){
    .nav-pwa-install-button,
    .header-pwa-install-button{display:none!important}
}

/* MeinWeg 15.3.5 — Apple/iPhone: instalação manual guiada + idioma sem sobreposição. */
@media(max-width:480px){
    .site-header .header-tools{gap:3px}

    /* No iPhone o seletor precisa comportar bandeira + PT/EN sem esmagar os elementos. */
    .site-header .language-toggle{
        width:54px!important;
        min-width:54px!important;
        height:40px!important;
        flex:0 0 54px!important;
        padding:0 5px!important;
        gap:4px!important;
    }
    .site-header .language-toggle img{
        width:22px!important;
        height:15px!important;
        flex:0 0 22px!important;
        margin:0!important;
        transform:none!important;
    }
    .site-header .language-toggle span{
        display:inline!important;
        flex:0 0 auto;
        line-height:1;
        font-size:13px;
        margin:0!important;
    }
    .site-header .language-toggle > svg{display:none!important}

    .site-header .header-message-link,
    .site-header .notification-toggle,
    .site-header .header-pwa-install-button,
    .site-header .menu-toggle{
        width:38px;
        min-width:38px;
        height:40px;
        flex-basis:38px;
    }
    .site-header .logo-main{font-size:20px}
    .site-header .logo-sub{font-size:7px;letter-spacing:1px}
}

/* Orientação própria para instalação em iPhone/iPad e Safari no Mac. */
body.pwa-dialog-open{overflow:hidden}
.pwa-apple-dialog[hidden]{display:none!important}
.pwa-apple-dialog{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px}
.pwa-apple-dialog-backdrop{position:absolute;inset:0;background:rgba(27,20,38,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.pwa-apple-dialog-card{position:relative;z-index:1;width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 24px 70px rgba(41,28,62,.28);text-align:center}
.pwa-apple-dialog-x{position:absolute;top:13px;right:13px;width:36px;height:36px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--text);font-size:25px;line-height:1;cursor:pointer}
.pwa-apple-dialog-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);display:flex;align-items:center;justify-content:center}
.pwa-apple-dialog-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pwa-apple-dialog-eyebrow{display:block;color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;margin-bottom:6px}
.pwa-apple-dialog-card h2{font-size:24px;color:var(--primary);margin:0 0 10px}
.pwa-apple-dialog-card p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 auto 20px;max-width:370px}
.pwa-apple-dialog-confirm{width:100%;border:0;border-radius:12px;background:var(--primary);color:#fff;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer}

/* MeinWeg 15.4.1 — aviso de instalação duplicada em navegadores desktop */
.pwa-desktop-dialog[hidden]{display:none!important}
.pwa-desktop-dialog{position:fixed;inset:0;z-index:5001;display:flex;align-items:center;justify-content:center;padding:20px}
.pwa-desktop-dialog-backdrop{position:absolute;inset:0;background:rgba(27,20,38,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.pwa-desktop-dialog-card{position:relative;z-index:1;width:min(470px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 24px 70px rgba(41,28,62,.28);text-align:center}
.pwa-desktop-dialog-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:25px}
.pwa-desktop-dialog-eyebrow{display:block;color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;margin-bottom:6px}
.pwa-desktop-dialog-card h2{font-size:23px;color:var(--primary);margin:0 0 10px}
.pwa-desktop-dialog-card p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 auto 20px;max-width:400px}
.pwa-desktop-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pwa-desktop-dialog-actions button{min-height:44px;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}
.pwa-desktop-dialog-cancel{border:1px solid var(--border);background:#fff;color:var(--text)}
.pwa-desktop-dialog-continue{border:0;background:var(--primary);color:#fff}
@media(max-width:520px){.pwa-desktop-dialog-actions{grid-template-columns:1fr}}