/* Ici, vous pouvez insérer vos propres définitions CSS si nécessaire. */

.cd-image-block img.cd-image-contain {
    border-radius: 20px !important;
}


#block_1000821 {  /* Arrondi les angles sur la news recherche de coach. */
    border-radius: 20px; 
}

#block_1001299 {  /* Arrondi les angles sur la news mini vices champs */
    border-radius: 20px; 
}


#block_1001304 {  /* Arrondi les angles sur la news novices champions */
    border-radius: 20px; 
}


@media screen and (max-width: 768px){
    /* Ensure the section takes full width and adjusts height */
    #section_1000301, #section_1000255,#section_1000257,#section_1000258, #section_1000296, #section_1000298,#section_1000266, #section_1000282, #section_1000336 {
        width: 100vw !important; /* 100% of the viewport width */
        position: relative !important;
    }

    /* Ensure the background image is displayed properly */
    #section_1000301 .cd-backgroundPane,
	#section_1000255 .cd-backgroundPane,
	#section_1000257 .cd-backgroundPane,
	#section_1000258 .cd-backgroundPane,
	#section_1000296 .cd-backgroundPane,
	#section_1000298 .cd-backgroundPane,
	#section_1000266 .cd-backgroundPane,
	#section_1000282 .cd-backgroundPane,
	#section_1000336 .cd-backgroundPane,	{  
        background-size: contain !important; /* Show full image */
        background-position: center top !important;
		background-repeat: no-repeat;
        width: 100% !important;
        height: 100% !important; /* Fills the section */
    }

    /* Reduce spacer height */
    #block_1000820, #block_1000564, #block_1000565, #block_1000597,#block_1000797,#block_1000807, #block_1000660, #block_1000748 {
        height: 250px !important; /* Adjust or set to 0 */
    }
}






@media screen and (max-width: 768px){   /* Hide on mobile */
    #section_1000261 {  
        display: none !important;  
    }  
}




/* Desktop: Style 'Mon Agenda' as a button */

@media (min-width: 768px) {
    .cd-menu-item[href="/agenda"] {
        background-color: white !important; /* White background */
        color: #d01624 !important; /* Red text color */
        border: 2px solid  white !important; /* White border */
        padding: 4px 12px !important; /* Padding for button effect */
        border-radius: 20px !important; /* Rounded corners */
        text-align: center; /* Center text */
        text-decoration: none !important; /* Remove underline */
        font-weight: bold !important; /* Bold text */
        display: inline-block !important; /* Prevent full-width stretching */
        width: auto !important; /* Natural button size */
        max-width: 200px !important; /* Limit width for consistency */
        margin-left: 24px !important; /* Push button further to the right */
    }

    /* Reset hover, focus, and active states */
    .cd-menu-item[href="/agenda"]:hover,
    .cd-menu-item[href="/agenda"]:focus,
    .cd-menu-item[href="/agenda"]:active {
        background-color: white !important; /* Keep white background */
        color: #d01624 !important; /* Keep red text */
        border-color: white !important; /* Keep white border */
        outline: none !important; /* Remove any outline */
    }

    /* Explicitly prevent background color changes on click (active state) */
    .cd-menu-item[href="/agenda"]:active {
        background-color: white !important; /* Keep white background */
        color: #d01624 !important; /* Keep red text */
        border-color: white!important; /* Keep white border */
    }

    /* Ensure focus doesn't alter appearance */
    .cd-menu-item[href="/agenda"]:focus {
        background-color: white !important; /* Keep white background */
        color: #d01624 !important; /* Keep red text */
        border-color: white !important; /* Keep white border */
    }
}


    /* Lien connexion en majuscule */
.cd-navigation-bar a.cd-link-login {
	text-transform: uppercase !important;
}


    /* joueurs avec nom trop long */
#block_1000994_content .cd-button,
#block_1001226_content .cd-button,
#block_1001171_content .cd-button,
#block_1001185_content .cd-button,
#block_1001245_content .cd-button {
  font-size: 18px !important;
  white-space: nowrap;
}

.fa-check-circle,
.fa-circle,
.fa-question-circle,
.fa-times-circle {
  color: #18243e !important;
  text-shadow: 0 0 1px #18243e;
}




    /* Test caching file_19.05.25 */