/* V25: non-overlapping responsive navigation */
.donar-navbar,.donar-navbar *{box-sizing:border-box}
.donar-navbar{position:sticky;top:0;z-index:999;display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(8px,1vw,18px);padding:12px clamp(12px,2vw,32px);width:100%;min-width:0}
.donar-navbar .donar-logo{flex:0 1 170px;width:170px;min-width:65px;max-width:none;margin:0}
.donar-navbar .donar-logo .ss-brand-logo{width:100%;max-width:100%;height:auto;max-height:65px;object-fit:contain}
.donar-navbar .ss-account-actions{position:static;display:flex;align-items:center;gap:7px;flex:0 0 auto;min-width:0;margin:0}
.donar-navbar .ss-account-actions form{margin:0;display:flex}
.donar-navbar .donar-nav-links{min-width:0;gap:clamp(8px,1.15vw,20px);margin-left:auto}
.donar-navbar .donar-nav-actions{display:flex;align-items:center;flex:0 0 auto;gap:8px;min-width:0}
.donar-navbar .donar-phone{min-width:0}
.donar-navbar .donar-phone-text{min-width:0}
/* Collapse well before the full desktop row runs out of horizontal space. */
@media(max-width:1700px){
 .donar-navbar{justify-content:space-between;gap:12px;padding:10px 20px}
 .donar-navbar .donar-logo{flex:0 1 175px;width:175px}
 .donar-navbar .donar-nav-links{position:absolute!important;top:100%!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 100px);overflow-y:auto;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:12px 18px!important;background:#fff!important;border:1px solid #e8edea;border-radius:0 0 14px 14px;box-shadow:0 16px 30px rgba(0,0,0,.14);transform:none!important;z-index:1000}
 .donar-navbar .donar-nav-links.is-open{display:flex!important}
 .donar-navbar .donar-nav-item{display:block;width:100%;padding:12px 4px;white-space:normal}
 .donar-navbar .donar-nav-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 4px}
 .donar-navbar .donar-dropdown{position:static!important;display:none;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;margin:0 0 8px;background:#f6faf8}
 .donar-navbar .has-dropdown.is-open .donar-dropdown{display:block}
 .donar-navbar .donar-nav-actions{margin-left:auto}
 .donar-navbar .donar-menu-btn{display:flex!important;flex:0 0 auto}
 .donar-navbar .donar-phone-text{display:none}
}
@media(max-width:700px){
 .donar-navbar{gap:8px;padding:9px 12px;min-height:65px}
 .donar-navbar .donar-logo{flex:0 1 115px;width:115px;min-width:48px}
 .donar-navbar .donar-logo .ss-brand-logo{max-height:50px}
 .donar-navbar .ss-account-actions{gap:4px}
 .donar-navbar .ss-account-link{font-size:11px;padding:7px 9px;min-height:32px}
 .donar-navbar .donar-nav-actions{gap:5px}
 .donar-navbar .donar-phone{display:none!important}
 .donar-navbar .donar-search-btn,.donar-navbar .donar-menu-btn{width:36px;height:36px;flex:0 0 36px}
}
@media(max-width:480px){
 .donar-navbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand tools' 'account account';column-gap:8px;row-gap:7px;padding:9px 12px!important}
 .donar-navbar .donar-logo{grid-area:brand;width:110px;max-width:100%;min-width:0;justify-self:start}
 .donar-navbar .donar-nav-actions{grid-area:tools;margin:0;justify-self:end}
 .donar-navbar .ss-account-actions{grid-area:account;justify-content:center;flex-wrap:wrap;width:100%;gap:8px}
 .donar-navbar .ss-account-link{font-size:12px;padding:8px 16px}
 .donar-navbar .donar-nav-links{top:100%!important;left:8px!important;right:8px!important}
}
@media(max-width:320px){.donar-navbar .donar-search-btn{display:none!important}.donar-navbar .ss-account-link{padding:7px 11px}}
