/*
Theme Name: ReelsPress Lite
Theme URI: https://example.com/
Author: You
Author URI: https://example.com/
Description: Simple WordPress theme for TikTok-style vertical Reels feed using YouTube embeds.
Version: 1.0
License: GPLv2 or later
Text Domain: reelspress
*/

body {
  margin: 0;
  background: #000;
  font-family: Arial, sans-serif;
  color: #fff;
}

.reel-column {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.reel {
  height: 100vh;
  width: 100%;
  scroll-snap-align: center;
  position: relative;
  background: #000;
  overflow: hidden;
}

.player-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56.25vh; /* 9/16 */
  height: 100vh;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.player-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.unmute-btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 999px;
  background: rgba(0,0,0,0.7);
  border: 2px solid #fff;
  cursor: pointer;
  z-index: 10;
  user-select: none;
  display: none;
}

.reel-meta {
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding: 8px 14px;
  border-radius: 20px;
  background: rgba(0,0,0,0.4);
  font-size: 14px;
  z-index: 5;
}