/* =====================================================================
   bsa-plugin-compat.css — keeps this theme and the Barangay San Agustin
   plugin out of each other's way.

   Both the theme and the plugin use the .bsa- prefix, and both place
   fixed controls in the bottom-right corner. Nothing here changes the
   look of either one; it only resolves the places where they overlap.
   Loaded after the plugin's own front-end stylesheet.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. The install button and "back to top" share a corner

   The theme pins #back-to-top at bottom:2em / right:0, and the plugin's
   progressive-web-app button sits at bottom:16px / right:16px, so the
   two overlap. Shift the install pill clear of the arrow; on narrow
   screens the arrow is small enough that a smaller offset is enough.
   --------------------------------------------------------------------- */
body .bsa-pwa-fab { right: 74px; }
@media (max-width: 560px) {
  body .bsa-pwa-fab { right: 58px; }
}

/* Keep the plugin's iOS "add to home screen" sheet above the theme's
   fixed navigation bar (#main-nav sits at z-index 4). */
body .bsa-pwa-ios { z-index: 2147483001; }

/* ---------------------------------------------------------------------
   2. Cards rendered by the plugin keep the plugin's own shape

   The theme styles .bsa-card for the front-page service and hotline
   tiles; the plugin uses the same class name for its content cards.
   The theme's rules are scoped to the .bsa front-page wrapper in
   style.css, and these declarations restore the plugin's intent for any
   plugin card that ends up inside that wrapper (for example when a
   content shortcode is placed on the front page).
   --------------------------------------------------------------------- */
.bsa .bsa-card:has(> .bsa-card-body) {
  padding: 0;
  border-radius: var(--bsa-radius, 12px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.bsa .bsa-card:has(> .bsa-card-body) p {
  font-size: inherit;
  color: inherit;
}

/* ---------------------------------------------------------------------
   3. Plugin widgets embedded in theme sections

   The plugin renders the hero statistics, weather and tide panels. The
   theme intentionally re-skins them in style.css and loads afterwards,
   so those overrides win. This rule only stops the panels from
   stretching oddly inside the theme's flex row on small screens.
   --------------------------------------------------------------------- */
.bsa .bsa-wx-row > * { min-width: 0; }


/* ---------------------------------------------------------------------
   4. The "now serving" strip inside the hero

   The plugin ships the strip's own styling. This only spaces it within the
   hero and keeps it legible on the dark blue, where the plugin's light
   fallback would otherwise win on pages that are not the front page.
   --------------------------------------------------------------------- */
.bsa-hero .bsa-hero-queue{margin-top:1.25rem}
.bsa-hero .bsa-hero-queue .bsa-qnow{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.30);
  color:#fff;
}
.bsa-hero .bsa-hero-queue .bsa-qnow-cta{color:#FCD116}