/*
 Theme Name:   EEC Child
 Theme URI:    https://www.eecmr.com
 Description:  Thème enfant GeneratePress pour le site institutionnel de l'Église Évangélique du Cameroun.
 Author:       EEC
 Template:     generatepress
 Version:      1.5.0
 Text Domain:  eec-child
 Requires PHP: 8.0
*/

@import url("assets/css/_variables.css");

*,
*::before,
*::after {
	box-sizing: border-box;
}

body.eec-body {
	font-family: "Lato", system-ui, sans-serif;
	color: var(--eec-dark);
	background-color: var(--eec-white);
	line-height: 1.6;
}

.eec-heading {
	font-family: "Playfair Display", Georgia, serif;
	color: var(--eec-blue);
}

/* Mobile-first : styles de base ci-dessous ; modules dans assets/css/ */

/* Pré-en-tête : alignement bandeau + sélecteur FR | EN */
.eec-pre-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
}

.eec-lang-switch {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--eec-light);
}

.eec-lang-switch a {
	color: inherit;
	text-decoration: none;
	opacity: 0.6;
	border-radius: 2px;
	padding: 2px 4px;
	transition: opacity 0.2s ease, color 0.2s ease;
}

.eec-lang-switch a.active {
	opacity: 1;
	font-weight: 600;
	color: var(--eec-yellow);
}

.eec-lang-switch a:hover {
	opacity: 1;
}

.eec-lang-switch a:focus-visible {
	outline: 2px solid var(--eec-yellow);
	outline-offset: 2px;
	opacity: 1;
}

.eec-lang-switch__sep {
	opacity: 0.45;
	user-select: none;
}