/* Styles for Jikoni PWA plugin
 *
 * This stylesheet includes minimal styling for offline messages or PWA UI
 * components. Feel free to override these styles in your theme or extend
 * this file as needed. The dark green accent colour aligns with the Jikoni
 * brand palette.
 */

.jikoni-offline-banner {
  /* Brand-inspired offline banner styling. The neutral Porcelain backdrop keeps
     content legible, while the accent border uses Spice Orange. Text is
     rendered in Charcoal for strong contrast. */
  background-color: #F4F6F8; /* Porcelain */
  color: #1C1C1C;            /* Charcoal */
  padding: 1rem;
  text-align: center;
  border-bottom: 3px solid #E4572E; /* Spice Orange */
  font-size: 1rem;
  line-height: 1.4;
}

.jikoni-offline-banner a {
  color: #2E7D32; /* Plantain Green */
  text-decoration: underline;
  font-weight: 600;
}