/* =======================================================
   PAGES.CSS — Style des pages statiques (SCOPE PROPRE)
   Auteur : Christian Delgado
   Objectif : NE PAS IMPACTER la home ni les modèles globaux
   ======================================================= */

/* ----- Conteneur principal (pages uniquement) ----- */
body.page main,
body.page .entry-content{
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem 1rem 3rem 1rem;
  background: #fff;
  box-sizing: border-box;
}

/* ----- Titres ----- */
body.page h1{
  text-align: center;
  font-size: 2.2rem;
  color: var(--bleu-cse, #0073aa);
  font-weight: 800;
  margin: 0 0 1rem 0;
}

body.page h2{
  font-size: 1.6rem;
  color: var(--texte, #222);
  font-weight: 700;
  margin-top: 1.5rem;
}

body.page h3{
  font-size: 1.3rem;
  color: var(--bleu-cse, #0073aa);
  margin-top: 1rem;
}

/* ----- Texte ----- */
body.page p{
  font-size: 1rem;
  line-height: 1.7;
  color: var(--texte, #222);
  text-align: justify;
}

/* ----- Listes ----- */
body.page ul,
body.page ol{
  margin-left: 2rem;
  margin-bottom: 0;
}

body.page li{
  margin-bottom: 0.4rem;
  line-height: 1.5;
}

/* ----- Liens ----- */
body.page a{
  color: var(--bleu-cse, #0073aa);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s;
}

body.page a:hover{
  color: var(--bleu-fonce, #005f8c);
  text-decoration: underline;
}

/* ----- Citations ----- */
body.page blockquote{
  border-left: 4px solid var(--bleu-cse, #0073aa);
  background: #f9f9f9;
  margin: 1.5rem 0;
  padding: 1rem 1.5rem;
  font-style: italic;
  color: #555;
}

/* ----- Tableaux ----- */
body.page table{
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}

body.page th,
body.page td{
  border: 1px solid #ddd;
  padding: 0.6rem 0.8rem;
  text-align: left;
}

body.page th{
  background: #f2f7fb;
  color: var(--bleu-cse, #0073aa);
  font-weight: 700;
}

/* ----- Boutons ----- */
body.page .wp-block-button__link{
  background: var(--bleu-cse, #0073aa);
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  padding: 0.6rem 1.2rem;
  transition: background 0.2s;
}

body.page .wp-block-button__link:hover{
  background: var(--bleu-fonce, #005f8c);
}

/* ----- Encadrés ----- */
body.page .highlight,
body.page .encadre{
  background: #f9fbfd;
  border-left: 4px solid var(--bleu-cse, #0073aa);
  padding: 1rem 1.2rem;
  margin: 1rem 0;
  border-radius: 6px;
}

/* ----- Images ----- */
body.page img{
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 1rem 0;
  display: block;
}

/* ----- Responsive ----- */
@media (max-width: 768px){
  body.page main,
  body.page .entry-content{
    padding: 1rem;
  }

  body.page h1{ font-size: 1.8rem; }
  body.page h2{ font-size: 1.4rem; }
  body.page h3{ font-size: 1.2rem; }
  body.page table{ font-size: 0.9rem; }
}
/* =========================================
   PilotCSE — Merci ODJ : mise en page
   ========================================= */

/* Carte de la zone actions (Groupe Gutenberg avec classe : pcse-actions) */
.wp-block-group.pcse-actions{
  margin-top: 18px !important;
  padding: 18px 18px 14px !important;
  background: #f6f7f9 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 16px !important;
}

/* Boutons : alignement + respiration */
.wp-block-group.pcse-actions .wp-block-buttons{
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}

/* Boutons : taille homogène */
.wp-block-group.pcse-actions .wp-block-button__link{
  padding: 12px 18px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
}

/* Mobile : boutons en colonne pleine largeur */
@media (max-width: 640px){
  .wp-block-group.pcse-actions .wp-block-buttons{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .wp-block-group.pcse-actions .wp-block-button,
  .wp-block-group.pcse-actions .wp-block-button__link{
    width: 100% !important;
    text-align: center !important;
  }
}

/* Bandeaux (info / ok / err) */
.pcse-notice{
  padding: 12px 14px !important;
  margin: 12px 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  font-size: 15px !important;
}

.pcse-notice--info{
  background: #f4f9ff !important;
  border-color: #d7e6f6 !important;
}

.pcse-notice--ok{
  background: #f3fbf3 !important;
  border-color: #cfe6cf !important;
}

.pcse-notice--err{
  background: #fff6f6 !important;
  border-color: #f2c6c6 !important;
}