/* =========================================================
RESPONSIVE VIDEO EMBEDS
========================================================= */
/* YouTube / generic responsive video wrapper */
.responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.responsive-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* =========================================================
YOUTUBE EMBEDS — STANDARDIZED WRAPPER
========================================================= */

.yt-video-embed {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 20px auto;

  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;

  /* Match Retrogames / Facebook styling */
  border: 1px solid #3B5A7A;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  background: #000;
}

.yt-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* =========================================================
YOUTUBE / RESPONSIVE VIDEO EMBEDS — BORDER STYLE
========================================================= */

.responsive-video {
  border: 1px solid #3B5A7A; /* same darker pastel blue */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  background: #000; /* prevents flash while loading */
}


/* =========================================================
FACEBOOK VERTICAL REELS — NATIVE RENDERING
(no aspect ratio forcing)
========================================================= */
.fb-reel-embed {
  max-width: 100%;
  margin: 20px auto;
  text-align: center;
}

.fb-reel-embed iframe {
  border: 0;
  max-width: 100%;
}

/* =========================================================
FACEBOOK HORIZONTAL VIDEOS — RESPONSIVE 16:9
(movie-style embeds)
========================================================= */
.fb-video-embed {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 20px auto;

  height: 0;
  padding-bottom: 56.25%; /* 16:9 */

  overflow: hidden;
}

.fb-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* =========================================================
FACEBOOK EMBEDS — BORDER STYLE (SAFE)
========================================================= */

.fb-reel-embed,
.fb-video-embed {
  border: 1px solid #3B5A7A; /* same darker pastel blue */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  background: #000; /* prevents flash gaps while loading */
}


/* =========================================================
RETROGAMES EMBEDS 
========================================================= */
/* Universal style for Retrogames embeds */
.game-controller-retrogames {
  position: relative;
  width: 100%;
  max-width: 800px; /* optional max width */
  margin: 20px auto; /* center in post */
  padding-bottom: 75%; /* 4:3 aspect ratio */
  height: 0;
  overflow: hidden;
  border: 1px solid #3B5A7A; /* darker pastel blue border */
  border-radius: 8px;         /* optional rounded corners */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* optional shadow */
}

.game-controller-retrogames iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; /* remove iframe border */
}