/* Newsletter iframe isolation styles */
.newsletter-iframe-wrapper {
  /* Reset any inherited styles */
  all: initial;
  /* Apply necessary styles */
  display: block;
  width: 100%;
  max-width: 20rem; /* max-w-xs equivalent */
  margin: 0.75rem auto 0;
}

.newsletter-iframe-wrapper iframe {
  /* Reset all inherited styles for the iframe */
  all: initial;
  /* Apply specific iframe styles */
  display: block !important;
  width: 100% !important;
  height: 52px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  vertical-align: initial !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  /* Force transparent background */
  opacity: 1 !important;
  visibility: visible !important;
}

/* Additional style to ensure the iframe container doesn't interfere */
.newsletter-iframe-container {
  background-color: transparent !important;
  overflow: hidden;
  border-radius: 12px;
  height: 52px;
}
/* Route Map Tooltip Styles */
.leaflet-popup-content-wrapper {
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.leaflet-popup-content {
  margin: 12px;
  min-width: 180px;
}

.leaflet-popup-content a {
  text-decoration: none;
  transition: color 0.2s;
}

.leaflet-popup-content a:hover {
  text-decoration: underline;
}

/* Route line hover effect */
.leaflet-interactive:hover {
  cursor: pointer;
}

/* Airport marker hover effect */
.leaflet-marker-icon:hover {
  cursor: pointer;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 * Explicit requires rather than `require_tree .`: that pulled in safe_theme.css
 * (34KB, already linked separately in the layout after this bundle) and
 * application.tailwind.css (the tailwindcss-rails source, already compiled into
 * builds/tailwind.css — its @tailwind/@apply directives are meaningless raw).
 * Both were render-blocking duplicates in front of every paint.
 *



 */