/* 
  ABANGADEKGANTENG - responsive.css
  Penyempurnaan tata letak untuk berbagai ukuran layar (mobile, tablet, desktop, Smart TV).
*/

/* Tablet Optimizations */
@media (min-width: 641px) {
  body {
    padding: 2rem 0;
  }

  .app-container {
    max-width: 580px;
    border-radius: var(--radius-lg);
    background: var(--bg-primary);
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.04);
    min-height: calc(100vh - 4rem);
    border: 1px solid var(--border-light);
    padding: 2.5rem;
  }

  .glass-card {
    padding: 2.5rem;
  }
}

/* Large Screens (Desktop, TV) Grid Optimizations */
@media (min-width: 1024px) {
  .app-container {
    max-width: 600px;
    margin: 0 auto;
  }
}

/* Smart TV Screen Mode */
@media (min-width: 1920px) {
  :root {
    --max-width: 720px;
  }

  .app-container {
    max-width: 720px;
  }
}

/* Reduced Motion Support for Accessibility */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-delay: 0s !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }

  .animate-float, .animate-glow, .skeleton {
    animation: none !important;
  }
}

/* High Contrast mode for accessibility */
@media (prefers-contrast: more) {
  :root {
    --text-primary: #000000;
    --text-secondary: #1a1a1a;
    --glass-bg: #ffffff;
    --glass-border: #000000;
    --border-light: 1px solid #000000;
    --accent-primary: #0000ff;
  }
}

/* Print Styling */
@media print {
  body {
    background: white;
    color: black;
  }
  .navbar, .footer, .btn, .dropdown-menu {
    display: none !important;
  }
  .glass-card {
    border: none;
    box-shadow: none;
    background: transparent;
  }
}