/*
Theme Name: Alowa enfant
Theme URI: https://alowastudio.fr/
Author: Alowa Studio
Author URI: https://alowastudio.fr/
Description: Thème customisé pour les clients d'Alowa Studio !
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 5.7
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: alowa
Text Domain: alowa-enfant
Tags: 
*/

.alowa-small-text{
    font-size: var(--wp--preset--font-size--xl);
}

/* header */
header{
  background: linear-gradient(rgba(74, 89, 53, 0.40), transparent);
}
/* footer pas de margin start */
footer.wp-block-template-part{
  margin-block-start: 0 !important;
}
/* footer hover sur la signature Alowa Studio */
.logoAlowa:hover {
    fill: var(--wp--preset--color--secondary);
}
.logoAlowa {
    stroke-width: 0px;
    transition: fill 0.2s ease-in-out;
}
/* hover logo mentions légales */
.logoAlowa2:hover {
    fill: var(--wp--preset--color--accent);
}
.logoAlowa2 {
    stroke-width: 0px;
    transition: fill 0.2s ease-in-out;
}
/* ==================================================== */
/* Nav hover */
nav ul li a{
  transition: color 0.2s ease-in-out;
}
nav ul li a:hover{
  color: var(--wp--preset--color--secondary)!important;
}
/* Boutons buttons style hover sur boutons "Fill", "Plein" */
.wp-block-button.is-style-fill a{
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.wp-block-button.is-style-fill a:hover{
  background-color: var(--wp--preset--color--contrast)!important;
  color: var(--wp--preset--color--base)!important;
}
/* Hover icônes réseaux sociaux */
.social-icons .icon-container svg path,
.social-icons-dark .icon-container svg path {
  transition: fill 0.2s ease-in-out;
}
/* Version claire */
.social-icons .icon-container:hover svg path {
  fill: var(--wp--preset--color--secondary) !important;
}
/* Version sombre */
.social-icons-dark .icon-container:hover svg path {
  fill: var(--wp--preset--color--primary) !important;
}

/* ==================================================== */
/* Hero Ardennes : ajout d'une fleur à droite du titre "ARDENNES" */
.hero-ardennes {
  position: relative;
}
.hero-ardennes::after {
  content: "";
  position: absolute;
  right: 0;
  top: 55%; /* à ajuster pour caler les fleurs sous la fin d'« ARDENNES » */
  width: clamp(60px, 8vw, 120px);
  aspect-ratio: 1 / 1; /* à adapter aux proportions réelles de Fleur.webp */
  background: url("http://twig-en-ardennes.abc/wp-content/uploads/2026/10/Fleur.webp") no-repeat center / contain;
  pointer-events: none;
}
.wp-block-heading.hero-ardennes {
  /* Réglages de la fleur : tout est en em, donc proportionnel au titre */
  --flower-size: 1em;
  --flower-offset-x: -0.55em; /* négatif = déborde à droite du texte */
  --flower-offset-y: 1.3em; /* négatif = descend sous la ligne */

  position: relative;
  width: fit-content;   /* la boîte épouse le texte */
  max-width: 100%;
  margin-inline: auto;  /* garde le titre centré */
}
.wp-block-heading.hero-ardennes::after {
  content: "";
  position: absolute;
  right: var(--flower-offset-x);
  top: var(--flower-offset-y);
  width: var(--flower-size);
  aspect-ratio: 1 / 1; /* à remplacer par les vraies proportions de Fleur.webp, ex. 600 / 640 */
  background: url("/wp-content/uploads/2026/10/Fleur.webp") no-repeat center / contain;
  pointer-events: none;
}
/* hero bouton hover foncé spécifiquement pour le hero uniquement */
.hero-button-dark-hover a{
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.hero-button-dark-hover a:hover{
  background-color: var(--wp--preset--color--contrast)!important;
  border: 1px solid var(--wp--preset--color--contrast)!important; 
  color: var(--wp--preset--color--base)!important;
}

/* ==================================================== */
/* titre "En un clic" qui passe au dessus de la colonne */
.enUnClic-title {
  --overlap: 0.45; /* part de la hauteur du titre sous laquelle passent les colonnes */
  margin-bottom: calc(var(--overlap) * -1lh);
  pointer-events: none; /* les clics traversent le titre vers les cartes */
}
/* Neutralise l'espacement automatique (block gap) de WordPress sous le titre */
.enUnClic-title + .wp-block-columns {
  margin-block-start: 0;
}
/* En un clic cover: effet de hover sur les images transform: scale(1.025);*/
.enUnClicSection .wp-block-cover img.wp-block-cover__image-background{
  transition: transform 0.2s ease-in-out;
}
.enUnClicSection .wp-block-cover:hover img.wp-block-cover__image-background{
  transform: scale(1.025);

}

/* ==================================================== */
/* Section "Circuits ardennais" Décorations de coins : feuilles et fleurs */
.circuits-ardennes {
  /* Réglages : tout en % de la largeur de la carte */
  --leaf-width: 13%;
  --leaf-ratio: 416 / 292;      /* à remplacer par les vraies proportions de Feuille.webp */
  --leaf-offset: 2.5%;

  --flower-width: 20%;
  --flower-ratio: 432 / 464;    /* à remplacer par les vraies proportions de Fleur.webp */
  --flower-offset: 2.5%;

  position: relative;
}

.circuits-ardennes::before,
.circuits-ardennes::after {
  content: "";
  position: absolute;
  background: no-repeat center / contain;
  pointer-events: none;
}

/* Feuille : en haut à droite */
.circuits-ardennes::before {
  top: var(--leaf-offset);
  right: var(--leaf-offset);
  width: var(--leaf-width);
  aspect-ratio: var(--leaf-ratio);
  background-image: url("/wp-content/uploads/2026/10/Feuille.webp");
}

/* Fleur : en bas à gauche */
.circuits-ardennes::after {
  transform: rotate(90deg);
  bottom: var(--flower-offset);
  left: var(--flower-offset);
  width: var(--flower-width);
  aspect-ratio: var(--flower-ratio);
  background-image: url("/wp-content/uploads/2026/10/Fleur.webp");
}

/* ==================================================== */
/* Section "Les bons plans" ajustement du spacing */
.wp-block-group.bons-plans {
  --split-gap: 20px;
  --split-text-min: 22rem; /* largeur mini du texte avant de passer sous le titre */

  display: flex;
  flex-wrap: wrap;           /* c'est lui qui rend le bloc responsive */
  align-items: flex-start;   /* mets center pour centrer verticalement */
  gap: var(--split-gap);
}

/* Titre : largeur = mot le plus long ("Les bons" grâce à l'espace insécable) */
.wp-block-group.bons-plans > .wp-block-heading {
  flex: 0 0 auto;
  width: min-content;
  max-width: 100%;
  margin: 0;
}

/* Texte : prend tout l'espace restant, passe sous le titre s'il devient trop étroit */
.wp-block-group.bons-plans > .bons-plans__content {
  flex: 1 1 var(--split-text-min);
  min-width: 0;
  max-width: none;
  margin: 0;
}

/* Le bloc parent qui contient les deux colonnes */
.group-votre-voyage {
  overflow: visible;
}

/* Le bloc qui porte la grande image */
.votre-voyage {
  position: relative;
  z-index: 2;
  overflow: visible !important;
  isolation: isolate;
}

/* L'image décorative */
.votre-voyage::after {
  content: "";
  position: absolute;

  width: 7vw;
  aspect-ratio: 174 / 412;

  left: -10%;
  bottom: -7%;

  background-image: url("/wp-content/uploads/2026/10/Photos-des-Ardennes.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  transform: rotate(-12deg);
  transform-origin: center;

  z-index: 10;
  pointer-events: none;
}



/* ===================== */
/* Suivez-moi */
.suivez-moi-lien a{
  font-size: var(--wp--preset--font-size--md) !important;
  font-family: var(--wp--preset--font-family--manrope), sans-serif !important;
  text-decoration: none !important;
}





/* ==========================================================================
   Page catégorie/Bonnes Adresses 
   ========================================================================== */
   /* ajustement pour le shortcode qui affiche la catégorie dans la phrase "les meilleurs ... des ardennes" */
   .ardenne-categorie-racine {
    line-height: 1.1;
    text-decoration: none;
    text-transform: uppercase;
    max-width: 100%;
}
.ardenne-meilleurs,
.ardenne-categorie-racine,
.ardenne-des-ardennes {
    display: block;
}
.ardenne-nowrap {
    white-space: nowrap;
}
/* Répartit équitablement les mots sur les lignes */
.ardenne-categorie-racine {
    text-wrap: balance;
}
.is-layout-constrained > :has(.ardenne-categorie-racine) {
    max-width: none !important;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* navigation des sous-catégories avec subcategory-nav.php dans inc theme parent */
/* Navigation par sous-catégorie (inc/subcategory-nav.php) */
.wp-block-buttons.alowa-subcategory-nav { flex-wrap: wrap; }
.alowa-subcategory-nav .wp-block-button__link {
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.alowa-subcategory-nav .wp-block-button__link[aria-current="page"] {
	background-color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base) !important;
}
@media (max-width: 768px) {
	.wp-block-buttons.alowa-subcategory-nav .wp-block-button { width: auto; }
}
/* réduction de la hauteur des images des posts sur desktop */
.adresse-post-img img{
  aspect-ratio: 5/6 !important;
}
/* Effet zoom sur les images des posts */
figure.wp-block-post-featured-image {
  overflow: hidden;
}

figure.wp-block-post-featured-image img {
  transition: transform 0.2s ease-in-out;
}

figure.wp-block-post-featured-image:hover img {
  transform: scale(1.025);
}
/* ajout d'un hover sur le bouton "Lire la suite" */
.adresse-decouvrir-button{
  transition: all 0.2s ease-in-out;
  width: stretch;
  text-align: center;
}
.adresse-decouvrir-button:hover {
  background-color: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
}
   /* Carte des zones (pattern alowa-enfant/carte-zones) */
.carte-zones {
	/* Couleurs de base */
	--zone-repos: #3B2C1F;
	--zone-texte-clair: #FFFCF7;
	--zone-texte-fonce: #3B2C1F;

	/* Typo (en unités du viewBox : le texte suit le redimensionnement de la carte) */
	--zone-taille-texte: 24px;

	width: 100%;
	max-width: 663px;
	margin-inline: auto;
}

.carte-zones__svg {
	display: block;
	width: 100%;
	height: auto;
}

/* Couleurs de survol par zone + couleur de texte associée (clair ou foncé selon le fond) */
.carte-zones__zone--nord  { --zone-survol: #FFDEEB; --zone-texte-survol: var(--zone-texte-fonce); }
.carte-zones__zone--sud   { --zone-survol: #E3EDAE; --zone-texte-survol: var(--zone-texte-fonce); }
.carte-zones__zone--ouest { --zone-survol: #CC66AA; --zone-texte-survol: var(--zone-texte-clair); }
.carte-zones__zone--est   { --zone-survol: #4A5935; --zone-texte-survol: var(--zone-texte-clair); }

.carte-zones__zone {
	cursor: pointer;
	outline: none;
	text-decoration: none;
}

.carte-zones__zone path {
	fill: var(--zone-repos);
	transition: fill 0.2s ease;
}

.carte-zones__zone text {
	fill: var(--zone-texte-clair);
	font-family: inherit;
	font-size: var(--zone-taille-texte);
	letter-spacing: 0.08em;
	text-anchor: middle;
	dominant-baseline: central;
	text-transform: uppercase;
	user-select: none;
	pointer-events: none;
	transition: fill 0.2s ease;
}

/* Survol et focus clavier */
.carte-zones__zone:hover path,
.carte-zones__zone:focus-visible path {
	fill: var(--zone-survol);
}

.carte-zones__zone:hover text,
.carte-zones__zone:focus-visible text {
	fill: var(--zone-texte-survol);
}

/* Focus clavier : contour dans la couleur du texte, donc toujours contrasté avec le fond */
.carte-zones__zone:focus-visible path {
	stroke: var(--zone-texte-survol);
	stroke-width: 4px;
	stroke-linejoin: round;
}

/* Texte plus grand sur petits écrans (la carte est réduite) */
@media (max-width: 600px) {
	.carte-zones { --zone-taille-texte: 32px; }
}

@media (prefers-reduced-motion: reduce) {
	.carte-zones__zone path,
	.carte-zones__zone text { transition: none; }
}



/* ==========================================================================
   Page articles publication seule
   ========================================================================== */
/* ajustement du gap des galeries des articles et du spacing après les articles */
.twig-single-post-content figure.wp-block-gallery.has-nested-images{
    gap: var(--wp--preset--spacing--20) !important;
  }
.twig-single-post-content {
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }
/* Informations pratiques : présentation propre au site client. */
.wp-block-alowa-practical-info.alowa-practical-info {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
  padding: var(--wp--preset--spacing--40);
	padding-inline: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--surface);
	box-shadow: var(--wp--custom--shadow--sm);
}

.wp-block-alowa-practical-info .alowa-practical-info__title {
	font-family: var(--wp--preset--font-family--heading);
	color: var(--wp--preset--color--contrast);
}

.wp-block-alowa-practical-info .alowa-practical-info__item {
  font-family: var(--wp--preset--font-family--body);
	align-items: baseline;
}

.wp-block-alowa-practical-info .alowa-practical-info__item a{
  font-family: var(--wp--preset--font-family--body);
  color: var(--wp--preset--color--contrast);
}

.wp-block-alowa-practical-info .alowa-practical-info__label {
	min-width: 7.5rem;
	color: var(--wp--preset--color--muted);
}

.wp-block-alowa-practical-info .alowa-practical-info__item--socials {
	align-items: baseline;
}

.wp-block-alowa-practical-info .alowa-practical-info__socials {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-block-alowa-practical-info .alowa-practical-info__social-icon path {
	transition: fill 0.2s ease-in-out;
}

.wp-block-alowa-practical-info .alowa-practical-info__social .alowa-practical-info__link:hover .alowa-practical-info__social-icon path,
.wp-block-alowa-practical-info .alowa-practical-info__social .alowa-practical-info__link:focus-visible .alowa-practical-info__social-icon path {
	fill: var(--wp--preset--color--primary) !important;
}
/* Informations pratiques : réseaux regroupés sur une ligne flexible. */
.wp-block-alowa-practical-info .alowa-practical-info__item--socials {
	align-items: baseline;
}

.wp-block-alowa-practical-info .alowa-practical-info__label {
	min-width: 7.5rem;
	color: var(--wp--preset--color--muted);
}

/* ==========================================================================
   Page à propos
   ========================================================================== */
/* ===== Formulaire de contact ===== */
.form-contact {
  margin-inline: auto;
  text-align: left;
}

/* Neutralise les <p> et <br> injectés par CF7 */
.form-contact .form-contact__grid > p {
  display: contents;
}
.form-contact br {
  display: none;
}

/* Grille */
.form-contact .form-contact__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wp--preset--spacing--20, 1rem);
}

.form-contact .form-contact__full {
  grid-column: 1 / -1;
}

/* Labels masqués visuellement (restent lus par les lecteurs d'écran) */
.form-contact .form-contact__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.form-contact label {
  display: block;
  margin: 0;
}

.form-contact .wpcf7-form-control-wrap {
  display: block;
}

/* Champs */
.form-contact input[type="text"],
.form-contact input[type="email"],
.form-contact textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 0;
  background: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  font: inherit;
  font-weight: 400;
  -webkit-appearance: none;
  appearance: none;
}

.form-contact textarea {
  min-height: 10rem;
  resize: vertical;
}

.form-contact ::placeholder {
  color: var(--wp--preset--color--contrast);
  opacity: 0.6;
}

.form-contact input[type="text"]:focus,
.form-contact input[type="email"]:focus,
.form-contact textarea:focus {
  outline: 2px solid var(--wp--preset--color--contrast);
  outline-offset: 2px;
}

/* Bouton : contour au repos, plein au survol */
.form-contact .form-contact__submit {
  text-align: center;
}

.form-contact .form-contact__submit p {
  margin: 0;
}

.form-contact input[type="submit"] {
  font-family: var(--wp--preset--font-family--heading);
  text-transform: uppercase;
    font-size: var(--wp--preset--font-size--xs);
    font-style: normal;
    font-weight: 400;
    letter-spacing: inherit;
    line-height: 1;
    padding-top: var(--wp--preset--spacing--30);
    padding-right: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--30);
    padding-left: var(--wp--preset--spacing--50);
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 0;
  background: transparent;
  color: var(--wp--preset--color--contrast);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.form-contact input[type="submit"]:hover,
.form-contact input[type="submit"]:focus-visible {
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

.form-contact form.submitting input[type="submit"] {
  opacity: 0.6;
  pointer-events: none;
}

.form-contact .wpcf7-spinner {
  display: none;
}

/* Messages d'erreur / confirmation */
.form-contact .wpcf7-not-valid-tip {
  margin-top: 0.3rem;
  font-size: 0.85rem;
  color: var(--wp--preset--color--contrast);
}

.form-contact .wpcf7-not-valid {
  border-color: var(--wp--preset--color--contrast);
}

.form-contact .wpcf7 form.wpcf7-form .wpcf7-response-output {
  margin: var(--wp--preset--spacing--40, 1rem) 0 0;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 0;
  text-align: center;
  color: var(--wp--preset--color--contrast);
}
/* Turnstile : centré sous le bouton */
.form-contact .form-contact__turnstile {
  display: flex;
  justify-content: center;
}

.form-contact .form-contact__turnstile .wpcf7-turnstile {
  margin: 0;
}

/* Mobile : une seule colonne */
@media (max-width: 600px) {
  .form-contact .form-contact__grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   Responsive tablette et mobile
   ========================================================================== */

@media (max-width: 768px) {
  /* ========================================================================== */
  /* Général */
  /* boutons */
  .wp-block-buttons{
    width: 100%;
  }
  .wp-block-buttons .wp-block-button{
    width: 100%;
  }

  /* ========================================================================== */
  /* Header */
  .alowa-header-contact{
    display: none !important;
  }
  .circuits-ardennes{
    grid-column: span 2;
  }

  /* ========================================================================== */
  /* Hero Ardennes : titre en columns et fleur repositionnée */
 .hero-ardennes .alowa-small-text {
		display: block;
	}
  .wp-block-heading.hero-ardennes {
    --flower-size: 1em;
    --flower-offset-x: -0.55em;
    --flower-offset-y: 1.8em;
  }
  @media (max-width: 438px) {
    .wp-block-heading.hero-ardennes {
    --flower-size: 1.2em;
    --flower-offset-x: -0.8em;
    --flower-offset-y: 2em;
  } 
  }

  /* ========================================================================== */
  /* Section En Un Clic */
  .enUnClicSection {
		/* = padding latéral de la section ; adapte si tu le changes dans l'éditeur */
		--carousel-gutter: var(--wp--preset--spacing--40);
		--carousel-card-w: min(76vw, 320px);   /* largeur d'une carte : la suivante dépasse */
	}
	.enUnClicSection .wp-block-columns {
		/* Le défilement */
		flex-wrap: nowrap !important;
		overflow-x: auto;
		overscroll-behavior-x: contain;        /* évite le "retour page" au bout du glissement */
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--carousel-gutter);
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;

		/* Va jusqu'aux bords de l'écran, tout en gardant l'alignement avec le reste */
		margin-inline: calc(-1 * var(--carousel-gutter));
		padding-inline: var(--carousel-gutter);

		/* Laisse de la place au contour de focus, qui serait sinon coupé */
		padding-block: 6px;
		margin-block: -6px;
	}
	.enUnClicSection .wp-block-columns::-webkit-scrollbar {
		display: none;
	}

	.enUnClicSection .wp-block-column {
		flex: 0 0 var(--carousel-card-w) !important;   /* écrase le flex-basis:25% en ligne */
		min-width: 0;
		scroll-snap-align: start;
	}

	/* Cartes proportionnelles à la largeur, au lieu des 500 px fixes */
	.enUnClicSection .wp-block-cover {
		min-height: 0 !important;
		aspect-ratio: 2 / 3 !important;
	}

  /* ========================================================================== */
  /* Section Circuits ardennais */
  .alowa-aspect-ratio-square {
    aspect-ratio: 2 / 3;
}
  
  /* ========================================================================== */
  /* Section "votre voyage" */
  .group-votre-voyage .votre-voyage1,.group-votre-voyage .votre-voyage2{
    grid-column: span 5;
  }
  .votre-voyage::after {
    width: 114px;
    left: 4%;
  }
  /* image votre voyage moins haute sur mobile */
  .votre-voyage.votre-voyage2{
    min-height: unset!important;
    height: 75vh!important;
  }

  /* ==================================================== */
  /* Section "moi c'est Twiggy" responsive fleurs */
  .cest-twiggy .col-fleur1 {
	--fleur1-top: 0.68;         /* position verticale, en fraction de la largeur de la photo */
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	padding-top: 0;              /* l'ancien padding en pixels est remplacé par la marge ci-dessous */
	margin-top: calc(var(--fleur1-top) * min(701px, 100% - 2 * var(--wp--preset--spacing--40)));
	pointer-events: none;
}
  .cest-twiggy .col-fleur2{
    z-index: 1;
    position: absolute;
    width: 20%;
    right: 0;
  }
  .cest-twiggy .col-cest-twiggy{
    display : flex;
    justify-content: center;
  }
  .cest-twiggy .group-cest-twiggy{
    width: 100%;
    padding-left: var(--wp--preset--spacing--40);
    padding-right: var(--wp--preset--spacing--40);
  }
  /* Fleur droite : descendue pour ne recouvrir que la zone du bouton */
.cest-twiggy .wp-block-columns {
	position: relative;          /* ancre explicite : le bas de l'illustration se cale sur le bas des colonnes */
}

.cest-twiggy .col-fleur2 {
	--fleur2-overlap: 6rem;      /* partie de l'image qui reste AU-DESSUS du bas des colonnes (zone du bouton) */
	top: auto;
	bottom: 0;
	right: 0;
	transform: translateY(calc(100% - var(--fleur2-overlap)));
	pointer-events: none;        /* l'illustration passe par-dessus le bouton sans bloquer le clic */
}
  

  /* ==================================================== */
  /* Feed Instagram ajustement de la marge */
  .wp-block-igf-instagram-feed{
    margin-top: 40px !important;
  }

  /* ==========================================================================
   Page bonnes adresses
   ========================================================================== */
 .alowa-subcategory-nav a{
  color: var(--wp--preset--color--contrast)!important;
  padding: 0;
  border: 0 !important;
 }
 .alowa-subcategory-nav .wp-block-button__link[aria-current="page"]{
  background-color: unset !important;
  border: 0 !important;
  color: var(--wp--preset--color--contrast) !important;
  text-decoration: underline !important;
 }
 .alowa-subcategory-nav .wp-block-button__link[aria-current="page"]:hover, .alowa-subcategory-nav .wp-block-button__link[aria-current="page"]:focus, .alowa-subcategory-nav .wp-block-button__link[aria-current="page"]:active{
  background-color: var(--wp--preset--color--base) !important;
  border: 0 !important;
  color: var(--wp--preset--color--contrast) !important;
  text-decoration: underline !important;
  opacity: 0.8;
 }
 @media (hover: none) {
  .alowa-subcategory-nav .wp-block-button__link {
    -webkit-tap-highlight-color: transparent; /* supprime le flash au tap sur iOS/Android */
  }

  .alowa-subcategory-nav .wp-block-button__link:hover,
  .alowa-subcategory-nav .wp-block-button__link:focus,
  .alowa-subcategory-nav .wp-block-button__link:active {
    background-color: transparent !important;
    color: var(--wp--preset--color--contrast) !important;
  }

  /* Le lien de la page courante garde son style, sans l'opacité au tap */
  .alowa-subcategory-nav .wp-block-button__link[aria-current="page"]:hover,
  .alowa-subcategory-nav .wp-block-button__link[aria-current="page"]:focus,
  .alowa-subcategory-nav .wp-block-button__link[aria-current="page"]:active {
    background-color: var(--wp--preset--color--base) !important;
    opacity: 1;
  }
}
  /* ==================================================== */
  /* Page des articles */
  /* ==================================================== */
  li.alowa-practical-info__item{
    flex-direction: column;
  }
  li.alowa-practical-info__social svg{
    width: 40px !important;
    height: 40px !important;
  }
  


  /* ==========================================================================
   Page conseils et circuits 
   ========================================================================== */
 .group-votre-escapade .votre-escapade1{
    grid-column: span 5;
  }
  .group-votre-escapade .votre-escapade2{
    grid-column: span 5;
 }

 /* ==========================================================================
   Page bons plans
   ========================================================================== */
 .group-bon-plan .bon-plan1{
    grid-column: span 8;
  }
  .group-bon-plan .bon-plan2{
    grid-column: span 8;
  }

  /* ========================================================================== */
  /* Footer */
  .alowa-footer nav{
    align-items: flex-start;
  }
  .alowa-footer nav ul{
    align-items: flex-start;
  }
  .alowa-footer-col{
    gap: var(--wp--preset--spacing--70);
  }
  .alowa-footer .social-icons .icon-container{
    width: 40px !important;
  }
}

/* ========================================================================== */
/* section "en un clic" : scroll smooth sur les colonnes */
@media (prefers-reduced-motion: no-preference) {
	.enUnClicSection .wp-block-columns {
		scroll-behavior: smooth;
	}
}


/* ======================================= */
/* passage du responsive de base de wordpress à 1100px pour la nav header */
@media (min-width: 1220px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}
/* cache le bouton à propos à partir de 1100px pour éviter le collapse du menu header */
@media (max-width: 1220px) {
    /* Header */
  .alowa-header-contact{
    display: none !important;
  }
  .header-nav-list ul li a{
    font-size: var(--wp--preset--font-size--lg) !important;
    text-decoration: none !important;
  }
  .wp-block-navigation .wp-block-navigation-item{
    text-align: right !important;
  }
}
/* invalide le responsive de base de wordpress à partir de 600px pour la nav header */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}