/*
Theme Name: LaSLA 2026
Theme URI: https://laslapourlesnuls.com
Author: NetDevCreative
Version: 1.0.0
Template: lasla
Text Domain: lasla2026
*/

/* (optionnel) mini reset pour éviter les “blancs” au chargement */
html, body { margin:0; padding:0; }


/* =========================================
   LASLA2026 — FIX PRO (sans casser le layout)
   - pas de flex forcé
   - corrige bande jaune + scroll global
========================================= */

body.home,
body.front-page {
  overflow: hidden;       /* stop scroll global */
}

body.home #page,
body.front-page #page {
  min-height: 100vh;
}

/* Le parent Dine ajoute un spacer header -> on calcule la hauteur visible */
body.home #content.site-content,
body.front-page #content.site-content {
  height: calc(100vh - var(--lasla-header-h, 0px));
  overflow: hidden;       /* pas de scroll ici */
  margin: 0 !important;
  padding: 0 !important;
}

/* Ton root doit occuper toute la zone */
body.home .lasla2026-root,
body.front-page .lasla2026-root {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

/* IMPORTANT : on restaure le layout (Grid) si jamais il a été écrasé */
body.home .lasla2026-root .app,
body.front-page .lasla2026-root .app {
  height: 100%;
  min-height: 0;
  display: grid !important; /* <- clé : ça annule ton flex cassant */
}

/* Le scroll doit être UNIQUEMENT dans la zone centrale */
body.home .lasla2026-root .main,
body.front-page .lasla2026-root .main {
  min-height: 0;
  overflow: auto;
}

/* Bottombar : aligner la zone droite à droite (sans toucher au layout global) */
body.home .lasla2026-root .bottombar-right,
body.front-page .lasla2026-root .bottombar-right {
  margin-left: auto;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


/* Cache le titre "Menu" */
.lasla2026-root .sidebar .nav .section{
  display:none !important;
}

/* --- Kill switch : on masque TOUJOURS le header du thème parent si jamais il apparaît --- */
header#masthead,
#masthead,
.site-header,
.header,
.main-header,
.top-header,
.navbar,
.main-navigation,
.primary-navigation,
#site-navigation,
.site-branding,
.wp-block-site-title,
.wp-block-navigation,
.wp-site-blocks > header {
  display: none !important;
}

/* Corrige l'espace éventuel laissé par le header */
body, html {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
h2, h3, h4, h5, h6 {
  color: #111;
  line-height: 1.2;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  font-family: "Source Sans Pro", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 36px;
  letter-spacing: 0.1px;
}

h1 {
  color: #111;
  line-height: 1.2;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-family: "Source Sans Pro", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 26px;
  letter-spacing: 0.1px;
}

/* =========================
   TOPBAR : actions à droite (extrémité)
   ========================= */
   .topbar{
    display: flex !important;
    align-items: center !important;
  }
  
  .topbar-actions{
    margin-left: auto !important;          /* pousse à droite */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;  /* contenu collé à droite */
    gap: 10px;
  }
  
  /* si tu as un container interne type .topbar-inner */
  .topbar .topbar-inner{
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }
  .topbar .topbar-inner .topbar-actions{
    margin-left: auto !important;
  }
  
  
  /* =========================
     BOTTOMBAR : bloc right à droite (extrémité)
     ========================= */
  .bottombar{
    display: flex !important;
    align-items: center !important;
  }
  
  .bottombar-right{
    margin-left: auto !important;          /* pousse à droite */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px;
  }
  
  /* si tu as un container interne type .bottombar-inner */
  .bottombar .bottombar-inner{
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }
  .bottombar .bottombar-inner .bottombar-right{
    margin-left: auto !important;
  }