/*
Theme Name: Black Yellow Video Minimal
Theme URI: https://example.com/
Author: Generated by ChatGPT
Author URI: https://example.com/
Description: Minimal WP theme: only title (yellow) and post content. Videos are full-bleed (left-to-right) and responsive.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: black-yellow-video
Tags: minimal, video, full-width
*/

/* Reset */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}

/* Page layout: black background */
body{
  background:#000;
  color:#FFD700; /* yellow */
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  line-height:1.4;
}

/* Center content vertically? keep top spacing */
.content-wrap{
  max-width:100%;
  margin:0;
  padding:20px 0;
}

/* Title style */
.post-title{
  color:#FFD700;
  font-size:28px;
  font-weight:700;
  text-align:center;
  padding:10px 16px;
}

/* Ensure content area has no side limits */
.post-content{
  width:100%;
  margin:0 auto;
  color:#fff; /* content text white for readability */
  padding:0;
}

/* Video breakout: forces full viewport width */
.video-container{
  position:relative;
  width:100vw;
  left:50%;
  margin-left:-50vw;
  padding-bottom:56.25%; /* 16:9 */
  height:0;
  overflow:hidden;
  background:#000;
}

.video-container iframe,
.video-container video,
.post-content iframe,
.post-content video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}

/* If user pastes raw iframe inside content, allow it to be full width */
.post-content .full-embed{
  display:block;
  width:100vw;
  margin-left: calc(50% - 50vw);
}

/* Mobile tweaks */
@media (max-width:600px){
  .post-title{font-size:20px;padding:8px}
  .video-container{padding-bottom:56.25%}
}