/* =========================================
   LIGHT MODE — Book Detail Page Overrides
   ========================================= */

body.light-mode {
  background-color: #f8f9fa !important;
  color: #1d1d1f !important;
}

/* Navigation */
body.light-mode .detail-nav {
  background: rgba(255, 255, 255, 0.82) !important;
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .detail-nav.scrolled {
  background: rgba(255, 255, 255, 0.92) !important;
}

body.light-mode .nav-back {
  color: #1a73e8 !important;
}

body.light-mode .nav-logo {
  color: #1d1d1f !important;
}

/* Info Section */
body.light-mode .info-section {
  background: #f8f9fa !important;
}

body.light-mode .info-description {
  color: #3c4043 !important;
}

body.light-mode .category-badge {
  color: #5f6368 !important;
}

body.light-mode .rating-badge {
  border-color: #dadce0 !important;
  color: #5f6368 !important;
}

body.light-mode .meta-label {
  color: #9aa0a6 !important;
}

body.light-mode .meta-value {
  color: #1d1d1f !important;
}

/* Apple Buttons */
body.light-mode .btn-apple-primary {
  background: rgba(26, 115, 232, 1) !important;
  color: #ffffff !important;
}

body.light-mode .btn-apple-primary:hover {
  background: rgba(21, 87, 176, 1) !important;
  box-shadow: 0 4px 20px rgba(26, 115, 232, 0.25) !important;
}

body.light-mode .btn-apple-secondary {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1d1d1f !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .btn-apple-secondary:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

/* Details Section */
body.light-mode .details-section {
  background: #f8f9fa !important;
  border-top-color: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .section-title {
  color: #1d1d1f !important;
}

body.light-mode .glass-card {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .glass-card:hover {
  background: rgba(255, 255, 255, 1) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .detail-card h3 {
  color: #5f6368 !important;
  border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .detail-label {
  color: #9aa0a6 !important;
}

body.light-mode .detail-value {
  color: #3c4043 !important;
}

/* Recommendations */
body.light-mode .recommendations-section {
  background: #f8f9fa !important;
  border-top-color: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .reco-card {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .reco-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .reco-arrow {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

body.light-mode .reco-arrow:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

/* Hero Section when no video */
body.light-mode .hero-section.no-video-state {
  background: linear-gradient(160deg, #e8edf2 0%, #f0f4f8 50%, #f8f9fa 100%) !important;
}

body.light-mode .hero-no-video-info h1 {
  color: #1d1d1f !important;
}

body.light-mode .hero-no-video-info .info-description {
  color: #3c4043 !important;
}

body.light-mode .hero-gradient-bottom {
  background: linear-gradient(to top, #f8f9fa 0%, transparent 100%) !important;
}

/* Footer */
body.light-mode .detail-footer {
  background: #f1f3f4 !important;
  border-top-color: rgba(0, 0, 0, 0.04) !important;
  color: #5f6368 !important;
}

/* Smooth transition */
body.theme-transitioning,
body.theme-transitioning *,
body.theme-transitioning *::before,
body.theme-transitioning *::after {
  transition:
    background-color 0.4s cubic-bezier(0.25, 0.1, 0.25, 1),
    color 0.4s cubic-bezier(0.25, 0.1, 0.25, 1),
    border-color 0.4s cubic-bezier(0.25, 0.1, 0.25, 1),
    box-shadow 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}