/* Custom variables and tweaks */
html {
  background-color: #0a0a0a;
}

body {
  font-family: 'Inter', sans-serif;
}

/* Custom borders */
.border-neutral-850 {
  border-color: rgba(64, 64, 64, 0.4);
}

/* Form inputs styling on focus */
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.8) !important;
}

/* Dropzone dragover class */
.dragover {
  border-color: rgba(245, 158, 11, 0.8) !important;
  background-color: rgba(245, 158, 11, 0.05) !important;
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.05);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #050505;
}
::-webkit-scrollbar-thumb {
  background: #222;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #333;
}

/* Video Card & Reel Player Styles */
.video-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #0a0a0a;
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.video-card:hover {
  border-color: rgba(245, 158, 11, 0.4);
  box-shadow: 0 20px 40px -15px rgba(245, 158, 11, 0.15);
  transform: translateY(-4px);
}

.video-player-container {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  background-color: #000;
  border-radius: 1.25rem;
  overflow: hidden;
}

.video-player-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Fullscreen: enforce strictly vertical 9:16 portrait display, never crop or stretch horizontally */
video:fullscreen,
video:-webkit-full-screen,
video:-moz-full-screen,
video:-ms-fullscreen {
  object-fit: contain !important;
  background-color: #050505 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
}

/* Luxury Theater Modal (Strictly Vertical 9:16 Cinema Player) */
#theaterFrame {
  aspect-ratio: 9 / 16 !important;
  height: 88vh !important;
  max-height: 88vh !important;
  width: calc(88vh * 9 / 16) !important;
  max-width: 95vw !important;
}

/* Ambient glow */
.ambient-glow {
  background: radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.08) 0%, transparent 70%);
}

.ambient-warm {
  background: radial-gradient(circle at 50% 30%, rgba(217, 119, 6, 0.06) 0%, transparent 60%);
}

/* Hide scrollbar for clean horizontal snap carousels */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}