/*
Theme Name: Sophro Paris 15
Theme URI: https://sophroparis15.fr
Description: Thème enfant de Twenty Twenty-Four pour le site de Sylvie Cottray, sophrologue-relaxologue (Paris 15). Reconstruction à partir de la sauvegarde du 18/03/2025.
Author: Reconstruction
Template: twentytwentyfour
Version: 0.1.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: sophroparis15
*/

/* =========================================================================
   CSS additionnel repris de la personnalisation d'origine (styles globaux
   « CSS additionnel » du site + réglages de mise en page one-page).
   ========================================================================= */

/* Décalage d'ancre sous le header fixe */
html {
	scroll-padding-top: 8rem;
}

/* Header fixe transparent en haut de page */
header.wp-block-template-part {
	position: fixed;
	top: 0;
	z-index: 5;
	width: 100%;
}

@media (max-width: 781px) {
	header.wp-block-template-part {
		position: static;
	}
	html {
		scroll-padding-top: 2rem;
	}
}

/* Logo */
.wp-block-site-logo img {
	width: 12rem;
	transition: all 0.5s ease-in-out;
}

/* Utilitaire lecteur d'écran (titre du site masqué visuellement) */
.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	margin: -1px !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
}

/* Marge basse importante (paragraphe d'accroche du hero) */
.mb-l {
	margin-bottom: 6rem;
}

/* Hero : contenu du cover centré verticalement, colonnes réparties */
.home .wp-block-cover__inner-container {
	display: grid;
	align-items: center;
	gap: 1rem;
	min-height: 90vh;
	padding: 0 2rem;
	width: 100%;
}

.home .wp-block-cover__inner-container .wp-block-columns {
	width: 100%;
	margin-bottom: 0;
}

.wp-block-column.first-column {
	align-self: center;
}

/* Tablette : on relâche la hauteur imposée */
@media (max-width: 900px) {
	.home .wp-block-cover.alignfull {
		min-height: 0;
	}
	.home .wp-block-cover__inner-container {
		min-height: 0;
		padding: var(--wp--preset--spacing--40) 1rem;
	}
	.mb-l {
		margin-bottom: 2rem;
	}
}

/* Mobile : empilement propre + voile clair pour lisibilité du texte foncé */
@media (max-width: 600px) {
	.home .wp-block-cover.alignfull .wp-block-cover__background.has-background-dim {
		opacity: 0.82;
	}
	.home .wp-block-cover__inner-container .wp-block-columns {
		gap: 1.25rem;
	}
	/* la colonne « espaceur » vide ne prend pas de place sur mobile */
	.home .wp-block-cover__inner-container .wp-block-column:empty {
		display: none;
	}
}

/* Formulaire de rappel (hero) et formulaire de contact */
.form-rappel label,
.wpcf7 label {
	color: inherit;
}

.wpcf7 input:not([type="submit"]),
.wpcf7 textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--wp--preset--color--contrast-3, #a4a4a4);
	border-radius: 0.33rem;
}

.wpcf7 input[type="submit"],
.form-rappel input[type="submit"] {
	margin-top: 1rem;
	padding: 0.6rem 1.25rem;
	font-size: 1rem;
	border: 0;
	border-radius: 0.33rem;
	cursor: pointer;
	color: var(--wp--preset--color--base, #f9f9f9);
	background: var(--wp--preset--color--contrast, #111111);
	transition: background-color 0.3s ease;
}

.wpcf7 input[type="submit"]:hover,
.form-rappel input[type="submit"]:hover {
	background: var(--wp--preset--color--contrast-2, #636363);
}

/* -------------------------------------------------------------------------
   Bloc « rappel » du hero : carte posée sur l'image de fond
   ---------------------------------------------------------------------- */
.rappel-card {
	max-width: 380px;
	margin-left: auto;
	padding: 1.75rem 1.75rem 1.5rem;
	border-radius: 6px;
	background-color: rgba(249, 249, 249, 0.5);
	box-shadow: 0 14px 40px rgba(17, 17, 17, 0.16);
}

.rappel-card > .wp-block-heading {
	margin: 0 0 0.35rem;
	line-height: 1.15;
}

.rappel-card__intro {
	margin: 0 0 1rem;
	font-size: 0.9rem;
	color: var(--wp--preset--color--contrast-2, #636363);
}

.rappel-card .wpcf7 p {
	margin: 0 0 0.75rem;
}

.rappel-card .wpcf7 p:last-of-type {
	margin-bottom: 0;
}

.rappel-card .wpcf7 label {
	font-size: 0.85rem;
	font-weight: 500;
}

.rappel-card .wpcf7-form-control-wrap {
	display: block;
	margin-top: 0.25rem;
}

.rappel-card input[type="submit"] {
	width: 100%;
	margin-top: 0.5rem;
}

@media (max-width: 900px) {
	.rappel-card {
		max-width: none;
		margin-left: 0;
		background-color: rgba(249, 249, 249, 0.8);
	}
}

/* -------------------------------------------------------------------------
   Bandeau cookies (Cookie Notice)
   ---------------------------------------------------------------------- */

/* Masque la croix de fermeture : elle est annoncée « Refuser » mais accepte
   en réalité le consentement. On force un choix explicite Accepter / Refuser. */
#cn-close-notice {
	display: none;
}