/*
Theme Name: Salon Immo
Theme URI: https://salonimmobiliertahiti.com
Author: REDSOYU
Description: Thème blocs du Salon de l'Immobilier et de l'Investissement Tahiti. Charte 2027 : bordeaux, or, crème. Remplace Themify Ultra.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salon-immo
*/

/* Les styles vivent dans theme.json. Ce fichier ne porte que ce qui ne s'y exprime pas. */

/* Courbe « voile » de la charte, en séparation de sections. */
.si-voile {
	position: relative;
	isolation: isolate;
}
.si-voile::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: -1px;
	height: clamp(40px, 6vw, 90px);
	background: var(--wp--preset--color--creme);
	clip-path: ellipse(75% 100% at 50% 100%);
	z-index: 1;
}

/* Frise de chevrons type tapa : un filet fin, pas un ruban de chantier. */
.si-chevrons {
	height: 6px;
	background: repeating-linear-gradient(
		135deg,
		var(--wp--preset--color--or) 0 2px,
		transparent 2px 10px
	);
	background-color: var(--wp--preset--color--bordeaux-fonce);
	opacity: 0.75;
}

/* Le plan du salon est un SVG sans dimensions intrinsèques utilisables :
   sans cette règle il s'affiche à une taille arbitraire et minuscule. */
.wp-block-image img[src$=".svg"] {
	width: 100%;
	height: auto;
}

/* Une adresse e-mail ne doit pas se couper au milieu d'un mot. */
.wp-block-column a[href^="mailto:"],
.wp-block-column a[href^="tel:"] {
	overflow-wrap: anywhere;
	hyphens: none;
}

/* Colonnes d'informations pratiques : rester lisibles avant de s'empiler. */
@media (max-width: 1100px) and (min-width: 782px) {
	.wp-block-columns:has(> .wp-block-column:nth-child(4)) {
		flex-wrap: wrap;
	}
	.wp-block-columns:has(> .wp-block-column:nth-child(4)) > .wp-block-column {
		flex-basis: calc(50% - var(--wp--style--block-gap, 1.5rem)) !important;
	}
}

/* Le focus doit rester visible sur fond bordeaux comme sur fond crème. */
:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--wp--preset--color--or);
	outline-offset: 2px;
}

/* WordPress pose 24 px entre chaque bloc de premier niveau via
   :where(.wp-site-blocks) > * — spécificité (0,0,0). Sur une page faite de
   bandeaux pleine largeur, ces interstices se voient comme des bandes crème
   entre l'en-tête, le contenu et le pied. */
.wp-site-blocks > * {
	margin-block-start: 0;
}

/* Même raison entre les sections : chacune porte déjà son propre padding,
   l'écart hérité du block-gap ne fait qu'ajouter du vide. */
.entry-content > * + * {
	margin-block-start: 0;
}

/* Filet vertical or entre colonnes. Repris de la double page du programme
   imprimé 2026, qui séparait ses deux colonnes par une règle dorée : c'est le
   vocabulaire de l'événement, pas une décoration ajoutée. Remplace les cartes
   blanches, qui encodaient mal la hiérarchie. */
.si-filet {
	gap: 0;
}
.si-filet > .wp-block-column {
	padding-block: var(--wp--preset--spacing--20);
}
.si-filet > .wp-block-column + .wp-block-column {
	border-inline-start: 1px solid var(--wp--preset--color--or);
	padding-inline-start: var(--wp--preset--spacing--60);
}
.si-filet > .wp-block-column:not(:last-child) {
	padding-inline-end: var(--wp--preset--spacing--60);
}

@media (max-width: 781px) {
	.si-filet > .wp-block-column + .wp-block-column {
		border-inline-start: 0;
		border-block-start: 1px solid var(--wp--preset--color--or);
		padding-inline-start: 0;
		padding-block-start: var(--wp--preset--spacing--40);
	}
	.si-filet > .wp-block-column:not(:last-child) {
		padding-inline-end: 0;
	}
}

/* Le plan du salon est l'objet le plus caractéristique de l'événement :
   il passe pleine largeur, avec un plafond pour rester lisible sur grand écran. */
.si-plan {
	margin-block: var(--wp--preset--spacing--40) 0;
	background: #fff;
	padding: clamp(1rem, 3vw, 2.5rem);
}
.si-plan img {
	display: block;
	width: 100%;
	max-width: 1400px;
	height: auto;
	margin-inline: auto;
}

/* Le logo est un SVG sans dimensions intrinsèques fiables : on les impose,
   sinon l'en-tête se réorganise quand le fichier arrive. */
.wp-block-site-logo img {
	display: block;
	width: 132px;
	height: auto;
}
@media (max-width: 600px) {
	.wp-block-site-logo img {
		width: 104px;
	}
}