/* Einfach Haltbar – EN IA v0.2.6
   Global layout adaptation for six EN hubs. Keeps DE visual language; only manages
   additional English navigation density and the user-approved hub expansion. */
@media(min-width:1181px){
  body.eh-en-parity-shell .eh7-nav-inner{width:min(1380px,calc(100% - 32px));gap:14px}
  body.eh-en-parity-shell .eh7-nav-trigger,body.eh-en-parity-shell .eh7-nav-about{padding-inline:7px;font-size:10px}
  body.eh-en-parity-shell .eh7-nav-actions{gap:5px}
  body.eh-en-parity-shell .eh7-nav-guides{padding-inline:11px}
  body.eh-en-parity-shell .eh7-nav-buy{padding-inline:13px}
}
@media(min-width:951px) and (max-width:1180px){
  body.eh-en-parity-shell .eh7-nav-inner{width:calc(100% - 26px);gap:9px}
  body.eh-en-parity-shell .eh7-nav-trigger,body.eh-en-parity-shell .eh7-nav-about{padding-inline:5px;font-size:9.2px}
  body.eh-en-parity-shell .eh7-nav-buy{display:none}
  body.eh-en-parity-shell .eh7-nav-guides{padding-inline:9px;font-size:8.8px}
}
@media(min-width:761px) and (max-width:950px){
  body.eh-en-parity-shell .eh7-nav-inner{width:calc(100% - 20px);gap:6px}
  body.eh-en-parity-shell .eh7-nav-trigger,body.eh-en-parity-shell .eh7-nav-about{padding-inline:4px;font-size:8.4px}
  body.eh-en-parity-shell .eh7-nav-guides,body.eh-en-parity-shell .eh7-nav-buy{display:none}
  body.eh-en-parity-shell .eh7-nav-lang{min-width:32px;padding-inline:7px}
  body.eh-en-parity-shell .eh7-logo-name{font-size:19px}
  body.eh-en-parity-shell .eh7-logo-claim{font-size:5.4px}
}

/* Keep the last desktop dropdown inside the viewport at compact widths. */
@media(min-width:761px){
  body.eh-en-parity-shell .eh7-nav-item[data-eh7-dropdown="buying-guides"] .eh7-dropdown{left:auto;right:0;transform:translate(0,-5px)}
  body.eh-en-parity-shell .eh7-nav-item[data-eh7-dropdown="buying-guides"].is-open>.eh7-dropdown{transform:translate(0,0)}
}

/* Tablet: six top-level hubs should not be squeezed into unreadable 8–9px labels.
   Switch to the already approved accordion navigation before that happens. */
@media(min-width:761px) and (max-width:1050px){
  body.eh-en-parity-shell .eh7-nav{position:relative!important;top:auto!important;backdrop-filter:none!important}
  body.eh-en-parity-shell.admin-bar .eh7-nav{top:auto!important}
  body.eh-en-parity-shell .eh7-nav-inner{width:calc(100% - 32px)!important;height:60px!important;gap:12px!important;grid-template-columns:auto 1fr auto!important}
  body.eh-en-parity-shell .eh7-nav-links,
  body.eh-en-parity-shell .eh7-nav-guides,
  body.eh-en-parity-shell .eh7-nav-lang,
  body.eh-en-parity-shell .eh7-nav-buy{display:none!important}
  body.eh-en-parity-shell .eh7-menu-button{display:block!important;width:48px!important;height:48px!important;padding:11px!important}
  body.eh-en-parity-shell .eh7-mobile-menu{display:block!important;position:fixed;inset:0;z-index:1200;background:rgba(255,253,248,.99);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s}
  body.eh-en-parity-shell .eh7-mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}
  body.eh-en-parity-shell .eh7-mobile-menu-inner{width:min(calc(100% - 40px),680px);height:100%;height:100dvh;margin:auto;padding:18px 0 calc(36px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}
  body.eh-en-parity-shell .eh7-mobile-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--eh7-line)}
  body.eh-en-parity-shell .eh7-mobile-close{width:44px;height:44px;border:1px solid var(--eh7-line);border-radius:50%;background:#fff;color:var(--eh7-ink);font:300 28px/1 var(--eh7-sans)}
  body.eh-en-parity-shell .eh7-mobile-nav{display:grid!important;padding-top:8px!important}
  body.eh-en-parity-shell .eh7-mobile-group{border-bottom:1px solid var(--eh7-line)}
  body.eh-en-parity-shell .eh7-mobile-accordion{display:grid;grid-template-columns:34px 1fr auto;align-items:center;width:100%;min-height:62px;padding:0;border:0;background:transparent;color:var(--eh7-ink);text-align:left;cursor:pointer}
  body.eh-en-parity-shell .eh7-mobile-accordion>span,
  body.eh-en-parity-shell .eh7-mobile-direct>span{font:800 8px/1 var(--eh7-sans);letter-spacing:.12em;color:var(--eh7-orange)}
  body.eh-en-parity-shell .eh7-mobile-accordion>strong,
  body.eh-en-parity-shell .eh7-mobile-direct>strong{font:700 26px/1 var(--eh7-serif)}
  body.eh-en-parity-shell .eh7-mobile-accordion>b{font:400 24px/1 var(--eh7-sans);transition:transform .16s ease}
  body.eh-en-parity-shell .eh7-mobile-accordion[aria-expanded="true"]>b{transform:rotate(45deg)}
  body.eh-en-parity-shell .eh7-mobile-sub{padding:0 0 12px 34px}
  body.eh-en-parity-shell .eh7-mobile-sub[hidden]{display:none!important}
  body.eh-en-parity-shell .eh7-mobile-sub a{display:flex!important;align-items:center!important;min-height:42px!important;padding:0 8px!important;border:0!important;border-radius:9px;color:var(--eh7-ink)!important;font:700 13px/1.2 var(--eh7-sans)!important}
  body.eh-en-parity-shell .eh7-mobile-sub .eh7-mobile-hub{margin-bottom:4px;background:linear-gradient(90deg,#eff7f3,#fff7ed);color:var(--eh7-green)!important;font-weight:850!important}
  body.eh-en-parity-shell .eh7-mobile-direct{display:grid!important;grid-template-columns:34px 1fr;align-items:center;min-height:62px!important;padding:0!important;border-bottom:1px solid var(--eh7-line)!important;color:var(--eh7-ink)!important}
  body.eh-en-parity-shell .eh7-mobile-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}
  body.eh-en-parity-shell .eh7-mobile-guides,
  body.eh-en-parity-shell .eh7-mobile-lang,
  body.eh-en-parity-shell .eh7-mobile-buy{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;border-radius:999px;font:850 12px/1 var(--eh7-sans)}
  body.eh-en-parity-shell .eh7-mobile-guides{border:1px solid rgba(7,91,73,.20);background:#fff;color:var(--eh7-green)!important}
  body.eh-en-parity-shell .eh7-mobile-lang{min-width:48px;border:1px solid rgba(7,91,73,.18);background:transparent;color:var(--eh7-ink)!important}
  body.eh-en-parity-shell .eh7-mobile-buy{grid-column:1/-1;background:var(--eh7-green-2);color:#fff!important;box-shadow:0 8px 20px rgba(14,123,97,.16)}
}
@media(min-width:783px) and (max-width:1050px){body.eh-en-parity-shell.admin-bar .eh7-mobile-menu{top:32px}}
@media(min-width:761px) and (max-width:782px){body.eh-en-parity-shell.admin-bar .eh7-mobile-menu{top:46px}}