/*
  SEO / PageSpeed overrides
  - Keep image dimensions stable to reduce CLS
  - Avoid inline styles in markup
*/

/* Home: radio image size is responsive */
.home-radio {
  width: 70%;
}

@media (max-width: 992px) {
  .home-radio {
    width: 90%;
  }
}

/* About */
.about-avatar {
  width: 50%;
  height: auto;
}

/* Header spacer replaces inline style */
.header-spacer {
  height: 80px;
}

/* Facebook pixel noscript image (kept hidden when present) */
.pixel {
  display: none;
}

/* Footer icon */
.footer-icon {
  border-radius: 14px;
}

/* ---------------------------------
   Home hero card tweaks
   --------------------------------- */

/* Let CSS drive the actual avatar size even if the <img> has width/height attrs for CLS */
.hero-avatar {
  width: 240px;
  height: auto;
}

@media (max-width: 576px) {
  .hero-card {
    text-align: center;
  }

  .hero-card .d-flex {
    justify-content: center;
  }

  .hero-card .d-grid {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
}