/* Nature — chaleureux et organique : formes douces, tons naturels */

.tsb-site[data-tsb-template="nature"] .tsb-hero-bg {
	filter: sepia(0.1) saturate(1.05);
}
.tsb-site[data-tsb-template="nature"] .tsb-hero-title {
	font-weight: 400;
}
.tsb-site[data-tsb-template="nature"] .tsb-hero-kicker {
	font-style: italic;
}
/* v1.9.0 — scoped to .tsb-btn-primary (not the bare .tsb-btn) so this
   accent-filled look no longer bleeds into ".tsb-btn-outline" and
   ".tsb-btn-urgent" too, which used to flatten every hero CTA (and the
   Urgence banner's CTA) into one identical color — border-radius:999px
   removed here since it's already the global default for every ".tsb-btn". */
.tsb-site[data-tsb-template="nature"] .tsb-btn-primary {
	/* item #102 — custom CTA color, falls back to Nature's own accent
	   background when unset. */
	background: var(--tsb-cta-bg, var(--tsb-accent));
	border-color: var(--tsb-accent);
	/* v1.9.6 — item #85: was a flat var(--tsb-paper) — white text on some
	   Nature accents (ex. "Sauge", "Terracotta") reads too low-contrast to
	   pass as a real button label. --tsb-on-accent picks ink or paper,
	   whichever actually reads on this specific accent. item #102 adds the
	   custom-CTA-text override in front of that same fallback chain. */
	color: var(--tsb-cta-text, var(--tsb-on-accent, var(--tsb-paper)));
}
/* 37e vague, retour Chloé — bug : cette règle (3 sélecteurs) gagnait
   toujours sur le bouton "Réserver" de l'en-tête face à la règle dédiée de
   base.css (2 sélecteurs, moins spécifique), sans jamais lire
   header_cta_bg/header_cta_text (36e vague, item 6). Règle à spécificité
   strictement supérieure (4 sélecteurs), même repli accent/on-accent
   qu'avant quand ces champs ne sont pas réglés. */
.tsb-site[data-tsb-template="nature"] .tsb-nav-cta.tsb-btn-primary {
	background: var(--tsb-header-cta-bg, var(--tsb-cta-bg, var(--tsb-accent)));
	color: var(--tsb-header-cta-text, var(--tsb-cta-text, var(--tsb-on-accent, var(--tsb-paper))));
}
/* 110e vague (suite, 2) — même correctif que la règle "Réserver" (en-tête)
   juste au-dessus, cette fois pour le bouton "Prendre rendez-vous" du
   bandeau de réservation (voir base.css pour le détail complet). */
.tsb-site[data-tsb-template="nature"] .tsb-cta-actions .tsb-btn-primary {
	background: var(--tsb-cta-banner-cta-bg, var(--tsb-cta-bg, var(--tsb-accent)));
	color: var(--tsb-cta-banner-cta-text, var(--tsb-cta-text, var(--tsb-on-accent, var(--tsb-paper))));
}

.tsb-site[data-tsb-template="nature"] .tsb-section-title {
	font-weight: 400;
	font-style: italic;
}

/**
 * 35e vague, retour Chloé — item 4 : "laisse un espace entre la photo hero
 * et le bloc à propos pour le thème nature". Sur ce thème, "À propos" est
 * une carte à coins arrondis posée SUR le fond de page (pas un bandeau
 * pleine largeur comme les autres thèmes — voir base.css et son commentaire
 * "35e vague, item 1"), donc rien ne l'espaçait visuellement de la photo
 * héro juste au-dessus : marge du haut à 0. Passée à 40px, comme le reste de
 * l'espacement de la carte (6vw sur les côtés, 70px en bas).
 */
.tsb-site[data-tsb-template="nature"] .tsb-about {
	background: var(--tsb-about-bg, var(--tsb-sand));
	border-radius: 24px;
	padding: 48px;
	margin: 40px 6vw 70px;
	max-width: none;
}

.tsb-site[data-tsb-template="nature"] .tsb-gallery-item img {
	border-radius: 24px;
	height: 260px;
}
.tsb-site[data-tsb-template="nature"] .tsb-gallery-item-0 img,
.tsb-site[data-tsb-template="nature"] .tsb-gallery-item-3 img {
	border-radius: 100px 24px 100px 24px;
}

.tsb-site[data-tsb-template="nature"] .tsb-booking-widget-wrap .tzb-widget {
	border-radius: 24px;
	overflow: hidden;
}

.tsb-site[data-tsb-template="nature"] .tsb-testimonial {
	border-radius: 20px;
	background: var(--tsb-sand);
	border: none;
}
.tsb-site[data-tsb-template="nature"] .tsb-testimonial-stars {
	color: var(--tsb-accent-text, var(--tsb-accent));
}

.tsb-site[data-tsb-template="nature"] .tsb-footer {
	border-radius: 40px 40px 0 0;
}

.tsb-site[data-tsb-template="nature"] .tsb-service-card { border: none; border-radius: 20px; overflow: hidden; }
.tsb-site[data-tsb-template="nature"] .tsb-faq-item { border-bottom-style: dashed; }
.tsb-site[data-tsb-template="nature"] .tsb-map-embed { border-radius: 20px; overflow: hidden; }

.tsb-site[data-tsb-template="nature"] .tsb-nav-brand { font-style: italic; font-weight: 400; }
.tsb-site[data-tsb-template="nature"] .tsb-page-banner { border-bottom: none; }
.tsb-site[data-tsb-template="nature"] .tsb-page-banner-title { font-style: italic; font-weight: 400; }
.tsb-site[data-tsb-template="nature"] .tsb-cta-banner { border-radius: 40px; margin: 0 6vw 70px; padding: 60px 6vw; }
.tsb-site[data-tsb-template="nature"] .tsb-cta-title { font-style: italic; font-weight: 400; }