/*
Theme Name: Pôle Ostéo Grossesse
Theme URI: https://osteopathe-femme-enceinte.com/
Author: Pôle Ostéo (Aloïs Ruetsch)
Author URI: https://pole-osteo.com/
Description: Thème du site osteopathe-femme-enceinte.com (ostéopathie et grossesse, semaine par semaine, by Pôle Ostéo, Nice). Palette Pôle Ostéo, jamais de noir, mode sombre automatique. La feuille de style du site (contenu et enveloppe) est assets/style.css, partagée avec la version statique ; ce fichier n'ajoute que les compléments propres à WordPress (listes, recherche, 404, navigation entre semaines).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pole-osteo-grossesse
Tags: custom-menu, one-column, accessibility-ready, translation-ready
*/

/* Les variables (--bg, --fg, --primary, --line, --muted…) sont définies dans
   assets/style.css ; chaque usage garde une valeur de repli identique aux
   tokens Pôle Ostéo de la maquette. */

/* Lien d'évitement ------------------------------------------------- */
.skip-link:focus {
  position: fixed !important;
  left: 16px;
  top: 16px;
  width: auto;
  height: auto;
  clip: auto;
  clip-path: none;
  overflow: visible;
  white-space: normal;
  padding: .6rem 1rem;
  background: var(--primary, #026BB4);
  color: #FFFFFF;
  border-radius: 999px;
  z-index: 100;
  text-decoration: none;
  font-weight: 700;
}

/* Tête de page (surtitre + H1) --------------------------------------- */
.page-head { margin-top: .8rem; }
.page-head .eyebrow { margin-bottom: .4rem; }
.page-head h1 { margin-bottom: .6rem; }
.page-head + .reperes { margin-top: -.2rem; }
.reperes a.chip { text-decoration: none; }
.reperes a.chip:hover { color: var(--primary, #026BB4); }

/* Navigation précédent / suivant entre semaines (ordre de SA) --------- */
.nav-semaines-theme {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 2rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid var(--line, #D8E2E9);
  font-weight: 600;
}
.nav-semaines-theme a { text-decoration: none; }
.nav-semaines-theme .suiv { margin-left: auto; text-align: right; }
.nav-semaines-theme small { display: block; font-weight: 400; font-size: .8rem; color: var(--muted, #4F6577); }

/* Listes WordPress (recherche, archives de trimestre, sommaire) -------- */
.liste-articles { list-style: none; padding: 0; margin: 1.2rem 0 0; display: grid; gap: .8rem; }
.liste-articles li { margin: 0; }
.liste-articles .carte strong { display: block; }
.pagination, .navigation.pagination { margin-top: 1.6rem; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: .4rem; }
.pagination .page-numbers {
  display: inline-block;
  padding: .3rem .7rem;
  border: 1px solid var(--line, #D8E2E9);
  border-radius: 999px;
  text-decoration: none;
  color: var(--fg, #003153);
  background: var(--surface, #FFFFFF);
}
.pagination .page-numbers.current { background: var(--primary, #026BB4); border-color: var(--primary, #026BB4); color: #FFFFFF; }

/* Formulaire de recherche ---------------------------------------------- */
.search-form { display: flex; gap: .6rem; flex-wrap: wrap; margin: 1rem 0; }
.search-form input[type="search"] {
  flex: 1 1 220px;
  min-width: 0;
  font: inherit;
  padding: .6rem .9rem;
  border: 1px solid var(--line, #D8E2E9);
  border-radius: 999px;
  background: var(--surface, #FFFFFF);
  color: var(--fg, #003153);
}
.search-form .btn { margin: 0; }

/* 404 ------------------------------------------------------------------ */
.page-404 .liens { display: flex; flex-wrap: wrap; gap: .3rem; margin: 1rem 0; }

/* Vrai formulaire injecté par un plugin (sans data-outil) --------------- */
.formulaire:not(.outil) {
  background: var(--surface, #FFFFFF);
  border: 1px solid var(--line, #D8E2E9);
  border-radius: 18px;
  box-shadow: var(--shadow, 0 6px 24px rgba(0, 49, 83, 0.08));
  padding: 1.2rem 1.3rem;
  margin: 1.6rem 0;
}

/* Alignement WordPress minimal ------------------------------------------ */
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px;
  margin: -1px; overflow: hidden; padding: 0; position: absolute; word-wrap: normal !important;
}
.wp-block-image img, .alignwide, .alignfull { max-width: 100%; }
.contenu img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.contenu figure { margin: 1rem 0; }
.contenu figcaption { font-size: .85rem; color: var(--muted, #4F6577); }
#wpadminbar ~ .site-header { top: 0; }