/*
Theme Name: Qualiventil
Theme URI: https://qualiventil.ch
Template: hello-elementor
Author: Agence Audace
Author URI: https://agenceaudace.ch
Description: Thème enfant Qualiventil, basé sur Hello Elementor. Les gabarits sont construits avec Elementor Pro ; ce thème porte les styles et les réglages spécifiques au projet.
Version: 1.0.0
Text Domain: qualiventil
*/

/* Les styles projet se placent ici ou dans assets/. */

/*
 * Hello Elementor impose un rose (#c36) au survol de tout élément <button>
 * dans son reset. On neutralise pour les widgets du thème, qui gèrent
 * eux-mêmes leurs états.
 */
.qv-annuaire button:hover,
.qv-annuaire button:focus,
.qv-ressources button:hover,
.qv-ressources button:focus,
.qv-sessions button:hover,
.qv-sessions button:focus {
	color: inherit;
	background-color: inherit;
}

.qv-annuaire__type:hover,
.qv-annuaire__type:focus {
	color: #0d1f35;
	background-color: #fff;
	border-color: #6b7280;
}

.qv-annuaire__type.est-actif:hover,
.qv-annuaire__type.est-actif:focus {
	color: #fff;
	background-color: #1565a0;
	border-color: #1565a0;
}

.qv-annuaire__type:focus-visible {
	outline: 2px solid #1976b8;
	outline-offset: 2px;
}

/*
 * Couleur des liens.
 *
 * Le reset de Hello Elementor pose `a { color: #c36 }` et `a:hover { color: #336 }`
 * — un rose et un bleu-violet qui n'ont rien à faire ici. On rend la main à la
 * palette du site.
 */
.elementor-location-single a:not(.elementor-button):not([class*="qv-"]):not(.elementor-item),
.elementor-location-archive a:not(.elementor-button):not([class*="qv-"]):not(.elementor-item),
.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a {
	color: #1976b8;
}

.elementor-location-single a:not(.elementor-button):not([class*="qv-"]):not(.elementor-item):hover,
.elementor-location-archive a:not(.elementor-button):not([class*="qv-"]):not(.elementor-item):hover,
.elementor-widget-text-editor a:hover,
.elementor-widget-theme-post-content a:hover {
	color: #1565a0;
}

/* Les liens du pied de page suivent sa propre palette. */
.elementor-location-footer a:not(.elementor-button) {
	color: inherit;
}

.elementor-location-footer a:not(.elementor-button):hover {
	color: #ffffff;
}