/**
 * Theme Name: Le Pompier en Vous
 * Theme URI: https://www.legacytheme.net/products/fire-brigade
 * Description: Thème enfant de Fire Brigade pour le site LE POMPIER EN VOUS (sécurité civile, secourisme et prévention incendie en Côte d'Ivoire). Contient les personnalisations du site : elles survivent aux mises à jour du thème parent.
 * Author: Tway's
 * Template: fire-brigade
 * Version: 1.0.8
 * License: GNU General Public License v3
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: fire-brigade-child
*/

/* =========================================================================
   Personnalisations LE POMPIER EN VOUS
   Tout ce qui est écrit ici survit à une mise à jour du thème Fire Brigade.
   ========================================================================= */

/* --- Tableaux sur petits écrans -----------------------------------------
   Sous 782 px, un tableau de 4 ou 5 colonnes (annuaire des centres de
   secours, tableaux de l'IT 246) est plus large que l'écran et faisait
   déborder la page entière vers la droite.

   On garde au tableau une largeur minimale lisible et on le fait défiler
   DANS SA PROPRE BOÎTE : les colonnes restent intactes et le reste de la
   page ne bouge pas. Laisser le tableau se comprimer donnait des mots
   coupés en morceaux ("Niak/aram/ando/ugou"), pire que le défilement.

   La largeur maximale est exprimée en unités de fenêtre (100vw) et non en
   pourcentage : le conteneur parent est lui-même dimensionné par son
   contenu, un pourcentage n'aurait donc rien borné. */
@media (max-width: 781px) {

	/* tableaux insérés comme blocs Gutenberg */
	.wp-block-table {
		max-width: calc(100vw - 4rem);
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.wp-block-table table {
		min-width: 520px;
	}

	/* tableaux écrits directement en HTML (page Annuaire des centres de secours) */
	.entry-content > table,
	.wp-block-post-content > table {
		display: block;
		max-width: calc(100vw - 4rem);
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.entry-content > table > thead,
	.entry-content > table > tbody,
	.wp-block-post-content > table > thead,
	.wp-block-post-content > table > tbody {
		display: table;
		width: 100%;
		min-width: 600px;
		table-layout: fixed;
	}

	/* Ombre portée sur le bord où il reste du contenu à faire défiler :
	   sans ce repère, rien n'indique au lecteur qu'il peut glisser le doigt. */
	.wp-block-table,
	.entry-content > table,
	.wp-block-post-content > table {
		background-image:
			linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)),
			linear-gradient(to left, #fff 30%, rgba(255, 255, 255, 0)),
			radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0)),
			radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0));
		background-position: left center, right center, left center, right center;
		background-repeat: no-repeat;
		background-size: 36px 100%, 36px 100%, 14px 100%, 14px 100%;
		background-attachment: local, local, scroll, scroll;
	}
}

/* --- Débordements divers ------------------------------------------------
   Filet de sécurité : un média sans dimension ou un mot très long (URL,
   nom de localité composé) ne doit jamais élargir la page. */
.entry-content img,
.entry-content video,
.entry-content iframe,
.wp-block-post-content img,
.wp-block-post-content video,
.wp-block-post-content iframe {
	max-width: 100%;
}

.entry-content,
.wp-block-post-content {
	overflow-wrap: break-word;
}

/* -------------------------------------------------------------------------
   Page Contact : boutons « Appeler » et « WhatsApp » avec icône.
   Les icônes sont des masques SVG peints avec currentColor (texte blanc).
   ------------------------------------------------------------------------- */
.wp-block-button.lpev-btn-call .wp-block-button__link,
.wp-block-button.lpev-btn-whatsapp .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	padding: 0.8em 1.5em;
	color: #fff !important;
	text-decoration: none;
}
.wp-block-button.lpev-btn-call .wp-block-button__link {
	background-color: #C90529;
}
.wp-block-button.lpev-btn-whatsapp .wp-block-button__link {
	background-color: #0E7A3E; /* vert WhatsApp assombri : contraste 5,4:1 avec le blanc (AA) */
}
.wp-block-button.lpev-btn-call .wp-block-button__link:hover,
.wp-block-button.lpev-btn-whatsapp .wp-block-button__link:hover {
	filter: brightness(0.9);
}
.wp-block-button.lpev-btn-call .wp-block-button__link::before,
.wp-block-button.lpev-btn-whatsapp .wp-block-button__link::before {
	content: "";
	flex: none;
	width: 1.3em;
	height: 1.3em;
	background-color: currentColor;
	-webkit-mask: var(--lpev-icon) center / contain no-repeat;
	mask: var(--lpev-icon) center / contain no-repeat;
}
.wp-block-button.lpev-btn-call {
	--lpev-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}
.wp-block-button.lpev-btn-whatsapp {
	--lpev-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E");
}