/* =====================================================================
   RENESSIANCE — CORRECTIONS GLOBALES
   version 3 — les fonds d'origine du thème sont conservés

   Ce fichier ne touche plus AUCUN fond de section. Les dégradés satinés,
   les filigranes d'ailes et les images des en-têtes de page sont ceux du
   thème, tels qu'ils étaient. Il n'agit que sur l'écriture, le doré, les
   boutons, les tailles de texte et l'en-tête.

   A. Couleurs d'écriture
   B. Texte
   C. Le doré, là où il était illisible
   D. Boutons
   E. Tailles de texte
   F. En-tête, hauteurs de cartes, sommaire
   ===================================================================== */


/* ---------------------------------------------------------------------
   A. COULEURS D'ÉCRITURE
   Les fonds du site sont des dégradés de trois nuances d'un même jaune
   et d'un même vert : ce sont des nuances, pas des couleurs
   supplémentaires. La discipline des cinq valeurs est donc tenue là où
   elle compte : l'écriture, les surtitres et les boutons.

   Contrastes vérifiés (WCAG 2.1, seuil 4,5 pour du texte) sur le ton le
   plus foncé de vos fonds clairs, #F2D47B, qui est le cas le plus dur :
     vert d'écriture #0B5C50 ............ 5,4
     vert des titres #0A4B40 ............ 6,9
     doré sur vert sapin ................ 7,3
     doré sur bouton vert sapin ......... 7,3
   --------------------------------------------------------------------- */
:root{
	--rns-vert:  #0B5C50;   /* écriture : le vert de vos PowerPoint */
	--rns-titre: #0A4B40;   /* titres : le vert de vos PowerPoint, plus profond */
	--rns-sapin: #164B35;   /* vert profond du thème : bandeaux, boutons */
	--rns-or:    #FFD84A;   /* surtitres sur fond vert, texte des boutons */
}


/* ---------------------------------------------------------------------
   A bis. FONDS DE SECTION
   Deux illustrations fabriquées pour ce site, dans l'esprit du héros :
   un dégradé doux et lumineux, et les plumes du phénix en filigrane le
   long des deux bords. Le trait des plumes est repris de votre propre
   illustration de héros ; il n'y a ni oiseau entier, ni nuage, ni tache.

   Leur teinte ne varie que de gauche à droite, jamais de haut en bas.
   C'est ce qui garantit que deux sections qui se suivent ont exactement
   le même jaune, quelle que soit leur hauteur : plus aucune cassure aux
   jointures. L'asymétrie est portée par les plumes — larges à gauche,
   fines et décalées à droite — et par la lumière, placée à 41 %.

   Contraste vérifié dans la zone de texte : 4,9 pour le texte courant
   et 6,2 pour les titres, au-dessus du seuil de 4,5.

   Le voile rayé que le thème posait par-dessus chaque section est
   neutralisé : c'est lui qui donnait l'impression de rayures.
   --------------------------------------------------------------------- */
body .rn-content .rn-section:not(.rn-hero){
	background-color: #FBEFB4;
	background-image: var(--rns-fond-clair);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

body .rn-content .rn-section:is(.rn-dark,.rn-bg-method-4):not(.rn-hero),
body .rn-content .rn-section:is(.rn-bg-home-4,.rn-bg-about-56,.rn-bg-contact-5):not(.rn-hero),
body .rn-content .rn-bg-method-7 + .rn-section.rn-dark,
body .rn-content .rn-section.rn-dark.rn-statistics,
body .rn-footer,
body .rn-footer.rn-footer-joined::before{
	background-color: #125645;
	background-image: var(--rns-fond-vert);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* Neutralisation du voile rayé et des fragments de phénix inutilisés. */
body .rn-content .rn-section:not(.rn-hero)::before,
body .rn-footer::after,
body .rn-content .rn-ornament{ display: none; }


/* ---------------------------------------------------------------------
   B. TEXTE
   Sur les fonds clairs seulement. Les bandeaux verts et le pied de page
   gardent l'écriture crème du thème.
   --------------------------------------------------------------------- */
body .rn-content .rn-section p,
body .rn-content .rn-section li{ color: var(--rns-vert); }

body .rn-content .rn-section :is(h1,h2,h3){ color: var(--rns-titre); }

body .rn-content .rn-section:not(.rn-hero) :is(.rn-card,.rn-note) :is(p,h2,h3){
	color: var(--rns-vert);
}


/* ---------------------------------------------------------------------
   C. LE DORÉ, LÀ OÙ IL ÉTAIT ILLISIBLE
   Le doré donne 1,2 de contraste sur un fond jaune : il est remplacé par
   le vert sur les fonds clairs, et conservé partout où il est sur vert.
   Sept textes étaient concernés : les trois grands guillemets des
   témoignages et les quatre numéros 01 à 04 de « Qui suis-je », qui
   apparaissaient comme des pastilles vides.
   --------------------------------------------------------------------- */
body .rn-content .rn-section:not(.rn-dark):not(.rn-bg-method-4) .rn-eyebrow{
	color: var(--rns-vert);
}

body .rn-content .rn-section .rn-quote-mark{
	color: var(--rns-sapin) !important;
}

body .rn-content .rn-section .rn-number{
	background: var(--rns-sapin) !important;
	color: var(--rns-or) !important;
}


/* ---------------------------------------------------------------------
   D. BOUTONS
   Fond vert sapin, écriture dorée. Sur les bandeaux verts et dans les
   panneaux verts, le bouton s'inverse pour rester visible.
   --------------------------------------------------------------------- */
body .rn-button,
body .rn-content .rn-section .rn-button{
	background: var(--rns-sapin);
	color: var(--rns-or);
	border: 2px solid var(--rns-sapin);
}

body .rn-content .rn-section:is(.rn-dark,.rn-bg-method-4) .rn-button,
body .rn-content .rn-section .rn-quote-panel .rn-button,
body .rn-footer .rn-button{
	background: var(--rns-or);
	color: var(--rns-sapin);
	border-color: var(--rns-or);
}

/* Style secondaire : contour seul. */
body .rn-button-outline,
body .rn-content .rn-section .rn-button-outline{
	background: transparent;
	color: var(--rns-sapin);
	border: 2px solid var(--rns-sapin);
}
body .rn-content .rn-section:is(.rn-dark,.rn-bg-method-4) .rn-button-outline{
	background: transparent;
	color: var(--rns-or);
	border-color: var(--rns-or);
}

/* Bouton d'envoi du formulaire : il vient d'une extension, pas du thème,
   et gardait le bleu livré par défaut. */
body button[type="submit"],
body input[type="submit"],
body .wpforms-submit,
body div.wpforms-container-full .wpforms-form button[type="submit"],
body .wpcf7 input[type="submit"],
body .wpcf7-submit,
body .forminator-button-submit,
body .ff-btn-submit,
body .nf-form-content input[type="button"]{
	background: var(--rns-sapin) !important;
	background-image: none !important;
	color: var(--rns-or) !important;
	border: 2px solid var(--rns-sapin) !important;
	border-radius: 8px !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	min-height: 44px;
	padding: 12px 23px !important;
	text-transform: none;
}
body button[type="submit"]:hover,
body input[type="submit"]:hover,
body .wpforms-submit:hover,
body div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
body .wpcf7 input[type="submit"]:hover,
body .wpcf7-submit:hover{ filter: brightness(1.15); }

body div.wpforms-container-full .wpforms-form :is(input,select,textarea),
body .wpcf7 :is(input,select,textarea){
	border: 1px solid var(--rns-sapin);
	border-radius: 8px;
	color: var(--rns-vert);
	font-size: 1rem;
}
body .rn-content .rn-form :is(input,textarea){
	border-bottom-color: var(--rns-sapin);
	color: var(--rns-vert);
}


/* ---------------------------------------------------------------------
   E. TAILLES DE TEXTE
   Les paragraphes étaient déjà à 18 px et les textes de carte à 17 px :
   ils ne sont pas touchés. Voici ce qui passait réellement sous 16 px.
   --------------------------------------------------------------------- */
body .rn-content .rn-section p.rn-eyebrow{ font-size: 1rem; }        /* était 13 px */
body .rn-content .rn-section p.rn-caption{ font-size: 1rem; }        /* était 15 px */
body .rn-content .rn-section .rn-button{ font-size: 1rem; }          /* était 15 px */
body .rn-content .rn-form-note{ font-size: 1rem; }                   /* était 12 px */
body .rn-footer :is(p,a,li){ font-size: 1rem; }                      /* était 15 px */
body .rn-footer .rn-disclaimer{ font-size: 1rem !important; }        /* était 13 px */

/* Menu et téléphone : 15 px, pour que la barre tienne sur une ligne. */
body .rn-nav{ font-size: .9375rem; }
body .rn-header .rn-phone{ font-size: .9375rem; }
@media (max-width: 800px){ body .rn-nav{ font-size: 1rem; } }


/* ---------------------------------------------------------------------
   F. EN-TÊTE, HAUTEURS DE CARTES, SOMMAIRE
   --------------------------------------------------------------------- */

/* L'EN-TÊTE FIXE EST RETIRÉ.
   Sur les pages à héros, le thème rend l'en-tête transparent pour que
   l'illustration du phénix remonte derrière lui. L'ombre portée que
   j'avais ajoutée se dessinait donc en travers du héros : c'était le
   trait qui coupait le haut de page. Un en-tête réellement fixe demande
   un fond qui apparaisse au défilement ; c'est un travail à part. */

/* Nom du cabinet à côté du logo. */
body .rn-brand{ display: flex; align-items: center; gap: 13px; text-decoration: none; }
body .rn-brand-name{
	display: flex;
	flex-direction: column;
	font-family: 'Lora', Georgia, serif;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 1.1;
	color: var(--rns-titre);
	white-space: nowrap;
}
body .rn-brand-sub{
	font-family: 'Source Sans 3', Arial, sans-serif;
	font-size: .8125rem;
	font-weight: 400;
	color: var(--rns-vert);
	margin-top: 3px;
}
@media (max-width: 900px){
	body .rn-brand-sub{ display: none; }
	body .rn-brand-name{ font-size: 1.125rem; }
}
@media (max-width: 560px){
	body .rn-brand img{ width: 46px; height: 46px; }
	body .rn-brand-name{ font-size: 1rem; }
}

/* Cartes de hauteur égale sur une même ligne. */
body .rn-content .rn-grid{ align-items: stretch; }
body .rn-content .rn-grid > .rn-cell{ display: flex; flex-direction: column; }
body .rn-content .rn-grid > .rn-cell > :is(.rn-card,.rn-note,.rn-quote-panel){ flex: 1 1 auto; }

/* Sommaire de la page « La kinésiologie » : les quatre boutons avaient
   l'aspect des six encadrés de techniques, qui ne sont pas cliquables. */
body .rn-content .rn-jump-links .rn-button{ border-radius: 999px; padding-inline: 20px; }
body .rn-content .rn-section .rn-technique{ border: 0; padding: 12px; }

/* Version 1.2.27 — Page 35 : photo de l'entrée dans le héros, plan seul
   et centré sous « Adresse, accès et horaires », avec les itinéraires. */
body.page-id-35 .rn-content .rn-contact-hero{align-items:center}
/* Version 1.2.29 : photo entière, réduite pour rester proportionnée au texte. */
body.page-id-35 .rn-content .rn-contact-hero .rn-hero-entree{margin:0 auto;max-width:170px}
body.page-id-35 .rn-content .rn-contact-hero .rn-hero-entree img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:18px}
body.page-id-35 .rn-content .rn-contact-hero .rn-hero-entree + .rn-caption{max-width:260px;margin:8px auto 0;font-size:.875rem;line-height:1.35}
/* Le héros, plus haut avec la photo, garde son fond phénix jusqu'en bas. */
body.page-id-35 .rn-content .rn-bg-contact-2.rn-hero::before{background-size:cover !important;background-position:center top !important}
body.page-id-35 .rn-content .rn-acces-plan{max-width:520px;margin:32px auto 0}
body.page-id-35 .rn-content .rn-acces-plan .rn-photo img{display:block;width:100%;height:auto;border-radius:22px}
body.page-id-35 .rn-content .rn-acces-itineraires{justify-content:center;gap:12px;margin:16px 0 0}
body.page-id-35 .rn-content .rn-acces-itineraires .rn-button{flex:1 1 180px}