/* EVBro — Which navigation is shown: bottom dock (touch) or sidebar (mouse; see desktop.css).
   Standalone sheet: the load ORDER (templates/index.html) follows the original cascade; do not change it. */

/* TOUCH devices (phone, tablet, or the phone in «desktop site» mode, whose width fools width-based media
   queries): always the bottom dock, whatever the width. */
@media (hover: none) and (pointer: coarse) {
  .container { padding-bottom: 5.5rem; }          /* room for the fixed dock */
}

/* With a MOUSE and a wide window the bottom dock is not needed: the sidebar rules (desktop.css) */
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .native-bottom-dock { display: none; }
  .dock-customize { display: none !important; }        /* no bottom bar, nothing to customise */
}