/* Ehopto mobile search + dock refinement, 2026-10-26.
   Desktop sidebar, websites and all five real navigation actions remain. */
@media (max-width:1099px) {
  /* Crop the real first-letter logo from the approved Ehopto wordmark.
     Unlike a font or an emoji, this is the original branded e. */
  body:not([data-no-rail]) #ehopto-search-panel .eseek-wordmark {
    flex:0 0 30px!important;width:30px!important;min-width:30px!important;
    max-width:30px!important;height:33px!important;max-height:33px!important;
    position:relative!important;display:block!important;
    overflow:hidden!important;isolation:isolate;
    -webkit-mask:none!important;mask:none!important;
    background:transparent!important;
  }
  body:not([data-no-rail]) #ehopto-search-panel .eseek-wordmark img {
    position:absolute!important;top:50%!important;left:0!important;
    transform:translateY(-50%)!important;
    width:108px!important;min-width:108px!important;max-width:none!important;
    height:33px!important;max-height:none!important;
    object-fit:fill!important;object-position:left center!important;
  }
  /* Current phone design keeps a true 16px input so the keyboard never zooms
     in; removing unnecessary logo text makes the whole placeholder legible. */
  body:not([data-no-rail]) #ehopto-search-panel .eseek-box input[type="search"] {
    min-width:0!important;max-width:100%!important;font-size:16px!important;
    text-overflow:clip!important;
  }
  /* Edge profile follows the first and fifth button arcs: nearly no extra
     "empty ring" outside the Home and Profile outer corners. */
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock {
    left:12px!important;right:12px!important;
    border-radius:24px!important;padding:3px!important;gap:3px!important;
    min-height:63px!important;align-items:stretch!important;
    overflow:visible!important;
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock
    > :is(a,button:not(.ehopto-dock-hamburger)) {
    min-height:55px!important;border-radius:13px!important;
    padding:5px 0!important;
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock
    > .ehopto-dock-home {
    border-radius:19px 13px 13px 19px!important;
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock
    > .ehopto-mobile-category[data-mobile-tab="profile"] {
    border-radius:13px 19px 19px 13px!important;
  }
  /* Hamburger exists inside the same nav; the five-button menu is not cloned. */
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock
    > button.ehopto-dock-hamburger {
    display:none!important;min-height:48px!important;width:100%!important;
    min-width:48px!important;
    color:var(--trim,#4f8cff)!important;
    background:rgba(13,27,51,.94)!important;
    border:1px solid rgba(var(--trim-rgb,79,140,255),.46)!important;
    border-radius:17px!important;
    align-items:center!important;justify-content:center!important;
    padding:0!important;cursor:pointer!important;
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock
    > button.ehopto-dock-hamburger svg {
    display:block!important;width:24px!important;height:24px!important;
    color:var(--trim,#4f8cff)!important;
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock.ehopto-dock-collapsed {
    left:auto!important;right:12px!important;width:62px!important;
    min-height:58px!important;max-width:62px!important;
    display:flex!important;grid-template-columns:none!important;
    border-radius:21px!important;align-items:center!important;
    padding:4px!important;gap:0!important;
    box-shadow:0 8px 21px rgba(4,12,27,.22)!important;
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock.ehopto-dock-collapsed
    > :is(a,button:not(.ehopto-dock-hamburger)) {
    display:none!important;
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock.ehopto-dock-collapsed
    > button.ehopto-dock-hamburger {
    display:flex!important;flex:1 1 auto!important;
  }
  body.ehopto-dock-scrolled:not([data-no-rail]) {
    --ehopto-mobile-dock-space:calc(80px + env(safe-area-inset-bottom));
  }
  /* Mobile keyboards already contain a nav/action row. Ehopto gets out of
     their way instead of floating the full dock above the virtual keyboard. */
  body.ehopto-dock-keyboard:not([data-no-rail]) {
    --ehopto-mobile-dock-space:calc(12px + env(safe-area-inset-bottom));
  }
  body.ehopto-dock-keyboard:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock {
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(135%)!important;
  }
  body.ehopto-dock-keyboard.ehopto-mobile-drawer-open #ehopto-drawer:not([hidden]) {
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
  }
}
@media (max-width:350px) {
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock {
    left:7px!important;right:7px!important;gap:2px!important;padding:3px!important;
  }
  body:not([data-no-rail]) #ehopto-appnav.ehopto-category-dock.ehopto-dock-collapsed{
    left:auto!important;right:8px!important;
  }
}
@media (min-width:1100px) {
  #ehopto-appnav .ehopto-dock-hamburger {display:none!important}
}
@media (prefers-reduced-motion:reduce) {
  #ehopto-appnav{transition:none!important}
}


/* The whole standalone Ehopto e. Cropping the horizontal logo to 30px
   clipped the outer globe on Huawei. Use the existing high-resolution
   app mark instead, keeping full wordmark on desktop. */
.eseek-wordmark .eseek-mobile-e-icon{display:none!important}
@media (max-width:1099px) {
  body:not([data-no-rail]) #ehopto-search-panel .eseek-wordmark{
    flex:0 0 36px!important;width:36px!important;min-width:36px!important;
    max-width:36px!important;height:36px!important;max-height:36px!important;
    overflow:visible!important;display:flex!important;align-items:center!important;
    justify-content:center!important;background:transparent!important;
    -webkit-mask:none!important;mask:none!important;
  }
  body:not([data-no-rail]) #ehopto-search-panel .eseek-wordmark
    :is(.eseek-dark-logo,.eseek-light-logo){display:none!important}
  body:not([data-no-rail]) #ehopto-search-panel .eseek-wordmark img.eseek-mobile-e-icon{
    position:static!important;top:auto!important;left:auto!important;
    display:block!important;width:36px!important;min-width:36px!important;
    max-width:36px!important;height:36px!important;max-height:36px!important;
    object-fit:contain!important;object-position:center!important;
    transform:none!important;border:0!important;
  }
}