/* TV and responsive display optimizations shared across all pages */

/* Base TV optimizations (1080p TVs) */
@media (min-width: 1920px) {
  /* Common TV-specific improvements */
  body {
    font-size: 16px;
  }
  
  /* Consistent sizing for buttons on TV */
  .btn {
    padding: 0.5vh 1vw;
    font-size: 1.8vh;
  }
  
  /* Better container sizing for TV displays */
  .container-fluid {
    padding: 2.5vh;
  }
  
  /* Improved heading sizes for TV */
  h1 {
    font-size: 4vh;
  }
  
  h2 {
    font-size: 3.5vh;
  }
  
  h3 {
    font-size: 3vh;
  }
  
  h4, h5, h6 {
    font-size: 2.5vh;
  }
}

/* 4K TV optimizations */
@media (min-width: 3000px) {
  /* Larger text for 4K */
  body {
    font-size: 18px;
  }
  
  /* Larger headings for 4K */
  h1 {
    font-size: 5vh;
  }
  
  h2 {
    font-size: 4.5vh;
  }
  
  h3 {
    font-size: 4vh;
  }
  
  h4, h5, h6 {
    font-size: 3.5vh;
  }
  
  /* Larger buttons for 4K */
  .btn {
    padding: 0.6vh 1.2vw;
    font-size: 2.2vh;
  }
}

/* 8K TV support - for future proofing */
@media (min-width: 7000px) {
  body {
    zoom: 2;
  }
}

/* Consistent scaling across all pages */
@media (min-width: 3800px) {
  body {
    zoom: 1.5;
  }
}

/* Admin page specific TV optimizations */
@media (min-width: 1920px) {
  /* Container sizing for admin panel */
  body.admin-page .container {
    max-width: 1600px;
  }
  
  /* Card sizing for admin panel */
  body.admin-page .card {
    margin-bottom: 2vh;
  }
  
  /* Improved button sizes for TV interaction */
  body.admin-page .btn {
    padding: 0.6vh 1.2vw;
    min-height: 5vh;
  }
  
  /* List item sizing for TV */
  body.admin-page .list-group-item {
    padding: 1vh 1vw;
  }
  
  /* Input fields for TV interaction */
  body.admin-page .form-control {
    font-size: 2vh;
    padding: 0.8vh 1vw;
    height: auto;
  }
}

/* Larger admin panels for 4K screens */
@media (min-width: 3000px) {
  body.admin-page .container {
    max-width: 2400px;
  }
  
  body.admin-page .list-group-item {
    padding: 1.2vh 1.2vw;
  }
  
  body.admin-page .card-header {
    padding: 1.5vh 1.5vw;
  }
  
  body.admin-page .card-body {
    padding: 2vh 1.5vw;
  }
}

/* Main menu page (index.html) specific TV optimizations */
@media (min-width: 1920px) {
  /* Menu items sizing for main display */
  .menu-item {
    margin-bottom: 0;
  }
  
  /* Allergen icons sizing for TV visibility */
  .allergen-icon {
    width: 2.5vh;
    height: 2.5vh;
    margin-right: 0.4vw;
  }
  
  /* Menu item name sizing for TV */
  .menu-item-name {
    font-size: 3vh;
    letter-spacing: 0.1vw;
  }
  
  /* Menu category title sizing */
  .menu-category-title {
    font-size: 3.5vh;
    margin-bottom: 1.5vh;
  }
}

/* 4K specific menu item sizing */
@media (min-width: 3000px) {
  .menu-item-name {
    font-size: 3.5vh;
  }
  
  .menu-category-title {
    font-size: 4.5vh;
  }
  
  .allergen-icon {
    width: 3vh;
    height: 3vh;
  }
}

/* Global rule to remove margin-bottom from menu items */
.menu-item {
  margin-bottom: 0 !important;
}

/* Remove box-shadow from menu items across all pages */
.menu-item {
  box-shadow: none !important;
}

/* Special case to target specific menu items without affecting existing functionality */
.menu-container .menu-item,
body.other-items-page .menu-item,
.list-group .menu-item {
  margin-bottom: 0 !important;
}