/* PREMIUM SHELL v1 — one visual system shared across desktop and mobile.
   Authenticated app only; sites with data-no-rail stay unframed.
   This is the canonical shell layer after old shell assets, not another widget. */
:root{--eh-premium-amber:#f7aa33;--eh-premium-amber-soft:#ffd28a;--eh-premium-night:#081224;--eh-premium-rail:#101b32}
@media(min-width:1100px){
  body:has(.ehopto-search-header):not([data-no-rail]){
    padding:116px 36px 70px 352px!important;
    background:var(--e-bg,#070e1f)!important;
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer{
    position:fixed!important;left:18px!important;top:18px!important;bottom:18px!important;
    right:auto!important;width:304px!important;height:auto!important;
    padding:24px 17px!important;display:flex!important;flex-direction:column!important;
    border:1px solid var(--e-line,#26354f)!important;border-radius:20px!important;
    background:var(--e-card,#10192e)!important;box-shadow:none!important;
    overflow-y:auto!important;z-index:120!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer>.dr-logo{
    display:flex!important;align-items:center!important;justify-content:center!important;
    margin:2px auto 25px!important;width:152px!important;max-width:100%!important;
    background:transparent!important;mask:none!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer>.dr-logo img{
    width:100%!important;height:auto!important;object-fit:contain!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer .dr-primary-destinations{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;margin:0!important;padding:0!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer .dr-primary-destinations>a.dr-search-link{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:9px!important;min-height:95px!important;min-width:0!important;padding:12px 5px!important;
    color:var(--e-ink,#e8efff)!important;background:transparent!important;
    border:1px solid transparent!important;border-radius:14px!important;
    font-size:13px!important;font-weight:700!important;box-shadow:none!important;text-decoration:none!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer .dr-primary-destinations>a.dr-search-link svg{
    width:23px!important;height:23px!important;color:currentColor!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer .dr-primary-destinations>a.dr-search-link[aria-current=page]{
    color:var(--eh-premium-amber)!important;border-color:rgba(247,170,51,.65)!important;
    background:linear-gradient(155deg,rgba(247,170,51,.16),rgba(247,170,51,.035))!important;
    box-shadow:inset 0 1px 0 rgba(255,216,142,.12),0 0 13px rgba(247,170,51,.08)!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer .dr-primary-destinations>a.dr-search-link:hover{
    border-color:rgba(247,170,51,.42)!important;background:rgba(247,170,51,.07)!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header{
    position:absolute!important;left:352px!important;right:34px!important;top:18px!important;bottom:auto!important;
    width:auto!important;margin:0!important;z-index:300!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header .eseek-box{
    min-height:62px!important;border-radius:14px!important;
    border:1px solid var(--e-line,#2c3c55)!important;background:var(--e-card,#101b32)!important;
    box-shadow:none!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-appnav{display:none!important}
}
body .ehopto-search-header .eseek-wordmark{
  mask:none!important;-webkit-mask:none!important;background:none!important;isolation:isolate
}
body .ehopto-search-header .eseek-wordmark img.eseek-dark-logo{
  display:block!important;position:static!important;width:100%!important;
  height:100%!important;object-fit:contain!important
}
body .ehopto-search-header .eseek-wordmark img.eseek-light-logo,
body .ehopto-search-header .eseek-wordmark img.eseek-mobile-e-icon{display:none!important}
html.ehopto-theme-light body .ehopto-search-header .eseek-wordmark img.eseek-dark-logo,
body.ehopto-light-mode .ehopto-search-header .eseek-wordmark img.eseek-dark-logo{display:none!important}
html.ehopto-theme-light body .ehopto-search-header .eseek-wordmark img.eseek-light-logo,
body.ehopto-light-mode .ehopto-search-header .eseek-wordmark img.eseek-light-logo{display:block!important}
body .ehopto-search-header .eseek-brand-divider{background:var(--eh-premium-amber)!important;opacity:.7!important}
body .ehopto-search-header .eseek-search-button svg{color:var(--eh-premium-amber)!important}
body .ehopto-search-header .eseek-shell .eseek-box:focus-within{
  border-color:rgba(247,170,51,.7)!important;box-shadow:0 0 0 2px rgba(247,170,51,.1)!important
}
#ehopto-drawer .dr-primary-destinations>a.dr-search-link:focus-visible,
#ehopto-appnav>a:focus-visible{outline:2px solid var(--eh-premium-amber)!important;outline-offset:3px!important}
@media(max-width:1099px){
  body:has(.ehopto-search-header):not([data-no-rail]){
    padding:130px 16px calc(105px + env(safe-area-inset-bottom))!important
  }
  body .ehopto-search-header{
    left:14px!important;right:14px!important;top:12px!important;bottom:auto!important;
    padding:0!important;gap:8px!important
  }
  body .ehopto-search-header .ehopto-mobile-account-head{
    display:flex!important;margin:0 0 7px!important;min-height:53px!important
  }
  body .ehopto-search-header .ehopto-mobile-account-switch{
    min-height:48px!important;color:var(--e-ink,#f0f3fb)!important;text-decoration:none!important
  }
  body .ehopto-search-header .eseek-wordmark{
    width:34px!important;flex:0 0 34px!important;height:34px!important;overflow:visible!important
  }
  body .ehopto-search-header .eseek-wordmark img.eseek-dark-logo,
  html.ehopto-theme-light body .ehopto-search-header .eseek-wordmark img.eseek-light-logo{
    display:none!important
  }
  body .ehopto-search-header .eseek-wordmark img.eseek-mobile-e-icon{
    display:block!important;width:34px!important;height:34px!important;
    min-width:34px!important;position:static!important;transform:none!important;object-fit:contain!important
  }
  body .ehopto-search-header .eseek-brand-divider{display:none!important}
  body .ehopto-search-header .eseek-shell .eseek-box{min-height:48px!important;
    border-radius:13px!important;background:var(--e-card,#101b32)!important;
    border:1px solid var(--e-line,#2c3c55)!important;box-shadow:none!important}
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;transform:none!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;margin:0!important;
    padding:5px 8px calc(8px + env(safe-area-inset-bottom))!important;
    background:rgba(7,14,29,.98)!important;border:0!important;
    border-top:1px solid rgba(133,156,192,.2)!important;border-radius:0!important;
    box-shadow:0 -8px 25px rgba(0,0,0,.22)!important;z-index:350!important
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock>a{
    min-width:0!important;min-height:62px!important;padding:7px 2px 5px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:5px!important;border:0!important;border-radius:11px!important;
    color:#b8c2d7!important;background:transparent!important;
    box-shadow:none!important;font-size:11px!important;font-weight:650!important;text-decoration:none!important
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock>a[aria-current=page]{
    color:var(--eh-premium-amber)!important;background:transparent!important
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock>a[aria-current=page]::after{
    content:"";position:absolute;bottom:1px;left:calc(50% - 3px);width:6px;height:6px;
    border-radius:50%;background:var(--eh-premium-amber)
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock>a .ic svg{
    width:23px!important;height:23px!important;color:currentColor!important
  }
}
@media(max-width:370px){
  body:has(.ehopto-search-header):not([data-no-rail]){padding-left:11px!important;padding-right:11px!important}
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock>a{font-size:10px!important}
}
html.ehopto-theme-light body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock{
  background:#f8fbff!important;border-top-color:#cdd6e4!important
}
html.ehopto-theme-light body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock>a{
  color:#425475!important
}
html.ehopto-theme-light body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock>a[aria-current=page]{
  color:#a86608!important
}
@media(prefers-reduced-motion:reduce){#ehopto-drawer *,#ehopto-appnav *{animation:none!important;transition:none!important}}

/* Match the desktop draft: search stays compact, private profile/alerts on right. */
@media(min-width:1100px){
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header .ehopto-search-primary{
    width:min(620px,calc(100% - 205px))!important;max-width:620px!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header .ehopto-mobile-account-head{
    display:flex!important;position:absolute!important;right:0!important;top:2px!important;
    width:auto!important;max-width:190px!important;min-height:58px!important;
    align-items:center!important;justify-content:flex-end!important;gap:13px!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header .ehopto-mobile-account-switch{
    width:48px!important;min-width:48px!important;flex:0 0 48px!important;
    padding:3px!important;border:1px solid var(--e-line,#2c3c55)!important;
    border-radius:14px!important;background:var(--e-card,#101b32)!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header .ehopto-mobile-account-switch .ehopto-mobile-account-names,
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header .ehopto-mobile-account-switch>svg{
    display:none!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header .ehopto-mobile-account-actions{
    display:flex!important;align-items:center!important;gap:7px!important
  }
  body:has(.ehopto-search-header):not([data-no-rail]) .ehopto-search-header .ehopto-mobile-account-actions a[aria-label="Settings"]{
    display:none!important
  }
}