/*
 * 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.
 */

/* Self-hosted Poppins (replaces the render-blocking fonts.googleapis.com link).
   Propshaft rewrites these url()s to digested asset paths. */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url("/assets/Poppins-100-18e4f8cb.woff2") format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url("/assets/Poppins-200-57cd651d.woff2") format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/Poppins-300-15730e98.woff2") format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/Poppins-400-d360be31.woff2") format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/Poppins-500-afc692de.woff2") format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/Poppins-600-765bd6dc.woff2") format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/Poppins-700-96729a37.woff2") format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/Poppins-800-b7299acd.woff2") format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/Poppins-900-e03ebf53.woff2") format('woff2'); }

/* Crime Map Styles */
.crime-marker {
  cursor: pointer;
  transition: transform 0.2s;
}

.crime-marker:hover {
  transform: scale(1.2);
}

.crime-info-window {
  font-family: system-ui, -apple-system, sans-serif;
  max-width: 350px;
}

/* Ring Logo SVG Styles */
.ring-logo-svg {
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  flex-shrink: 0;
}

/* Ensure SVG scales properly within flex containers */
.ring-logo-svg {
  max-width: 100%;
  height: auto;
}