/* Sprint 1-4 cumulative fix: notification subscription banner */
.hero-notification-area{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:18px;
    flex:1 1 900px;
    min-width:min(100%,760px);
}
.push-subscribe-banner{
    display:flex;
    align-items:center;
    gap:14px;
    width:min(100%,900px);
    padding:9px 16px;
    border:1px solid rgba(255,255,255,.38);
    border-radius:15px;
    background:linear-gradient(135deg,#ffbd16 0%,#f39200 100%);
    box-shadow:0 10px 24px rgba(4,35,74,.24),inset 0 1px 0 rgba(255,255,255,.25);
    color:#fff;
}
.push-subscribe-icon{
    display:grid;
    place-items:center;
    flex:0 0 48px;
    width:48px;
    height:48px;
    border-radius:50%;
    background:#fff;
    color:#ef3d22;
    font-size:25px;
    box-shadow:0 5px 14px rgba(112,55,0,.16);
}
.push-subscribe-content{flex:1;min-width:0}
.push-subscribe-title{display:block;font-size:1rem;font-weight:900;line-height:1.2}
.push-subscribe-text{display:block;margin-top:2px;font-size:.82rem;font-weight:650;line-height:1.35;color:rgba(255,255,255,.98)}
.push-subscribe-button{
    flex:0 0 auto;
    min-width:150px;
    padding:10px 17px;
    border:2px solid rgba(255,255,255,.9);
    border-radius:11px;
    background:#ef4a24;
    color:#fff;
    font:inherit;
    font-size:.92rem;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 5px 12px rgba(139,43,9,.20);
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.push-subscribe-button:hover:not(:disabled){transform:translateY(-2px);background:#d93b18;box-shadow:0 8px 16px rgba(139,43,9,.28)}
.push-subscribe-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.push-subscribe-button:disabled{cursor:not-allowed;opacity:.78}
.push-subscription-status{margin:4px 0 0;font-size:.77rem;font-weight:750;line-height:1.3}
.push-subscription-status.is-success{color:#eaffef}.push-subscription-status.is-warning{color:#fff7d3}.push-subscription-status.is-error{color:#ffe1dc}
.push-subscribe-banner[data-subscription-state="subscribed"]{background:linear-gradient(135deg,#16864d,#0f6d3c)}
.push-subscribe-banner[data-subscription-state="subscribed"] .push-subscribe-icon{color:#12804a}
.push-subscribe-banner[data-subscription-state="subscribed"] .push-subscribe-button{background:#075c34}
@media(max-width:1180px){
    .hero-notification-area{flex-basis:100%;justify-content:space-between}
    .push-subscribe-banner{width:min(100%,900px)}
}
@media(max-width:760px){
    .hero-notification-area{align-items:stretch;flex-direction:column;min-width:0}
    .push-subscribe-banner{width:100%;align-items:flex-start;flex-wrap:wrap}
    .push-subscribe-content{min-width:calc(100% - 80px)}
    .push-subscribe-button{width:100%}
    .hero-notification-area .status-badge{align-self:flex-end}
}
@media(max-width:430px){
    .push-subscribe-banner{padding:13px;gap:12px}
    .push-subscribe-icon{flex-basis:48px;width:48px;height:48px;font-size:24px}
    .push-subscribe-title{font-size:.98rem}
    .push-subscribe-text{font-size:.79rem}
}

/* Sprint 6 — installation PWA depuis le bandeau des arrivées */
.push-subscribe-actions{display:flex;align-items:stretch;gap:9px;flex:0 0 auto}
.push-install-button{
    min-width:170px;padding:9px 14px;border:2px solid rgba(255,255,255,.86);border-radius:11px;
    background:rgba(13,61,112,.92);color:#fff;font:inherit;font-size:.88rem;font-weight:900;cursor:pointer;
    box-shadow:0 5px 12px rgba(4,35,74,.20);transition:transform .18s ease,background .18s ease,box-shadow .18s ease
}
.push-install-button:hover:not(:disabled){transform:translateY(-2px);background:#082f5e;box-shadow:0 8px 16px rgba(4,35,74,.28)}
.push-install-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.push-install-button.is-installed{background:#0f6d3c;border-color:rgba(255,255,255,.7);cursor:default}
.push-install-button.is-unavailable{opacity:.75;cursor:help}
@media(max-width:900px){.push-subscribe-actions{width:100%;flex-wrap:wrap}.push-subscribe-button,.push-install-button{flex:1 1 210px}}
@media(max-width:520px){.push-subscribe-actions{display:grid;grid-template-columns:1fr}.push-subscribe-button,.push-install-button{width:100%;min-width:0}}