/*
Theme Name: FTI 2026
Theme URI: https://alternative.ch/
Description: Thème de la FTI — enfant d'Alternate. Reprend les personnalisations FTI ; l'en-tête et le pied sont fournis par Elementor Pro (Theme Builder).
Author: Alternative – Genève
Author URI: https://alternative.ch/
Template: alternate
Version: 1.2.2
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fti-ge
*/

/* Styles personnalisés FTI (les surcharges Gravity Forms sont dans assets/css/fti-gforms-overrides.css). */

/* -------------------------------------------------------------------------- *
 * Liens inline du contenu éditorial Elementor (atomic paragraph / heading).
 *
 * Les liens posés DANS le texte riche d'un widget atomique sortent sans aucune
 * classe (contrairement à un bouton ou à un lien qui occupe tout le widget, qui
 * portent une classe `e-...`). Sans règle, ils retombent sur le bleu par défaut
 * du navigateur, hors charte. On fixe donc un défaut aligné sur les tokens du
 * design system (color-link-*).
 *
 * `:where()` ⇒ spécificité nulle : c'est un plancher, qu'un réglage de lien fait
 * à la main dans Elementor sur un élément précis surchargera toujours.
 * `a:not([class])` ⇒ ne vise que les liens inline éditoriaux, jamais les
 * boutons, liens-widget, menus ou nos propres widgets (carto, carrousel…).
 * -------------------------------------------------------------------------- */
:where( .e-atomic-element ) a:not( [class] ) {
	color: #145ea8; /* color-link-default */
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color 0.15s;
}
:where( .e-atomic-element ) a:not( [class] ):hover {
	color: #0e3f73; /* color-link-hover */
}
:where( .e-atomic-element ) a:not( [class] ):visited {
	color: #4a5b7d; /* color-link-visited */
}
:where( .e-atomic-element ) a:not( [class] ):focus-visible {
	outline: 2px solid #3889ff; /* brand-secondary */
	outline-offset: 2px;
	border-radius: 2px;
}

/* -------------------------------------------------------------------------- *
 * En-tête collant en tablette / mobile (≤ 1024 px).
 * -------------------------------------------------------------------------- */
@media ( max-width: 1024px ) {

	.elementor-location-header {
		position: sticky;
		top: 0;
		z-index: 999; /* au-dessus du contenu ; les popups (overlay 9999) restent devant. */
	}
}