/*
 Theme Name: GeneratePress Child – Minimal (conserve CSS perso)
 Theme URI: https://generatepress.com
 Description: Thème enfant minimal pour GeneratePress. Charge le style parent et applique votre CSS personnalisé automatiquement.
 Author: Vous
 Template: generatepress
 Version: 1.0
*/

/* ===============================
   CARTES / BLOCS (cubes)
================================== */
.bloc-cube {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fafafa;
  margin: 10px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
}

/* ===============================
   PIED DE PAGE
================================== */
.site-footer { font-size: .85rem; color: #555555; }
.site-footer a { color: #555555; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
/* Supprime le crédit natif GeneratePress */
.site-info { display: none; }

/* ===============================
   BOUTONS GUTENBERG
================================== */
.wp-block-button__link { transition: transform .2s, filter .2s; transform: scale(1); }
@media (hover:hover) and (pointer:fine) {
  .wp-block-button__link:hover,
  .wp-block-button__link:focus { filter: brightness(85%); transform: scale(1.05); }
}
@media (hover:none) and (pointer:coarse) {
  .wp-block-button__link:hover,
  .wp-block-button__link:focus,
  .wp-block-button__link:active { transform: scale(1); filter: brightness(90%); }
}
.wp-block-buttons { margin-bottom: 3rem; }

/* ===============================
   EN-TÊTE / NAVIGATION
================================== */
.site-header {
  position: sticky; top: 0; z-index: 1000;
  background: #eee; box-shadow: 0 2px 4px rgba(0,0,0,.05);
  padding-bottom: 6px;
}
.main-navigation {
  background: #eee; border-bottom: 1px solid #e2e2e2;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
  flex: 1 1 auto; text-align: center; padding: 5px 0;
}
.inside-header, .inside-navigation {
  width: 100%; max-width: 1200px; margin: 0 auto;
  display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
}
.site-branding { display: none; }
.main-navigation .main-nav > ul {
  display: inline-flex; justify-content: center; flex-wrap: wrap; font-size: 1rem;
}
.main-navigation .main-nav ul li a {
  color: #222; font-weight: 500; text-decoration: none;
  padding: 12px 16px; transition: color .2s, transform .2s;
}
.main-navigation .main-nav ul li a:hover { color: #8c2b1b; transform: translateY(-2px); }
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: #8c2b1b; border-bottom: 2px solid #8c2b1b;
}
@media (max-width:768px) {
  .main-navigation .main-nav > ul { background: #fff; border-top: 1px solid #eee; }
  .main-navigation .main-nav ul li a { display: block; padding: 10px 20px; }
}
.site-content { margin-top: 10px; }

/* ===============================
   TITRES / ESPACEMENTS
================================== */
.entry-title {
  text-align: center; letter-spacing: .5px; font-weight: 600; color: #2a2a2a;
  margin-bottom: 50px; line-height: 1.5;
}
.inside-article { padding-top: 30px; padding-bottom: 40px; }

/* ===============================
   MÉTA (auteur, date)
================================== */
.byline, .entry-meta .author, .posted-by,
.entry-meta .posted-on, .posted-on,
.updated-on, .date, time.entry-date { display: none !important; }
.entry-header { margin-bottom: 1.2em; }

/* ===============================
   IMAGES MISE EN AVANT
================================== */
/* Articles individuels : pas d’image native */
.single-post .post-image,
.single-post .wp-block-post-featured-image,
.single-post .featured-image,
.single-post .inside-article > .post-image { display: none !important; }

/* Vignettes centrées sur article seul */
.single-post .small-list-thumb img {
  max-width: 200px; height: auto; display: block; margin: 0 auto 1rem;
}

/* ===============================
   AFFICHAGE BLOG / RESSOURCES
================================== */
/* Masquer catégories visibles */
.cat-links, .post-categories { display: none !important; }

/* Mise en page simple et compacte, texte large */
.blog .inside-article,
.archive .inside-article {
  display: block !important;
  padding: 16px 18px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #ddd;
}
.blog .inside-article::after,
.archive .inside-article::after { content: ""; display: block; clear: both; }

/* Jaquette à gauche, taille réduite dans listes */
.blog .small-list-thumb,
.archive .small-list-thumb { float: left; margin: 0 16px 8px 0; }
.blog .small-list-thumb img,
.archive .small-list-thumb img { width: 120px; height: auto; display: block; }

/* Texte à droite */
.blog .entry-summary,
.archive .entry-summary,
.blog .entry-content,
.archive .entry-content { overflow: hidden; font-size: .96em; line-height: 1.5; margin: 0; }

/* Titre compact */
.blog .entry-title,
.archive .entry-title { font-size: 1.1em !important; margin: 0 0 8px 0 !important; }

/* Mobile : empilement vertical */
@media (max-width:640px) {
  .blog .small-list-thumb, .archive .small-list-thumb { float: none; margin: 0 auto 10px; text-align: center; }
  .blog .small-list-thumb img, .archive .small-list-thumb img { width: 100px; }
}

/* Masquer "Non classé" partout */
.widget_categories .cat-item-1,
a[rel="category tag"][href*="non-classe"] { display: none !important; }

/* ===============================
   HOME : colonnes intro
================================== */
.home .wp-block-columns { align-items: center; gap: 40px; margin-top: 20px; margin-bottom: 40px; }
.home .wp-block-column img { border-radius: 6px; max-width: 100%; height: auto; display: block; }
@media (min-width: 768px) {
  .home .wp-block-column:first-child { flex-basis: 60%; }
  .home .wp-block-column:last-child  { flex-basis: 40%; }
}

/* ===============================
   À PROPOS : via classe dédiée
   (ajouter "apropos-intro" sur le 1er bloc Colonnes)
================================== */
.apropos-intro > .wp-block-column:first-child { flex: 0 0 60% !important; max-width: 60% !important; }
.apropos-intro > .wp-block-column:last-child  { flex: 0 0 40% !important; max-width: 40% !important; }
.apropos-intro { gap: 28px; align-items: center; }
.apropos-intro .wp-block-image img { width: 100%; height: auto; border-radius: 6px; object-fit: cover; }
@media (max-width: 782px){
  .apropos-intro > .wp-block-column { flex: 0 0 100% !important; max-width: 100% !important; }
  .apropos-intro .wp-block-image { margin-top: 18px; }
}