/*
 * @file /assets/css/glb-pages.css
 * @details Custom page styles for Minecraft @ Gad Lab
 * @author Pierre-Yves Gadina (https://gadlab.net)
 * @license MIT
-------------------------------------------------------------------------
DECLARE TEMPLATE VARIABLES
----------------------------------------------------------------------- */
:root {
  --page-header-bg: #444;
  --page-footer-bg: #444;
}
/* PAGES STRUCTURES
----------------------------------------------------------------------- */
#page-home {
  /* Additional home-specific styles */
  display: grid;
  place-items: center;
  color: var(--text);
}
/* Full viewport sections for all first sections ( public pages ) */
#page-home,
#page-methode,
#page-guide,
#page-pratique,
#page-serveur,
#page-inscription,
#page-connexion,
#page-contact,
#page-policies {
  /* Full viewport dimensions */
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
}
/* PAGE HEADERS
----------------------------------------------------------------------- */
.page-header {
  position: relative;
  min-height: calc(100vh - var(--nav-height));     /* full viewport height minus nav */
  display: grid;
  place-items: center;     /* centre le contenu .hero-content */
  padding: 0;              /* inutile ici, géré dans .hero-content */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-header::before {
  content: "";
  position: absolute; inset: 0;
  background: rgba(0,0,0,.45);     /* overlay pour lisibilité */
  z-index: 0;
}
.page-header > * {
  position: relative; z-index: 1;  /* place le contenu au-dessus de l’overlay */
}
.home-hero {
  max-height: calc(100vh - var(--nav-height));
  min-width: 95vw;      /* full viewport - 10vw */
}
/* PAGE BACKGROUNDS
------------------------------------------------------------ */
#page-home      { background-image: url("/assets/img/wallpapers/background-minecraft-dawn-view.png"); }
#page-pedagogie { background-image: url("/assets/img/wallpapers/background-minecraft-sunrise-tree-morning.png"); }
#page-serveur   { background-image: url("/assets/img/wallpapers/background-minecraft-moonlight-view.png"); }
#page-guide     { background-image: url("/assets/img/wallpapers/background-minecraft-sun-down-view.png"); }
#page-pratique  { background-image: url("/assets/img/wallpapers/background-minecraft-sunset-over-trees.jpg"); }
#page-inscription { background-image: url("/assets/img/wallpapers/background-minecraft-horizon-sunset.jpg"); }
#page-connexion { background-image: url("/assets/img/wallpapers/background-minecraft-sunset-over-hills.jpg"); }
#page-contact   { background-image: url("/assets/img/wallpapers/background-minecraft-clan-hill-daylight.jpg"); }
#page-404       { background-image: url("/assets/img/wallpapers/background-minecrat-monsters.webp"); }
#page-policies  { background-image: url("/assets/img/wallpapers/background-minecraft-title-sword-symbol.jpg"); }
#page-nuancier  { background-image: url("/assets/img/wallpapers/background-minecraft-castle-daylight.jpg"); }


/* 
==========================================================================
  PAGES • SPECIFIC STYLES
========================================================================== */

/* HOMEPAGE STRUCTURE
-------------------------------------------------------------------------- */
#page-home {
  /* Full viewport height minus nav */  
  width: 100vw; min-height: 80vh;
  /* Center content */
  display: grid;
  place-items: center;     /* centre vertical + horizontal le contenu direct */
  padding: 0;              /* on gère le padding dans le bloc interne */
  background-size: cover;  /* si tu as mis un background-image sur #home */
  background-position: center;
  background-repeat: no-repeat;
  /* Background image with dark overlay for readability */
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* creates a slight parallax effect */
  color: var(--text);
}

/* PAGE 'id=serveur' 
-------------------------------------------------------- */
.server-settings-list {
  list-style-type: disc;
  margin-left: 1.5em;
  margin-bottom: 2em;
}
.setting-name {
  font-family: monospace;
  font-size: 1.5em;
  font-weight: bold;
  color: #d9534f;
}
.description {
  margin-top: 5px;
}
.default-value {
  color: #00d7c9;
  font-style: italic;
  font-size: 0.9em;
}