/* TV-Optimized Styles for Samsung Tizen Browser */

/* Large, readable text */
body {
  font-size: 24px;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

p {
  font-size: 28px;
  line-height: 1.8;
}

/* High contrast colors */
body {
  background-color: #000000;
  color: #ffffff;
}

header, footer {
  background-color: #1a1a1a;
}

/* Focus indicators for remote control navigation */
*:focus {
  outline: 6px solid #2196f3 !important;
  outline-offset: 4px;
}

button:focus,
a:focus,
.focusable:focus {
  outline: 8px solid #2196f3 !important;
  outline-offset: 6px;
  background-color: rgba(33, 150, 243, 0.1);
}

/* Larger interactive elements */
button {
  min-width: 200px;
  min-height: 80px;
  font-size: 28px;
  padding: 1rem 2rem;
}

/* Album cards optimized for TV */
.album-card {
  border-width: 4px;
  transition: transform 0.2s, border-color 0.2s;
}

.album-card:focus,
.album-card:hover {
  transform: scale(1.05);
  border-color: #2196f3;
  box-shadow: 0 0 20px rgba(33, 150, 243, 0.5);
}

/* Error messages extra large and visible */
.error-content {
  padding: 3rem;
  border-width: 5px;
}

.error-content h2 {
  font-size: 48px;
}

.error-content p {
  font-size: 32px;
}

/* Loading spinner larger */
.spinner {
  width: 80px;
  height: 80px;
  border-width: 6px;
}

.loading p {
  font-size: 32px;
}

/* Slideshow controls hint */
.controls-hint {
  font-size: 26px;
  padding: 1.5rem;
}

.controls-hint span {
  margin: 0 2rem;
}

/* Reduce animations for better TV performance */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Full viewport optimization */
main {
  padding: 1.5rem;
}

/* Ensure clickable areas are large enough */
a, button, input, select {
  min-height: 60px;
  min-width: 60px;
}