/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Import bottom sheet animations and swipe styles */
@import url("/assets/bottom_sheet-dbe1c1d1.css");

/* Disabled button styles - provides immediate visual feedback */
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Restaurant detail map styles */
.restaurant-detail-marker {
  background: transparent !important;
  border: none !important;
}

.restaurant-detail-popup .leaflet-popup-content-wrapper {
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.restaurant-detail-popup .leaflet-popup-tip {
  background-color: white;
}

/* PWA-specific styles - hide footer in standalone mode for native app feel */
@media (display-mode: standalone) {
  .hide-in-pwa {
    display: none !important;
  }
}