/* Navegación móvil común para las áreas autenticadas de LOCADORA. */
.locadora-mobile-tools,
.locadora-mobile-drawer { display:none; }

@media (max-width:760px) {
  header.locadora-mobile-ready,
  .topbar.locadora-mobile-ready {
    position:relative;
    min-height:68px;
    height:auto;
    padding:12px 17px;
    gap:12px;
    align-items:center;
  }

  header.locadora-mobile-ready > a > img,
  .topbar.locadora-mobile-ready > a > img { width:154px !important; max-width:55vw; }

  .locadora-mobile-nav-source { display:none !important; }
  .locadora-mobile-hide-context { display:none !important; }

  .locadora-mobile-tools {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin-left:auto;
  }

  .locadora-mobile-alert-slot:empty { display:none; }
  .locadora-mobile-alert-slot > button {
    min-height:42px;
    padding:9px 11px;
    border-radius:10px;
    white-space:nowrap;
  }

  .locadora-mobile-menu-button {
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #b9d8d1;
    border-radius:10px;
    background:#fff;
    color:#155f58;
    box-shadow:0 3px 10px #153d4014;
    cursor:pointer;
  }
  .locadora-mobile-menu-button svg { width:22px; height:22px; }
  .locadora-mobile-menu-button:focus-visible,
  .locadora-mobile-drawer a:focus-visible,
  .locadora-mobile-drawer button:focus-visible { outline:3px solid #f1bd54; outline-offset:2px; }

  .locadora-mobile-drawer {
    position:absolute;
    z-index:45;
    top:calc(100% + 8px);
    right:14px;
    left:14px;
    padding:10px;
    border:1px solid #bddbd5;
    border-radius:15px;
    background:#fff;
    box-shadow:0 18px 42px #133d3930;
  }
  .locadora-mobile-drawer.is-open { display:grid; gap:4px; }
  .locadora-mobile-drawer a,
  .locadora-mobile-drawer button {
    display:flex;
    align-items:center;
    width:100%;
    min-height:45px;
    padding:11px 13px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#173d3e;
    font:700 15px/1.25 Inter,Arial,sans-serif;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
  }
  .locadora-mobile-drawer a:hover,
  .locadora-mobile-drawer button:hover { background:#edf8f5; color:#0d6962; }
  .locadora-mobile-drawer .locadora-mobile-signout { color:#915047; }
  .locadora-mobile-drawer .locadora-mobile-signout:hover { background:#fff4f2; color:#8b362d; }
  .locadora-mobile-drawer [hidden] { display:none !important; }
}