/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* BADGE ACTUALITE */

.badge-categorie, .badge-date { font-size:14px; color: #fff; background-color:#ccc; padding:0px 5px; border-radius:5px; }

.badge-categorie.cat-ecole-nde { background-color:#7a0f67; }

.badge-categorie.cat-ecole-ndj { background-color:#7a0f67; }

.badge-categorie.cat-college { background-color:#6db703; }

.badge-categorie.cat-lycee { background-color:#00b3b9; }

.badge-date { margin-bottom: 0 !important; }

.badge-date { background-color:#CCCCCC; }

.badge-date {
    align-self: center !important; padding:3px 5px;
}

.conteneur-meta-actus {
    align-items: center !important;
}

.badge-date .elementor-icon-list-text,
.badge-date time {
    line-height: 1 !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
}

/* FILTRE ACTUALITE */

.filtre-etablissements .e-filter-item {
    color: #ffffff !important;
    transition: background-color 0.3s ease;
    border: none; 
}

/* Suppression des effets de soulignement natifs d'Elementor */
.filtre-etablissements .e-filter-item:before, .filtre-etablissements .e-filter-item:after { display: none !important; }

/* 1. Tout voir (Bleu) */
.filtre-etablissements .e-filter-item[data-filter="__all"] { background-color: #0056a3; }

/* 2. Ecole NDJ (Violet) */
.filtre-etablissements .e-filter-item[data-filter="ecole-ndj"] { background-color: #7a0f67; }

/* 3. Ecole NDE (Violet) */
.filtre-etablissements .e-filter-item[data-filter="ecole-nde"] { background-color: #7a0f67; }

/* 4. Collège (Vert) */
.filtre-etablissements .e-filter-item[data-filter="college"] { background-color: #6db703; }

/* 5. Lycée (Turquoise) */
.filtre-etablissements .e-filter-item[data-filter="lycee"] { background-color: #00b3b9; }

/* État actif / sélectionné : Gris pour tout le monde */
/* Cible à la fois la classe active classique et l'attribut aria-pressed utilisé par Elementor */
/* .filtre-etablissements .e-filter-item.e-active,
.filtre-etablissements .e-filter-item[aria-pressed="true"] {
    background-color: #c4c4c4 !important; 
    color: #ffffff !important;
}*/

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
    margin-bottom: 1em;
}

/* IND Meudon — barre de navigation dans la rubrique [ind_nav_rubrique]
   À coller dans Elementor > Réglages du site > CSS personnalisé
   (ou Apparence > Personnaliser > CSS additionnel). */
.ind-nav-rubrique {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 1rem;
	padding: 12px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	font-size: .95rem;
}
.ind-nav-rubrique__prev { text-align: left; }
.ind-nav-rubrique__next { text-align: right; }
.ind-nav-rubrique__rubrique {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: 600;
}
.ind-nav-rubrique a {
	color: var(--e-global-color-primary);
	text-decoration: none;
}
.ind-nav-rubrique a:hover,
.ind-nav-rubrique a:focus-visible { text-decoration: underline; }

/* Mobile : la rubrique passe au-dessus, les flèches en dessous. */
@media (max-width: 767px) {
	.ind-nav-rubrique { grid-template-columns: 1fr 1fr; row-gap: .5rem; }
	.ind-nav-rubrique__rubrique { grid-column: 1 / -1; grid-row: 1; }
}

/* IND — bouton « Remonter en haut » (style.css du thème enfant) */
.ind-haut {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9990;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--e-global-color-primary, #1a4f8b);
	color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .25s, transform .25s, visibility .25s;
}
.ind-haut.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.ind-haut:hover,
.ind-haut:focus-visible {
	background: var(--e-global-color-secondary, #0d2f55);
}
.ind-haut:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}
@media (max-width: 767px) {
	.ind-haut { right: 14px; bottom: 14px; width: 44px; height: 44px; }
}