/* ==================== PATCH QUIRÚRGICO - SOLO LOGO Y SCROLL ==================== */
/* Agregar este CSS AL FINAL de todos los demás CSS */
/* Nombre sugerido: quick-patch.css */

/* ==================== 1. FIX LOGO GRANDE ==================== */

.header .logo-icon {
  width: 32px !important;
  height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
}

.header .logo-text {
  height: 24px !important;
  max-height: 24px !important;
  width: auto !important;
}

.header .logo img {
  max-width: 100%;
  height: auto;
}

/* Si el logo sigue grande, forzar tamaño del contenedor */
.header .logo {
  max-height: 40px;
  overflow: hidden;
}

/* ==================== 2. FIX DOBLE SCROLL ==================== */

/* FORZAR: Solo body puede tener scroll, nada más */
html {
  overflow: hidden !important;
  overflow-y: hidden !important;
  height: 100% !important;
}

body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100vh !important;
}

/* CRÍTICO: Ningún contenedor hijo puede tener scroll */
.app-container,
.main-content-wrapper,
.main-content,
.premium-content-area,
.games-viewport,
.games-grid-wrapper,
.home-container {
  overflow: visible !important;
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: auto !important;
  max-height: none !important;
}

/* Asegurar que el grid de juegos tampoco tenga scroll */
.premium-games-grid,
#gamesGrid {
  overflow: visible !important;
  height: auto !important;
}

/* Si hay algún contenedor con clase que cause scroll */
[class*="content"],
[class*="wrapper"],
[class*="container"]:not(.sidebar):not(.footer) {
  overflow-y: visible !important;
}

/* Excepciones que SÍ deben tener scroll */
.sidebar-content {
  overflow-y: auto !important;
  max-height: calc(100vh - 80px) !important;
}

/* ==================== 3. DEBUG (TEMPORAL) ==================== */

/* Descomentar esto para ver qué elemento está causando scroll */
/*
* {
  outline: 1px solid rgba(255, 0, 0, 0.1) !important;
}

[style*="overflow"] {
  outline: 2px solid red !important;
}
*/