/* ============================================================
   The Christian King Radio — Citrus3 widget overrides
   Overrides the styles injected by Citrus3's widgets.js for the
   "mcp-now-playing-cover" widget. Loaded after styles.css on radio.html.
   ============================================================ */

/* Cover art image — fill its box cleanly (full height + width, no distortion) */
[data-widget^="mcp"][data-styled="true"][data-widget="mcp-now-playing-cover"] .cover img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* Now-playing strip — solid black background, equal padding on all sides */
[data-widget^="mcp"][data-styled="true"][data-widget="mcp-now-playing-cover"] .nowplaying {
  background: rgba(0, 0, 0, 1) !important;
  padding: 12px !important;
}

/* Mobile/tablet — let the widget and nowplaying shrink to their content
   so the 12px padding stays equal on all sides regardless of cover size */
@media (max-width: 720px) {
  [data-widget="mcp-now-playing-cover"] {
    height: auto !important;
  }
  [data-widget^="mcp"][data-styled="true"][data-widget="mcp-now-playing-cover"] .nowplaying {
    height: auto !important;
  }
  [data-widget^="mcp"][data-styled="true"][data-widget="mcp-now-playing-cover"] .cover img {
    height: auto !important;
    max-height: 140px !important;
  }
}