/*
Theme Name: chronometrage
Description: Child theme for Avada theme
Author: EPNB
Author URI: https://www.epnb.fr
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* Watch out. Avada vars non avaible due to non root context */
body.wp-child-theme-chronometrage {
  text-color:var(--body_typography-color);
}
.lc_disabled, .lc_inscriptions_attente, .lc_resultats_attente {
  pointer-events: none;     /* disables clicking */
  opacity: 0.5;             /* makes whole link semi-transparent */
  cursor: default;          
}

.lc_disabled img {
  filter: grayscale(100%);  /* greyscale image */
}
.lc_race_results_btn:hover {
    background: #dc1983 !important;
    border-color: #dc1983 !important;
}
.lc_inscriptions_categories_btns .fusion-button.button-darkgreen, .lc_inscriptions_categories_btns .fusion-button.fusion-button-default-type {
    min-height:4.75em;
}
.fusion-stacking-posts-cards h4.title-heading-left {
  font-size:2em !important;
}

header.fusion-is-sticky {

}
header:not(.fusion-is-sticky) {
	.fusion-logo a {
	    display: block;
	    max-width: 100px;
	}
	.fusion-logo img {
	    width: 100px !important;
	}
}
#main #content .fusion-post-cards {

	.fusion-button-wrapper {
		display: inline-block;
		width: 100%;
		text-align: center;
		a.fusion-button-default-type {
		margin-left:auto;
		margin-right:auto;
		}
	}

}
#main #content li.fusion-layout-column {
	.fusion-alignleft a.fusion-button-default:hover {
		background: var(--button_gradient_top_color) !important;
		span.fusion-button-text {
			color: var(--awb-color7) !important;
		}
	}
	a.fusion-button-default:hover span.fusion-button-text {
		color: var(--awb-color7) !important;
	}
}

/* Calendar */
.lc_calendar_event {
	.fusion-builder-row .fusion-layout-column .fusion-column-wrapper{
	    padding:0 0 210px 0;
	    background-position: center -20px;
	}
	.fusion-title {
		display: contents !important;
		.awb-title-spacer, .title-sep-container {
			display:none;
		}
		h4 {
		margin: auto 0.5em !important;
		}
	}
	h4 {
		min-height:84px;
	}
	.lc_date_length strong {
		font-size:12px;
	}
	.lc_date_length span {
		font-size:12px;
	}
}
@media only screen and (max-width: 640px) {
.lc_calendar_event {
	.fusion-builder-row .fusion-layout-column .fusion-column-wrapper{
	    padding: 0 0 60% 0;
            background-position: center center;
	}
}
}
.ect-event-content {
	i.ect-icon-clock, .ect-minimal-list-time {
    		display:none;
	}
}
.ect-minimal-list-wrapper .ect-minimal-list-post.style-4 .ect-event-img img {
	height:auto !important;
	 aspect-ratio: 1 / 1;
}
.ect-minimal-list-wrapper .ect-minimal-list-post.style-4 .ect-event-date-tag {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}

/* Reprise de données */
main#main section#content .post-content div.fusion-text.fusion-text-1 {
	h3 span {
	    color: #747474 !important;
	}
}
body .lc_footer p a {
	color:#fff;
}
body.tribe-events-page-template .flexslider .slides img {
    width: auto;
}

@media only screen and (max-width: 430px) {
	body .ect-minimal-list-wrapper .ect-minimal-list-post.style-4 .ect-minimal-left-wrapper {
		width:50% !important;
		gap:0px;
	}
}
@media only screen and (min-width: 431px) {
	.awb-carousel .swiper-slide img {
	  max-width: 140px;
	  max-height: 140px;
	  width: auto !important;
	  height: auto !important;
	}
}
.awb-carousel {
	text-align:center;
	.fusion-image-carousel .fusion-image-wrapper {
		border-width: 1px;
	}
}
.fusion-page-title-bar-right .fusion-page-title-secondary {
    flex-shrink: 1;
}
.ect-load-more a.ect-load-more-btn {
	border-radius:6px;
	&:hover {
		background-color:#96c346;
	}
}
.ect-minimal-list-wrapper .style-4 .ect-event-readmore-cost .ect-readmore a {
	&:hover {
		background-color:#96c346;
	}
}

.lc_archives_by_race_btn {
    --button_gradient_top_color_hover: #f24fa0 !important;
    --button_gradient_bottom_color_hover: #d91374 !important;
}

.lc_archives_by_date_btn {
    --button_gradient_top_color_hover: #f1f1f1 !important;
    --button_gradient_bottom_color_hover: #ffffff !important;
    --button_border_hover_color: #ef1582 !important;
    --button_accent_hover_color: #ef1582 !important;
    border:1px solid #ef1582 !important;
}
.fusion-mobile-nav-holder .fusion-mobile-nav-item .fusion-megamenu-icon {
    display: block;
    text-align: center;
    width: 20px;
}

/* Style de base pour la liste */
.fusion-checklist-1.autres-editions-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
}

/* Ligne verticale de la timeline */
.fusion-checklist-1.autres-editions-list::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #e0e0e0;
}

/* Style des éléments de la liste */
.fusion-checklist-1.autres-editions-list .fusion-li-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

/* Point de la timeline */
.fusion-checklist-1.autres-editions-list .fusion-li-item::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #4CAF50; /* Vert pour les événements futurs */
}

/* Style des liens */
.fusion-checklist-1.autres-editions-list .autre-edition-link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.fusion-checklist-1.autres-editions-list .autre-edition-link:hover {
    background-color: #f5f5f5;
}

/* Style des dates */
.fusion-checklist-1.autres-editions-list .autre-edition-date {
    color: #777;
    font-size: 0.9em;
}

/* Responsive : adaptation pour mobile */
@media (max-width: 600px) {
    .fusion-checklist-1.autres-editions-list .fusion-li-item {
        padding-left: 25px;
    }

    .fusion-checklist-1.autres-editions-list .fusion-li-item::before {
        left: 3px;
    }
}
.fusion-tabs ul.nav-tabs li.active h5.fusion-tab-heading {
    color: var(--primary_color);
}
.fusion-tabs ul.nav-tabs li .tab-link:hover h5.fusion-tab-heading {
    color: var(--primary_color);
}

.fusion-tabs .tab-content h1,
.fusion-tabs .tab-content h2,
.fusion-tabs .tab-content h3,
.fusion-tabs .tab-content h4,
.fusion-tabs .tab-content h5,
.fusion-tabs .tab-content h6 {
    /* Réinitialisation des marges et paddings */
    margin: 0;
    padding: 0;

    /* Police et couleur par défaut */
    font-family: inherit;
    color: inherit;

    /* Poids de la police */
    font-weight: normal;

    /* Style de texte */
    font-style: normal;
    text-decoration: none;

    /* Alignement */
    text-align: left;
}

/* Valeurs spécifiques pour chaque niveau de titre */
.fusion-tabs .tab-content h1 {
    font-size: 2.5rem; /* 40px si la base est 16px */
    font-weight: bold;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.fusion-tabs .tab-content h2 {
    font-size: 2rem; /* 32px */
    font-weight: bold;
    margin-bottom: 1.25rem;
    line-height: 1.3;
}

.fusion-tabs .tab-content h3 {
    font-size: 1.75rem; /* 28px */
    font-weight: bold;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.fusion-tabs .tab-content h4 {
    font-size: 1.5rem; /* 24px */
    font-weight: bold;
    margin-bottom: 0.75rem;
    line-height: 1.5;
    color: var(--primary_color);
}

.fusion-tabs .tab-content h5 {
    font-size: 1.25rem; /* 20px */
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.fusion-tabs .tab-content h6 {
    font-size: 1rem; /* 16px */
    font-weight: bold;
    margin-bottom: 0.25rem;
    line-height: 1.7;
}
.lc_archives_by_year {
    display:flex;
flex-wrap: wrap; 
  gap: 10px;  
}
.lc-location-group {
    scroll-margin-top: 80px; /* Ajuste cette valeur selon la hauteur de ta barre de navigation */
}

.lc-location-nav {
   margin-bottom:4em;
}

/* Conteneur de navigation en flex */
.lc-location-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Élément de liste (flex item) */
.lc-location-nav li {
    margin: 0;
}

/* Style des boutons */
.lc-nav-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #a0ce4e; /* Couleur de fond principale */
    color:#fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
    border: 1px solid #88b13d; /* Bordure légèrement plus foncée */
    min-height: 44px;
}

/* Effet hover */
.lc-nav-button:hover {
    background-color: #96c346; /* Couleur au survol */
    color:#fff;
    border-color: #7a9e3a;
}

/* Effet focus (accessibilité) */
.lc-nav-button:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(144, 195, 70, 0.5);
}

/* ============================= */
/* === NOUVELLES RÈGLES GRID === */
/* ============================= */

/* **Conteneur des villes : grille 3 colonnes** */
.lc-location-group .lc-events-list {
    column-count: 3;
    column-gap: 2.5em;
    gap: 2em;
    padding-left: 4em;
    list-style: none;
}

/* **Chaque ville occupe une colonne** */
.lc-location-group .lc-city-group {
     display: inline-block;
    width: 100%;
    vertical-align: top;

    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;

    margin-bottom: 2em;
}

/* **Liste des événements d’une ville** */
.lc-location-group .lc-city-group ul {
    padding-left: 1em;
    margin-top: 0.5em;
}

/* ============================= */
/* === RESPONSIVE === */
/* ============================= */

@media (max-width: 1024px) {
    .lc-location-group .lc-events-list {
	column-count: 2;
    }
}

@media (max-width: 768px) {
    .lc-location-nav ul {
        justify-content: center;
    }
    .lc-nav-button {
        padding: 8px 16px;
        font-size: 0.9em;
    }

    .lc-location-group .lc-events-list {
	 column-count: 1;
    }
}

#relevanssi-live-ajax-search-spinner {
    border: 3px solid rgba(160, 206, 78, 0.3); /* vert translucide */
    border-top-color: #a0ce4e; /* vert principal */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: relevanssi-spin 1s linear infinite;
    margin: 10px auto;
}

/* Animation de rotation */
@keyframes relevanssi-spin {
    100% { transform: rotate(360deg); }
}

.relevanssi-live-search-wrapper  {
 	position: relative; z-index: 9999; overflow: visible;
	input[type=text] {
    		height: 2.65em;
	}
}
.relevanssi-live-search-wrapper,
.relevanssi-live-search-wrapper * {
    overflow: visible !important;
}
.relevanssi-live-results {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 4px;
}
.relevanssi-live-list li:hover {
    background-color: #f0f0f0;
}