/* Cocon SEO : correctifs mobiles et accessibilité. Complète le CSS additionnel du thème sans le modifier. */

/* Logo de l'en-tête mobile : 200 px de haut ramenés à 96 px. */
@media (max-width: 1024px) {
	#mobile-header .site-branding .custom-logo {
		max-width: 96px;
		height: auto;
	}
}

/* Titres H1 en majuscules : sur petit écran, un mot long (« ACCOMPAGNEMENT ») ne doit pas être coupé. */
@media (max-width: 420px) {
	.entry-content h1.wp-block-heading {
		font-size: min(2rem, 7vw);
	}
}

/* Points du carrousel : pastille de 8 px visible, zone cliquable de 32 × 32 px. */
.kda-slider .kda-slider-dots {
	gap: 0;
}
.kda-slider .kda-slider-dots .kda-slider-dot {
	position: relative;
	width: 32px;
	height: 32px;
	background: transparent;
}
.kda-slider .kda-slider-dots .kda-slider-dot::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	border-radius: 50%;
	background: var(--global-palette7);
}
.kda-slider .kda-slider-dots .kda-slider-dot.is-active::before {
	background: var(--global-palette3);
}
.kda-slider .kda-slider-dots .kda-slider-dot:focus-visible {
	outline: 2px solid var(--global-palette3);
	outline-offset: -4px;
}

/* Liens email / téléphone : hauteur de cible d'au moins 24 px. */
.site-footer a[href^="mailto:"],
.site-footer a[href^="tel:"],
.site-footer a[href*="instagram.com"],
.entry-content a[href^="mailto:"],
.entry-content a[href^="tel:"] {
	display: inline-block;
	padding-block: 4px;
}

/* Titres du pied de page devenus de simples paragraphes : même apparence que les anciens H4. */
.site-footer .kda-footer-title {
	margin: 0;
	font-family: var(--global-heading-font-family, Belleza), sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--global-palette4, #262626);
}

/* Barre « Appeler / Réserver » : mobile uniquement, après le début du défilement. */
.cocon-cta-bar {
	display: none;
}
@media (max-width: 767px) {
	.cocon-cta-bar {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		display: flex;
		gap: 8px;
		padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
		background: #fce6c9;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
		transform: translateY(110%);
		visibility: hidden;
		transition: transform 0.25s ease, visibility 0s linear 0.25s;
	}
	.cocon-cta-bar.is-visible {
		transform: none;
		visibility: visible;
		transition: transform 0.25s ease, visibility 0s;
	}
	.cocon-cta-bar a {
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		border-radius: 999px;
		font-weight: 500;
		text-decoration: none;
		color: #1a1a1a;
	}
	.cocon-cta-bar .cocon-cta-call {
		border: 1px solid #1a1a1a;
		background: #fff;
	}
	.cocon-cta-bar .cocon-cta-book {
		background: #e2c3b5;
	}
	.cocon-cta-bar a:focus-visible {
		outline: 2px solid #1a1a1a;
		outline-offset: 2px;
	}
	/* Le bas de page reste lisible au-dessus de la barre. */
	body:has(.cocon-cta-bar) .site-footer {
		padding-bottom: 64px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cocon-cta-bar,
	.cocon-cta-bar.is-visible {
		transition: none;
	}
}