/* Page-specific fixes for ustadha-shaimaa-ali.html.
   Loaded after ../styles.css so it can override it safely,
   without editing or guessing the contents of the shared file. */

/* The profile video (1280x720, 16:9) was rendering inside an
   oversized box, leaving a large black/gradient gap above the
   native play controls. Lock the wrapper to the real aspect
   ratio so the video fills its box with no extra empty space. */
.profile-video-wrap {
  line-height: 0;
  background: #000;
  border-radius: 14px;
  overflow: hidden;
}
.profile-video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #000;
}

/* The WhatsApp floating button previously showed a placeholder
   "◔" character instead of the real icon. Style the new inline
   SVG icon that replaced it to match the button's circular size. */
.whatsapp-float svg {
  width: 28px;
  height: 28px;
  fill: #fff;
  display: block;
}

/* Was an inline style="max-width:850px;margin:28px auto 0" in the
   original markup — moved here to keep the page free of style="". */
.international-stats {
  max-width: 850px;
  margin: 28px auto 0;
}