/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.overflowx-hidden {
    overflow-x: clip;
}
.menu-lien-rapide-headings-wrapper:hover .menu-lien-rapide-heading {
    color: #262626;
}

.brx-megamenu {
    z-index: -1;
    top: 0;
}
.menu-offcanvas .brx-megamenu {
    z-index: 9;
    top: unset;
}
.scrolling .row-cacher-scroll {
    display: none !important;
}
.scrolling .row-visible-scroll {
    top: 0 !important;
    display: flex !important;
}
/*.scrolling .row-visible-scroll{
	top:0 !important;
	display: flex !important;
	.brxe-container{
		width: 100%;
		.element-visible-scroll{
			display: block;
		}
	}
}*/

/*.scrolling .brx-megamenu{
	left: -249.5px !important;
}*/
.brx-megamenu {
    position: absolute; /* ou fixed si nécessaire */
    top: 0; /* ou une valeur en px comme 80px si menu fixe */
    left: 50% !important;
    transform: translateX(-50%);
    width: 100vw; /* ou une largeur fixe si tu veux le limiter */
}
/*Enlever la position relative du nav pour positionner le megamenu sur le row*/
.brx-has-megamenu {
    position: static !important;
}
a,
button,
.brxe-text-link,
.content-article,
.bg-img-article,
.row-visible-scroll,
.row-cacher-scroll,
.menu-lien-rapide,
.shadow-hover {
    transition: all 0.5s ease-in-out;
}

.brxe-button,
.bricks-button,
.brxe-text-link {
    cursor: pointer;
}
.text-vertical {
    writing-mode: vertical-lr;
}
body .elfsight-app-3e1333a6-0146-42ba-97ca-1b87e9ba9db3 > a {
    display: none !important;
}
.facebook-wrapper:hover i,
.facebook-wrapper:hover .brxe-text-basic {
    color: #75c057 !important;
}
#menu-menu-principal-2 .brx-submenu-toggle {
    padding-left: unset;
    margin-left: unset;
}
.light-weight {
    font-weight: 100 !important;
}
.brxe-xproslidercontrol:has(button:disabled) {
    border: none !important;
}
.bricks-search-form input:focus::placeholder {
    transition: color 0.2s ease;
    color: transparent !important;
}
.bg-img-article:hover > .content-article {
    transform: scale(0.9, 0.9) !important;
}
.bg-img-article:hover {
    transform: scale(1.1, 1.1) !important;
}
html body #brxe-uvhbfb .eapps-widget .eapp-weather-weather-component a {
    display: none !important;
}
/* Custom Bricks element: sopfeu-fire-danger
   Background and typography defaults are set via
   Bricks native controls in the element PHP. */
:where(.sopfeu-fire-danger) {
    border-radius: 8px;
    padding: 12px 14px;
}
.sopfeu-fire-danger {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}
.sopfeu-fd__hover {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    border-radius: inherit;
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
}
.sopfeu-fd__hover-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.sopfeu-fd__hover-logo {
    width: 80px;
    height: auto;
}
.sopfeu-fire-danger:hover .sopfeu-fd__hover {
    opacity: 1;
}
.sopfeu-fd__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
    line-height: 1.3;
}
:where(.sopfeu-fd__title) {
    font-size: 12px;
    font-weight: 600;
}
.sopfeu-fd__title {
    white-space: nowrap;
}
:where(.sopfeu-fd__zone) {
    font-size: 12px;
    font-weight: 400;
    opacity: .7;
}
.sopfeu-fd__zone {
    white-space: nowrap;
}
.sopfeu-fd__bar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2px;
}
.sopfeu-fd__level {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
:where(.sopfeu-fd__level-label) {
    font-size: 9px;
    font-weight: 700;
}
.sopfeu-fd__level-label {
    margin-bottom: 3px;
    min-height: 2.2em;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.sopfeu-fd__level-bar {
    display: block;
    width: 100%;
    height: 12px;
}
.sopfeu-fd__level--first .sopfeu-fd__level-bar {
    border-radius: 3px 0 0 3px;
}
.sopfeu-fd__level--last .sopfeu-fd__level-bar {
    border-radius: 0 3px 3px 0;
}
.sopfeu-fd__indicator {
    display: flex;
    justify-content: center;
    margin-top: 4px;
    height: 12px;
}
.sopfeu-fd__indicator svg {
    display: block;
}
.sopfeu-fd__indicator-spacer {
    display: block;
    height: 12px;
    margin-top: 4px;
}

@media (max-width: 1200px) {
    #brxe-ncotfj {
        display: none !important;
    }
}

/*
ACF Font Awesome on nav menu items: show icon before the link title.
*/
.larouche-menu-item-has-icon a {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.menu-item-icon > i {
    font-size: 1em;
}

/* Custom Bricks element: weather-inline (inline SVG uses currentColor) */
.weather-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    text-decoration: none;
    line-height: 1;
    color:var(--purewhite);
}
.weather-inline__temp {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.weather-inline__icon {
    display: inline-flex;
    flex-shrink: 0;
}
.weather-inline__icon .weather-inline__svg {
    display: block;
    width: 1em;
    height: 1em;
}

/* Écraser les styles de bricks sur le hover des sous-menus / menu principal */
.nav-style.brxe-nav-menu .bricks-nav-menu#menu-menu-principal .sub-menu a{
    line-height: 2em;
    transition-duration: 250ms;
}
.nav-style.brxe-nav-menu .bricks-nav-menu#menu-menu-principal .sub-menu a:hover {
    color: var(--purewhite);
    background-color: var(--primary);
}

/* transform différent quand la navigation est sortie ou pas */
.brx-sticky.scrolling + #brx-content .sticky-liens {
    top: 27.8rem;
    transition: top 400ms ease-out;
}

.brx-sticky.scrolling.slide-up + #brx-content .sticky-liens {
    top: 0;
}

.sticky-liens-inner{
    max-height: calc(100svh - 27.8rem);   
    overflow-y: auto;      
    overflow-x: hidden;
}
.brx-sticky.scrolling.slide-up + #brx-content .sticky-liens-inner {
    max-height: 100svh;
}

/* Classe spéciale pour cacher le bandeau d'alertes lorsqu'il n'y en a pas */
.hide-if-no-alerts:not(:has(.splide__slide)) {
    display: none !important;
}

/* Styles spéciaux en override pour
 * empêcher un accordéon dans le menu de gauche
 * d'ouvrir/fermer lorsqu'il n'y a pas
 * d'élément à l'intérieur
 */
.sticky-liens .x-accordion_item:not(:has(.accordeon-sub-item)).x-accordion_item-active {
    & .x-accordion_header {
        border: none;
    }
}
.sticky-liens .x-accordion_item:not(:has(.accordeon-sub-item)) {
    & .x-accordion_icon{
        display: none !important;
    }

    & .x-accordion_header[tabindex]{
        cursor: auto;
    }
}
.sticky-liens a.x-accordion_title:hover {
    color: var(--secondary);
}

#evenements-a-venir .bricks-posts-nothing-found {
    text-align: center;
    margin-bottom: 5rem;
}