/* ============================================================
DiveLog DS — Component: Mobile Trigger (DDR-006)
Logo floating fisso top-left per aprire il drawer su mobile.
============================================================ */
.mobile-trigger {
  position: fixed;
  top: var(--space-4);
  left: var(--space-4);
  z-index: var(--z-header);
  display: block;
  width: 48px;
  height: 48px;
  padding: var(--space-2);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-medium);
  cursor: pointer;
  transition: background var(--motion-fast) var(--ease-standard),
              box-shadow var(--motion-fast) var(--ease-standard);
}

.mobile-trigger:hover {
  background: var(--color-surface-container);
  box-shadow: var(--shadow-high);
}

.mobile-trigger:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}

.mobile-trigger__logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (min-width: 600px) {
  .mobile-trigger {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-trigger {
    transition: none;
  }
}