/* =========================================================
   BASE
   ========================================================= */

/* Défilement fluide sur les ancres */
html {
  scroll-behavior: smooth;
}

/* =========================================================
   MEDIA / IMAGES
   ========================================================= */

/* Image mise en avant : rendu “portrait” arrondi + ombre latérale */
.wp-block-post-featured-image img {
  display: block;
  border-radius: 9999px;
  object-fit: cover;
  box-shadow: 14px 0 0 0 var(--wp--preset--color--primary);
}

/* Zoom uniquement pour les Cover "cliquables" (classe is-linked) */
.wp-block-cover.is-linked{
  overflow: hidden; /* évite que l'image déborde au zoom */
}

.wp-block-cover.is-linked .wp-block-cover__image-background,
.wp-block-cover.is-linked .wp-block-cover__video-background{
  transition: transform .35s ease;
}

.wp-block-cover.is-linked:hover .wp-block-cover__image-background,
.wp-block-cover.is-linked:hover .wp-block-cover__video-background{
  transform: scale(1.05);
}

/* =========================================================
   TEXTE / HIGHLIGHT (stabilo)
   ========================================================= */

/* Effet stabilo sur <mark> dans un conteneur .stabilo */
.stabilo mark {
  display: inline-block;
  margin-left: -30px;
  line-height: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 61 24' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='m55.997 19.464c0.84923 0 2.6964-0.32552 3.5457-0.30123 1.648 0.04555 1.5687-0.17005 1.3234-4.3417-0.27516-4.6757-0.87726-8.0615-1.7378-12.032-0.48521-2.4214-0.78004-2.4111-1.4457-2.4202-5.8661-0.080166-11.733-0.52594-17.597-0.31034-6.5229 0.23928-32.727-0.054051-39.127 3.8261-1.0726 0.52776-1.1716 2.5787-0.66066 6.0422 0.49629 4.8695 0.82164 8.7515 1.4122 13.11 0.048159 0.35467 0.17003 0.78344 0.53111 0.9632 13.589-3.1435 41.731-4.3368 53.756-4.5361' fill='%23ffefe6' /%3E%3C/svg%3E%0A");
  padding: 0.4em 0.75em 0.6em 0.75em;
}

/* =========================================================
   LIENS
   ========================================================= */

/* Liens sans soulignement (classe sur <a> ou sur le parent) */
a.no-underline,
.no-underline a {
  text-decoration: none;
}

/* Liens plus recherche */
a.wp-block-post-excerpt__more-link {
    background-color: var(--wp--preset--color--primary) !important;
	border-radius: 5px;
	color: var(--wp--preset--color--base);
	    font-weight: 500;
	    padding-top: .6em;
	    padding-right: 1em;
	    padding-bottom: .6em;
	    padding-left: 1em;
	    text-decoration: none;
		font-size: var(--wp--preset--font-size--x-small) !important;
		}
p.wp-block-post-excerpt__more-text {
		    margin-top: var(--wp--preset--spacing--30);
		    margin-bottom: var(--wp--style--block-gap);
		}


/* =========================================================
   COMPOSANTS : TÉMOIGNAGES
   ========================================================= */

/* Blocs auteur de témoignage : réglages de marges et affichage */
.emotio-temoignage-auteur-texte {
  margin-bottom: 0;
}
.emotio-temoignage-auteur-nom,
.emotio-temoignage-auteur-fonction {
  display: block;
}
.emotio-temoignage-auteur-fonction {
  margin-top: 0;
}

/* =========================================================
   MISE EN PAGE : AJUSTEMENTS
   ========================================================= */

/* Réduction ponctuelle de marge sur paragraphes */
.margin-null > p {
  margin: -10px 0 0 0;
}

/* Compteur animé : éviter la marge haute ajoutée par les layouts contraints */
.is-layout-constrained > .emotio-chiffre-defilant {
  margin-block-start: 0 !important;
}

/* =========================================================
   ANIMATIONS / INTERACTIONS
   ========================================================= */

/* Animation “bounce” sur le logo au survol */
.wp-block-site-logo .custom-logo-link {
  display: inline-block;
  transform-origin: 50% 50%;
}

.wp-block-site-logo .custom-logo-link:hover .custom-logo,
.wp-block-site-logo .custom-logo-link:focus-visible .custom-logo {
  animation: emotio-bounce 0.55s ease;
  will-change: transform;
}

@keyframes emotio-bounce {
  0%   { transform: translateY(0) scale(1); }
  30%  { transform: translateY(-4px) scale(1.06); }
  55%  { transform: translateY(0) scale(.98); }
  75%  { transform: translateY(-2px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* Respect des préférences d’accessibilité */
@media (prefers-reduced-motion: reduce) {
  .wp-block-site-logo .custom-logo-link:hover .custom-logo,
  .wp-block-site-logo .custom-logo-link:focus-visible .custom-logo {
    animation: none;
  }
}

/* =========================================================
   TAXONOMIES / TAGS
   ========================================================= */

/* Tags : style “étiquette” */
.wp-block-post-terms.is-style-term-button a,
.is-style-term-button a {
  display: inline-flex;
  align-items: center;
  gap: .45em;

  padding: .35em .75em;
  border-radius: 999px;

  background: var(--wp--preset--color--tertiary);
  color: var(--wp--preset--color--primary);

  font-size: var(--wp--preset--font-size--x-small);
  line-height: 1.2;

  text-decoration: none;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary) 18%, transparent);
  box-shadow: 0 1px 0 color-mix(in srgb, #000 10%, transparent);
  transition: transform .12s ease, filter .12s ease;

  margin: 0 .35em .35em 0;
}

/* Tags : icône */
.wp-block-post-terms.is-style-term-button a::before,
.is-style-term-button a::before {
  content: "";
  width: .95em;
  height: .95em;
  background: currentColor;
  opacity: .9;
  flex: 0 0 auto;

  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M20.59%2013.41%2011%203.83V3H4v7h.83l9.59%209.59a2%202%200%200%200%202.83%200l3.34-3.34a2%202%200%200%200%200-2.83zM7.5%207A1.5%201.5%200%201%201%206%205.5%201.5%201.5%200%200%201%207.5%207z%27/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M20.59%2013.41%2011%203.83V3H4v7h.83l9.59%209.59a2%202%200%200%200%202.83%200l3.34-3.34a2%202%200%200%200%200-2.83zM7.5%207A1.5%201.5%200%201%201%206%205.5%201.5%201.5%200%200%201%207.5%207z%27/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Tags : hover/focus */
.wp-block-post-terms.is-style-term-button a:hover,
.is-style-term-button a:hover {
  filter: brightness(0.98);
  transform: translateY(-1px);
  text-decoration: none;
}
.wp-block-post-terms.is-style-term-button a:focus-visible,
.is-style-term-button a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* =========================================================
   FORMULAIRES : NINJA FORMS
   ========================================================= */

/* Typo du label ciblé */
.nf-field-label label#nf-label-field-11 {
  font-weight: 300;
  font-size: var(--wp--preset--font-size--small);
}

/* =========================================================
   SHORTCODE : temoignage / bouton relaod / infobulle
   ========================================================= */

.emotio-temoignage__reroll{
  position: relative; /* nécessaire pour positionner la bulle */
}

/* la bulle */
.emotio-temoignage__reroll::after{
  content: "Voir un autre témoignage";
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  padding: .35rem .55rem;
  border-radius: 8px;
  background: rgba(0,0,0,.85);
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
  z-index: 20;
}

/* petite flèche */
.emotio-temoignage__reroll::before{
  content:"";
  position:absolute;
  right: 16px;
  bottom: calc(100% + 4px);
  border: 6px solid transparent;
  border-top-color: rgba(0,0,0,.85);
  opacity: 0;
  transform: translateY(6px);
  pointer-events:none;
  transition: opacity 180ms ease, transform 180ms ease;
  z-index: 20;
}

/* affichage au survol (et clavier) */
.emotio-temoignage__reroll:hover::after,
.emotio-temoignage__reroll:focus-visible::after,
.emotio-temoignage__reroll:hover::before,
.emotio-temoignage__reroll:focus-visible::before{
  opacity: 1;
  transform: translateY(0);
}