/* nosvoyages — wp.css (Jetpack conservé depuis le XML)
   - posts + nav
   - hub (index)
   - galeries Jetpack tiled-gallery en mode mosaïque via body.jp-mosaic
*/

/* Images fluides */
main img { max-width: 100%; height: auto; display: block; }

/* Videos fluides (same as images) */
main.post .wp-block-video,
main.post figure.wp-block-video {
  max-width: 100% !important;
  width: 100% !important;
  margin: 1em 0;
  box-sizing: border-box;
}
main.post .wp-block-video video,
main.post figure.wp-block-video video {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  box-sizing: border-box;
}

/* Individual pictures (wp-block-image): left-aligned, same as galleries */
main .wp-block-image,
main figure.wp-block-image {
  margin-left: 0;
  margin-right: auto;
}
main .wp-block-image img,
main figure.wp-block-image img {
  margin-left: 0;
  margin-right: auto;
}

/* -------- Prev/Next nav (incl. Retour aux articles) -------- */
.post-nav{
  display:flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 26px;
}
.post-nav--bottom{ margin-top: 34px; }

.post-nav a,
.post-nav span{
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, transform .1s ease;
}
.post-nav a:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.28);
  transform: translateY(-1px);
}
.post-nav .next{ margin-left:auto; text-align:right; }
.post-nav .is-disabled{ opacity:.45; pointer-events:none; }

/* Only stack when really narrow; keep row when there's space */
@media (max-width: 380px){
  .post-nav{ flex-direction: column; }
  .post-nav .next{ margin-left: 0; }
}

/* -------- Hub (index) -------- */
main.hub{
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 18px;
}
.country{ margin-top: 28px; }
.country-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}
.country h2{ margin:0; }
.section-note{
  margin-top: 6px;
  opacity: .8;
  font-size: .95rem;
}
.post-list{
  list-style:none;
  padding-left:0;
  margin: 12px 0 0 0;
}
.post-list li{ margin: 10px 0; line-height: 1.35; }
.post-list a{
  display:block;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration:none;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
  color: inherit;
  transition: background .15s ease, border-color .15s ease, transform .1s ease;
}
.post-list a:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.22);
  transform: translateY(-1px);
}
.post-date{
  display:inline-block;
  margin-right: 10px;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  font-size: .85em;
  color: rgba(255,255,255,.80);
  white-space: nowrap;
}

/* -------- Jetpack tiled gallery (fallback “safe”) -------- */
.wp-block-jetpack-tiled-gallery figure{ margin: 0; }
.wp-block-jetpack-tiled-gallery .tiled-gallery__gallery,
.wp-block-jetpack-tiled-gallery .tiled-gallery__row{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wp-block-jetpack-tiled-gallery .tiled-gallery__col{
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 220px;
  min-width: 180px;
}


/* --- Jetpack tiled gallery safety overrides (local) --- */

/* Empêche certains thèmes de casser la structure Jetpack */
.tiled-gallery__row{flex-wrap:nowrap}
.tiled-gallery__col{min-width:0}