/*
Theme Name: Vacances Autriche — Alpin
Theme URI: https://vacances-autriche.fr
Author: SiteNova
Description: Guide de voyage en Autriche. Archetype D, variante editoriale : une asymetrique, filet rouge, index numerote des regions.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: autriche-alpin
Template: twentytwentyfive
*/

/* ─── une asymetrique : photo a gauche, texte a droite ─── */
/* La grille porte sur l ARTICLE, pas sur le conteneur de requete : ce dernier n a
   qu un seul enfant (la liste wp-block-post-template), donc une grille posee dessus
   ne produit jamais deux colonnes — la photo prend toute la largeur et pousse le
   reste de la page hors de l ecran. */
.va-une{margin:0 0 4rem}
.va-une .wp-block-post-template{margin:0;padding:0;list-style:none}
.va-une .wp-block-post{display:grid;grid-template-columns:1.1fr .9fr;gap:2.2rem;align-items:center}
.va-une .wp-block-post-featured-image{margin:0}
.va-une .wp-block-post-featured-image img{width:100%;object-fit:cover;display:block}
/* le groupe de texte est en layout « contraint » : sans cela ses blocs sont centres
   et rentres, et le chapo ne s aligne plus sur le titre */
.va-une__texte{max-width:none}
.va-une__texte>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.va-une__texte .wp-block-post-title{margin:.5rem 0 .8rem;line-height:1.1}
.va-une__texte .wp-block-post-title a{text-decoration:none;color:var(--wp--preset--color--encre)}
.va-une__texte .wp-block-post-title a:hover{color:var(--wp--preset--color--rouge)}
.va-une__texte .wp-block-post-excerpt{margin:0;color:var(--wp--preset--color--gris);max-width:52ch}
.va-une__texte .wp-block-post-excerpt__more-text{display:none}
@media(max-width:900px){
  .va-une .wp-block-post{grid-template-columns:1fr;gap:1.3rem}
  /* En une colonne, un 4/3 pleine largeur mesure ~500 px : le titre de la une passe
     alors sous la ligne de flottaison et le lecteur ne voit qu un mur de photo.
     Le bloc pose son ratio en style inline, il faut donc le surcharger. */
  .va-une .wp-block-post-featured-image img{aspect-ratio:16/9!important;max-height:42vh}
}

/* ─── rubrique : petites capitales rouges, filet au-dessus ─── */
.va-rubrique,.va-rubrique a{font-size:.68rem!important;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;text-decoration:none;color:var(--wp--preset--color--rouge)}
.va-rubrique{margin:0 0 .35rem;padding-top:.55rem;border-top:2px solid var(--wp--preset--color--rouge);
  display:inline-block}

/* ─── grille 3 colonnes ─── */
.va-grille{margin-bottom:4rem}
.va-grille .wp-block-post{display:flex;flex-direction:column}
.va-grille .wp-block-post-featured-image{margin:0 0 .9rem;overflow:hidden;background:var(--wp--preset--color--pierre)}
.va-grille .wp-block-post-featured-image img{width:100%;object-fit:cover;display:block;transition:transform .55s ease}
.va-grille .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.04)}
.va-grille .wp-block-post-title{margin:.3rem 0 .45rem;line-height:1.28}
.va-grille .wp-block-post-title a{text-decoration:none;color:var(--wp--preset--color--encre)}
.va-grille .wp-block-post-title a:hover{color:var(--wp--preset--color--rouge)}
.va-grille .wp-block-post-excerpt{margin:0;line-height:1.55}
.va-grille .wp-block-post-excerpt__more-text{display:none}
@media(max-width:900px){.va-grille .wp-block-post-template.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.va-grille .wp-block-post-template.is-layout-grid{grid-template-columns:1fr!important}}

/* ─── titre de section : filet fin, lien a droite ─── */
.va-section{display:flex;align-items:baseline;gap:1rem;margin:0 0 1.6rem;
  border-bottom:1px solid var(--wp--preset--color--bordure);padding-bottom:.55rem}
.va-section h2{margin:0}
.va-section a{margin-left:auto;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--wp--preset--color--rouge);white-space:nowrap}

/* ─── index numerote des regions : la signature du site ─── */
.va-index{list-style:none;margin:0 0 1rem;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.5rem}
.va-index li{display:flex;gap:.85rem;align-items:baseline;padding:.75rem 0;
  border-bottom:1px solid var(--wp--preset--color--bordure)}
.va-index .va-num{font-family:var(--wp--preset--font-family--titre);font-size:.8rem;font-weight:700;
  color:var(--wp--preset--color--rouge);min-width:1.6rem;font-variant-numeric:tabular-nums}
.va-index a{text-decoration:none;color:var(--wp--preset--color--encre);font-weight:600}
.va-index a:hover{color:var(--wp--preset--color--rouge)}
.va-index .va-quoi{display:block;font-size:.82rem;font-weight:400;color:var(--wp--preset--color--gris);margin-top:.15rem}
@media(max-width:900px){.va-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.6rem}}
@media(max-width:560px){.va-index{grid-template-columns:1fr}}

/* ─── encadre reperes pratiques ─── */
.va-reperes{border-left:3px solid var(--wp--preset--color--rouge);background:var(--wp--preset--color--pierre);
  padding:1.15rem 1.35rem;margin:2rem 0}
.va-reperes__titre{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--wp--preset--color--rouge);margin:0 0 .7rem}
.va-reperes dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.2rem;font-size:.95rem}
.va-reperes dt{color:var(--wp--preset--color--gris)}
.va-reperes dd{margin:0}

.entry-content .wp-block-image figcaption{font-size:.85rem;color:var(--wp--preset--color--gris);text-align:left}
.va-signature{border-top:1px solid var(--wp--preset--color--bordure);margin-top:2.5rem;padding-top:1rem;
  font-size:.9rem;color:var(--wp--preset--color--gris)}
.va-meta{gap:.5rem!important;margin-top:.6rem}

/* --- Sommaire ancre (ajoute le 05/09/2026) ---------------------------- */
.va-sommaire{
  background:var(--wp--preset--color--base-2,#f3f3f1);
  border-left:4px solid var(--wp--preset--color--contrast,#222);
  border-radius:0 6px 6px 0;padding:1.25rem 1.5rem;margin:0 0 2.5rem}
.va-sommaire__titre{
  font-weight:600;color:var(--wp--preset--color--contrast,#222);
  margin:0 0 .6rem;font-size:1.05rem}
.va-sommaire ol{margin:0;padding-left:1.2rem;line-height:1.6}
.va-sommaire li{margin:.3rem 0}
.va-sommaire a{color:inherit;text-decoration:none}
.va-sommaire a:hover{color:var(--wp--preset--color--accent,#a33);text-decoration:underline}

/* --- Tableaux a defilement -------------------------------------------- */
.va-tableau{overflow-x:auto;margin:2rem 0;-webkit-overflow-scrolling:touch}
.va-tableau table{border-collapse:collapse;width:100%;min-width:32rem;font-size:1rem}
.va-tableau th,.va-tableau td{
  border:1px solid var(--wp--preset--color--bordure,#ddd);padding:.7rem .9rem;text-align:left}
.va-tableau th{
  background:var(--wp--preset--color--contrast,#222);
  color:var(--wp--preset--color--base,#fff);font-weight:600}
.va-tableau tbody tr:nth-child(even){background:var(--wp--preset--color--base-2,#f7f7f5)}

/* --- Bloc auteur et sources ------------------------------------------- */
.va-auteur{
  border-top:2px solid var(--wp--preset--color--bordure,#ddd);
  margin-top:3.5rem;padding-top:1.5rem;font-size:.95rem;
  color:var(--wp--preset--color--discret,#666)}
.va-auteur__nom{
  font-weight:600;color:var(--wp--preset--color--contrast,#222);
  font-size:1.05rem;margin:0 0 .3rem}