/* CSS dedicato alle pagine principali (index.html e game.html) */
/* Queste pagine non sono mai caricate in iframe */

/* --- Stili globali per tutte le pagine --- */

/* Prevent zoom and pinch gestures globally */
body, html {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -ms-touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  zoom: 1;
  -moz-user-zoom: disabled;
  -webkit-user-zoom: disabled;
}

/* Prevent all zoom interactions */
* {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -ms-touch-action: manipulation;
}

/* Prevent double-tap zoom specifically */
body {
  -webkit-touch-action: manipulation;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* Disabilita pinch/double-tap zoom sulla parete (index) durante il gesto a 5 tocchi */
.wall {
  touch-action: none;
  -ms-touch-action: none;
}

/* Prevent zoom on input fields */
input, textarea, select {
  font-size: 16px !important;
  transform-origin: left top;
  user-select: text;
  -webkit-user-select: text;
  touch-action: manipulation;
}

/* Prevent zoom during loading and transitions */
.loading, .boot-screen, .glitch-overlay {
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: none !important;
  -ms-touch-action: none !important;
  pointer-events: auto;
}
:root {
    color-scheme: light;
    /* Colori per le pagine principali - tema chiaro */
    --bg-main: #FBF6F2;
    --ink-main: #301D09;
}

/* Stili base per le pagine principali */
html, body {
    background: var(--bg-main);
    background-color: var(--bg-main);
    color: var(--ink-main);
}

/* Stili specifici per la homepage */
body.homepage {
    background: var(--bg-main);
    background-color: var(--bg-main);
    color: var(--ink-main);
}

/* Stili specifici per la pagina del gioco */
body.game-page {
    background: var(--bg-main);
    background-color: var(--bg-main);
    color: var(--ink-main);
}

/* Stili specifici per la pagina dello store */
body.store-page {
    background: var(--bg-main);
    background-color: var(--bg-main);
    color: var(--ink-main);
}

/* Contenitore principale dello store con sfondo chiaro */
body.store-page #store-root {
    background: transparent;
    color: #000000;
    min-height: 100vh;
    width: 100%;
}

/* Assicuriamoci che tutto il contenuto dello store abbia colori normali */
body.store-page .store-content,
body.store-page #store-root * {
    color: inherit;
}

/* Spazio placeholder per lo store quando i prodotti non sono ancora caricati */
body.store-page #store-root {
    min-height: 150vh; /* Garantisce spazio sufficiente */
}

/* Contenitore per i prodotti con altezza minima */
body.store-page .products-container,
body.store-page .store-products,
body.store-page .product-grid {
    min-height: 80vh;
    padding: 2rem 0;
}

/* Messaggio di caricamento o spazio vuoto */
body.store-page .loading-placeholder {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    margin: 2rem 0;
    border-radius: 8px;
}

/* Se non ci sono prodotti, mantieni comunque lo spazio */
body.store-page .empty-products {
    min-height: 50vh;
    padding: 4rem 2rem;
    text-align: center;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 2rem 0;
}

/* Assicuriamoci che tutti gli elementi principali abbiano i colori corretti */
.main-content,
#game-root,
.homepage-content {
    background: var(--bg-main);
    color: var(--ink-main);
}

/* Lo store ha il suo contenitore con sfondo chiaro definito sopra */

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: light;
    }
    
    html, body {
        background: var(--bg-main);
        background-color: var(--bg-main);
        color: var(--ink-main);
    }
}