/* Native French, German and Portuguese pages share BonoDrop's main header.
   Keep the existing hamburger button visible on narrow screens and tablets. */
.native-locale .nav-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-width:0;gap:12px}
.native-locale .nav-menu{min-width:0}
.native-locale .nav-menu .nav-link{display:inline-flex;align-items:center;line-height:1.35;min-height:38px;padding:8px 12px;white-space:normal}
.native-locale .language-switch{margin:0;min-width:0}
.native-locale .language-switch summary{color:#e0f4e8}
.native-locale .language-options a[aria-current="page"]{background:#d1f0d7;color:#12472c}
.native-locale .language-options a:focus-visible,
.native-locale .nav-link:focus-visible,
.native-locale .mobile-toggle:focus-visible{outline:3px solid #66db77;outline-offset:2px}
.game-event-list .guide-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.game-event-list .guide-card{min-width:0}
.game-event-list .guide-card-description{overflow-wrap:anywhere}
.bd-hero{min-height:0}
.bd-hero h1{max-width:880px}
.reward-card .btn{align-self:center}

/* Switch before translated labels can overflow the fixed-height header. */
@media(max-width:960px){
 .native-locale .header{height:66px}
 .native-locale .nav-wrap{position:relative;height:100%;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;padding-top:0;padding-bottom:0}
 .native-locale .nav-wrap>.brand{max-width:calc(100% - 64px);min-width:0;flex:0 1 auto;overflow:hidden}
 .native-locale .nav-actions{display:flex;align-items:center;flex:0 0 auto;margin-left:auto}
 .native-locale .desktop-language-switch{display:none}
 .native-locale .mobile-toggle{display:block;min-width:42px;min-height:42px;flex:0 0 auto}
 .native-locale .nav-menu{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:40;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:4px;padding:14px;border:1px solid #2a5347;border-radius:0 0 14px 14px;background:#102827;box-shadow:0 14px 35px #12302450}
 .native-locale .nav-menu.open{display:flex}
 .native-locale .nav-menu .nav-link{display:block;box-sizing:border-box;width:100%;min-height:42px;padding:11px 14px}
 .native-locale .mobile-language-switch{display:block;width:100%;min-width:0;margin-top:9px;padding-top:12px;border-top:1px solid #35564b}
 .native-locale .mobile-language-switch .language-switch{display:block;width:100%;box-sizing:border-box}
 .native-locale .mobile-language-switch .language-switch details{width:100%}
 .native-locale .mobile-language-switch .language-switch summary{font-size:13px;padding:11px 12px}
 .native-locale .mobile-language-switch .language-options{position:static;width:100%;max-width:100%;max-height:none;box-sizing:border-box;margin-top:7px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .native-locale .mobile-language-switch details[open] .language-options{display:grid}
 .native-locale .mobile-language-switch .language-options a{white-space:normal}
 .native-locale .bd-hero{padding-top:18px;padding-bottom:18px}
 .native-locale .bd-hero h1{font-size:clamp(25px,7vw,40px)}
 .native-locale .guide-card-grid{grid-template-columns:1fr}
 .native-locale .reward-card{min-width:0}
}
@media(max-width:380px){
 .native-locale .nav-wrap{gap:6px}
 .native-locale .brand{font-size:17px}
 .native-locale .mobile-language-switch .language-options{grid-template-columns:1fr}
}