/*
Theme Name: Minimal Video Theme Mobile
Theme URI: https://snapitrecipes.com/
Author: Your Name
Description: Minimal mobile-first video theme with sticky donate box
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: minimal-video-mobile
*/

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

body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main#main { flex: 1 0 auto; }

.video-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
}

/* make iframe and video responsive keeping 16:9 */
.video-box iframe,
.video-box video {
  width: 100%;
  max-width: 900px;
  aspect-ratio: 16 / 9;
  border: none;
  border-radius: 10px;
  background: #000;
}

/* Donate box (desktop / below video) */
.donate-box {
  padding: 18px;
  text-align: left;
  border-top: 2px solid #fcd535;
  background: #111;
  color: #fff;
}
.donate-box .donate-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 1000px;
  margin: 0 auto;
}
.donate-box img {
  width: 150px;
  border: 2px solid #fcd535;
  border-radius: 8px;
}
.donate-box h3 { margin: 0 0 6px 0; color: #fcd535; font-size: 18px; }
.donate-box .small { margin: 0 0 8px 0; font-size: 13px; color: #ccc; }
.donate-box .wallet { font-family: monospace; background:#000; padding:6px 8px; display:inline-block; margin:6px 0; color:#fff; }

.copy-btn {
  background: #fcd535;
  color: #000;
  border: none;
  padding: 8px 12px;
  margin-top: 6px;
  cursor: pointer;
  border-radius: 6px;
  font-weight: bold;
}
.copy-btn:hover { background: #e6c200; }
.copied { display:none; color:#fcd535; margin-left:8px; font-weight:bold; }

/* Mobile: sticky bottom donate bar */
@media (max-width: 600px) {
  .donate-box { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; border-top: 2px solid #fcd535; padding:10px; }
  .donate-box .donate-inner { display:flex; align-items:center; gap:10px; }
  .donate-left img { width: 80px; }
  .donate-right { color:#fff; }
  .donate-right h3 { font-size: 14px; margin:0; color:#fcd535; }
  .donate-right .small { display:none; }
  .donate-right .wallet { display:none; } /* hide wallet text on sticky bar */
  body { padding-bottom: 120px; } /* space so content not hidden */
}