/* ==========================================================================
   STUDIO ETHEREAL - ELEGANT EDITORIAL STYLESHEET
   Supports 6-Digit Code Grid, Polaroid Frames & Camera Flash Animations
   ========================================================================== */

/* Ready Badge Status Styles */
.ready-badge.is-ready {
  background-color: #E2F0D9 !important;
  color: #385D25 !important;
  border-color: #C5E0B4 !important;
}

.ready-badge.not-ready {
  background-color: rgba(255, 255, 255, 0.8) !important;
  color: #7A626C !important;
  border-color: #E5D6D0 !important;
}

/* Ready Toggle Button Active State */
#toggle-ready-btn.is-ready {
  background: linear-gradient(135deg, #385D25 0%, #27441B 100%) !important;
  box-shadow: 0 0 20px rgba(56, 93, 37, 0.3) !important;
}

/* Camera Shutter Flash Animation */
.camera-flash {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-out;
}

.camera-flash.flash-active {
  opacity: 1;
}

/* Canvas Styling */
#photobooth-canvas {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #FFF5F2;
}

::-webkit-scrollbar-thumb {
  background: #CEB8B0;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #7A5B67;
}