/**
 * HealthWave – Hero Visual Component CSS
 * Extends the base hero-visual styles in style.css with shortcode-specific
 * responsive overrides. This file is conditionally enqueued via the
 * $shortcode_asset_map when [phc_hero_visual] is detected on a singular page.
 *
 * The core .phc-hero-visual, .phc-photo-*, .phc-blob-*, .phc-badge-* rules
 * are defined in assets/css/style.css (lines ~504–625) and are always loaded.
 * This file adds supplemental styles that are only needed for the shortcode.
 *
 * @package PHC_TOP
 * 
 */

/* ── Shortcode wrapper (inside wp:html block) ────────────────────────────────── */
.wp-block-html .phc-hero-visual,
.wp-block-html .phc-photo-outer,
.wp-block-html .phc-blob-1,
.wp-block-html .phc-blob-2,
.wp-block-html .phc-blob-3 {
  /* Ensure the shortcode-rendered visual inherits block layout. */
  position: relative;
}

/* ── Standalone page (outside a hero column) ─────────────────────────────────── */
.phc-hero-visual-sc {
  max-width: 420px;
  margin: 2rem auto;
  padding: 0 1.5rem;
}

/* ── Print — hide decorative blobs ──────────────────────────────────────────── */
@media print {
  .phc-blob-1,
  .phc-blob-2,
  .phc-blob-3,
  .phc-badge-top,
  .phc-badge-right,
  .phc-badge-left {
    display: none !important;
  }
}