/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
*/
/*# sourceMappingURL=maps/custom.css.map */
.alc-event-scheduled__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem; /* Ajustez l'espace entre les éléments */
}

.alc-event-scheduled__divider {
    font-size: 1.5rem; /* Ajustez la taille du texte */
    font-weight: bold;
    text-align: center;
}

.alc-event-scheduled__team-name {
    font-size: 17px;
}

.alc-event-scheduled__content {
    padding: 0px 24px;
}

.alc-event-scheduled__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2em;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    color: #9a9da2;
    padding: 10px 24px;
    margin-bottom: 0;
    border-bottom: none;
}

.game-result__header--alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    font-size: 9px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-top: 0;
    border-bottom: 1px solid #e4e7ed;
    padding: 10px 0 7px 0;
    margin: 0px;
    margin-top: 5px;
    padding-left: 24px;
    padding-right: 24px;
}

.game-result__content {
    overflow: hidden;
    margin: 0 0 30px 0;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.alc-event-scheduled__divider {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}


.team-roster--card-compact .team-roster__item .team-roster__content-wrapper {
        height: 285px;
    }

.team-roster--card-compact .team-roster__item .team-roster__player-img img {
    margin-top: 0px;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
}

@media (min-width: 992px) {
    .nav-account .nav-account__item {
        font-size: 9px;
        line-height: 5.5em;
        text-transform: uppercase;
        font-weight: 700;
        font-family: "Montserrat", sans-serif;
        margin: 0 15px;
    }
}

.header-profile-user {
    height: 32px;
    width: 32px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.text-muted-player {
    color: #6c757d !important;
    background: lightgrey;
}

.bg-secondary {
    background-color: #6c757d !important;
    color: white;
}
@media (min-width: 992px) {
    .game-result__team-name {
        font-size: 12px;
    }
}
@media (min-width: 992px) {
    .site-content, .section {
        padding: 20px 0;
    }
}

.hero-slider__item--img1 {
    background-image: url(../images/soccer/samples/hero-slide-1.jpg);
}

@media (min-width: 1200px) {
    .hero-slider, .hero-slider__item {
        height: 560px;
    }
}

.hero-slider__item::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: 2;
}
.card__header::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #ff9000;
    border-radius: 3px 0 0 0;
}

.main-nav__list > li.active > a::before {
    background-color: #ff9000;
}

.main-nav__list > li > a:hover::before {
    background-color: #ff9000;
}
.btn-primary-inverse {
    color: #fff;
    background-color: #ff9000;
    border-color: transparent;
}

.btn-primary-inverse:hover {
    color: #fff;
    background-color: #ff9000;
    border-color: transparent;
}

.info-block__item {
    position: relative;
    min-height: 33px;
    padding: 2px 0 0 13px;
    margin-bottom: 34px;
    list-style: none;
    text-align: left;
}
.info-block__heading {
    font-size: 13px;
    line-height: 2.2em;
    margin-bottom: 5px;
    color: #fff;
    text-transform: uppercase;
}

.alc-event-team + .alc-event-team .alc-event-team__score-wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 26px 0 0px;
}
.alc-event-team__score-wrap {
    padding: 0 0px 0 26px;
}

.alc-event-team--winner .alc-event-team__score::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-right: 8px solid #38a9ff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    display: none;
}

.alc-event-team__name-2 {
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 0;
    text-transform: uppercase;
}

.alc-event-competitors__divider_2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0 0px;
    font-size: 44px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.widget-game-result__team-logo {
    height: 50px;
    display: block;
    position: relative;
}

.widget-game-result__team-logo img {
    display: block;
    margin: 0 auto;
    max-height: 60%;
}

.widget-game-result__section-inner {
    padding: 10px 10px;
}

.widget-game-result__score-result--winner::before {
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 8px solid #38a9ff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
@media (min-width: 768px) {
    .match-preview__team-logo {
        height: 60px;
        margin: 0 0 10px 0;
        width: auto;
        float: none;
    }
}

.match-preview__team-logo img {
    max-width: 50%;
    height: auto;
}

@media (min-width: 768px) {
    .match-preview__title--lg {
        font-size: 16px;
    }
}
.match-preview__title--lg {
    padding-top: 0.15em;
    margin-bottom: 0;
}

.match-preview__content-2 {
    overflow: hidden;
    padding: 0 0 10px 0;
}

@media (min-width: 768px) {
    .match-preview__vs-2 {
        float: left;
        width: 26%;
        text-align: center;
        padding: 8px 0 0 0;
        margin: 0;
    }
}

.pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px 0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ff9000;
    border-color: transparent;
}

.circular__bar canvas {
    width: 100% !important;
    height: 100% !important;
    vertical-align: bottom;
    margin-top: -20px;
}

.gallery__row {
    display: flex; /* Affichage en ligne */
    gap: 5px; /* Espacement entre les images */
    width: 100%; /* Prend toute la largeur */
    padding: 10px;
}

.gallery__col {
    flex: 1; /* Chaque image prend 1/3 de la largeur */
}

.gallery-img {
    width: 100%; /* Remplit toute la largeur de son conteneur */
    height: 200px; /* Hauteur fixe */
    object-fit: cover; /* Ajustement parfait sans déformation */
    border-radius: 5px; /* Coins arrondis pour un design propre */
}

a {
    color: #ff9000;
    text-decoration: none;
}

.info-block__heading a{
    font-size: 13px;
    line-height: 2.2em;
    margin-bottom: 5px;
    color: #fff;
    text-transform: uppercase;
}

.info-block__heading a:hover{
    font-size: 13px;
    line-height: 2.2em;
    margin-bottom: 5px;
    color: #ff9000;
    text-transform: uppercase;
}

.tournament-bracket {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.round {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #f9f9f9;
}
.match-card {
    padding: 15px;
    border: 1px solid #ddd;
    margin: 10px 0;
    text-align: center;
    background: white;
    border-radius: 8px;
}
.match-info, .match-result {
    margin-top: 10px;
}

@media (min-width: 1200px) {
    .team-roster--card-compact .team-roster__item .team-roster__player-details {
        top: 40px;
        left: 36px;
        right: 36px;
        padding: 53px 2px;
    }
}

@media (min-width: 992px) {
    .team-roster--card-compact .team-roster__item .team-roster__player-name {
        font-size: 11px;
    }
}

@media (min-width: 992px) {
    .team-roster--card-compact .team-roster__item .team-roster__player-last-name {
        font-size: 15px;
    }
}

.team-roster--card-compact .team-roster__item .team-roster__player-info {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 80px;
    bottom: 50px;
    background-color: #fff;
    padding: 12px 0 10px 10px;
    height: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-heading-home {
    background-color: #1e2024;
    background-image: url(../images/soccer/samples/hero-slide-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
    padding: 50px 0;
    position: relative;
    height: 520px;
}

.hero-slider__item--img1 {
    background-image: url(../images/soccer/samples/hero-slide-1.jpg);
    background-position: center center;  /* Centre l'image horizontalement et verticalement */
    background-size: cover;  /* Couvre toute la zone */
    background-repeat: no-repeat;
    width: 100%;  /* Assure que la largeur s’adapte */
    min-height: 400px;  /* Définit une hauteur minimum pour mobile */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* 📱 Adaptation mobile */
@media (max-width: 768px) {
    .hero-slider__item--img1 {
        min-height: 300px;  /* Ajuste la hauteur pour mobile */
        padding: 30px 0;  /* Réduit le padding sur mobile */
    }
}

/* public/front/assets/css/custom.css */
.header,
.header__primary,
.main-nav__megamenu {
    z-index: 1050;        /* supérieur à .site-content (1) et à Bootstrap (1000) */
}

#disciplines-pills .nav-link{
    list-style: none;
    padding: 0;
    margin: 0;

}

.header__secondary {
    background-color: #fff;
}
.header__primary {
    background-color: #fff;
    position: relative;
}

.header--layout-1 .header__primary-inner::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 210px;
    background-color: #fff;
    left: -25px;
    margin-left: 0;
    transform: skew(-25deg);
}
.header-logo {
    position: absolute;
    z-index: 1001;
    bottom: 60px;
    left: -121px;
    display: block;
}

.header__primary-inner {
    position: relative;
    z-index: 1;
    background-color: #1f3c77;
}

.header--layout-1 .header__primary::after, .header--layout-2 .header__primary::after, .header--layout-3 .header__primary::after, .header--layout-4 .header__primary::after, .header--layout-5 .header__primary::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #1f3c77;
}

.header__top-bar {
    background-color: #1f3c77;
}

.info-block__heading {
    font-size: 13px;
    line-height: 2.2em;
    margin-bottom: 5px;
    color: #000;
    text-transform: uppercase;
}

.footer-widgets {
    background: #1f3c77;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.footer {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.info-block__link {
    display: block;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    line-height: 1.2em;
    font-weight: 400;
    font-style: normal;
    color: #c4c3c2;
    vertical-align: top;
    -webkit-transition: color 0.25s cubic-bezier(0.3, 0.1, 0.55, 1);
    transition: color 0.25s cubic-bezier(0.3, 0.1, 0.55, 1);
}

.social-links__link {
    display: inline-block;
    color: #fff;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.footer-secondary {
    background-color: #1c2d47;
}

.footer-secondary__inner {
    background-color: #1c2d47;

}

.disciplines-container {
    max-width: 1200px; /* Ajustez la largeur max selon vos besoins */
    margin: 2rem auto; /* Centre le conteneur et ajoute de la marge */
    padding: 1rem; /* Espace intérieur */
}

.disciplines-container h2 {
    text-align: center;
    margin-bottom: 2rem; /* Espace sous le titre principal */
    font-size: 1.8rem; /* Taille du titre principal */
}

.disciplines-grid {
    display: grid;
    /* Crée 5 colonnes de largeur égale */
    grid-template-columns: repeat(5, 1fr);
    /* Espace entre les lignes et les colonnes */
    gap: 25px; /* Ajustez l'espacement selon vos besoins */
    justify-items: center; /* Centre les items horizontalement dans leur cellule */
}

.discipline-item {
    text-align: center; /* Centre le texte (titre) sous l'image */
    display: flex; /* Utilise flexbox pour l'alignement vertical interne */
    flex-direction: column; /* Met l'image au-dessus du titre */
    align-items: center; /* Centre l'image et le titre horizontalement */
}

.discipline-item a {
    display: block; /* Pour que le lien prenne la taille de l'image */
    margin-bottom: 10px; /* Espace entre l'image et le titre */
    transition: transform 0.2s ease-in-out; /* Effet de transition au survol */
}

.discipline-item a:hover {
    transform: scale(1.05); /* Léger zoom au survol */
}

.discipline-item img {
    max-width: 150px; /* Limite la largeur max des images, ajustez si besoin */
    height: auto;   /* Garde les proportions */
    display: block; /* Enlève l'espace potentiel sous l'image */
    border-radius: 15px; /* Coins arrondis comme dans l'exemple */
    /* Optionnel: ajoute une ombre ou une bordure si vous voulez */
    /* box-shadow: 0 4px 8px rgba(0,0,0,0.1); */
}

.discipline-title {
    font-size: 0.9rem; /* Taille du titre, ajustez si besoin */
    font-weight: bold;
    margin: 0; /* Enlève les marges par défaut du h4 */
    color: #333; /* Couleur du texte */
}

.discipline-subtitle { /* Style optionnel si vous ajoutez les sous-titres */
    font-size: 0.8rem;
    color: #666;
    margin-top: 4px;
}


/* --- Responsive Design (Exemple simple) --- */
/* Pour les écrans plus petits (tablettes) */
@media (max-width: 992px) {
    .disciplines-grid {
        /* Passe à 3 colonnes */
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .disciplines-container h2 {
        font-size: 1.6rem;
    }
}

/* Pour les écrans encore plus petits (mobiles) */
@media (max-width: 768px) {
    .disciplines-grid {
        /* Passe à 2 colonnes */
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .discipline-item img {
        max-width: 150px; /* Réduit la taille de l'image */
    }
    .discipline-title {
        font-size: 0.8rem;
    }
    .disciplines-container h2 {
        font-size: 1.4rem;
    }
}

/* Cible les éléments de liste contenant les liens de discipline dans les widgets du footer */
.widget--footer .posts--simple-list li {
    /* Appliquer la marge en bas à l'élément de liste plutôt qu'au lien directement */
    /* pour un meilleur contrôle de l'espacement vertical entre les lignes */
    margin-bottom: 0.8em; /* Ajustez cette valeur si 3.5em est trop grand */
    /* Note: 3.5em semblait très grand pour une marge entre des lignes de liens, */
    /* j'ai mis 0.8em comme point de départ, adaptez selon le rendu souhaité. */
    /* Si vous vouliez vraiment 3.5em, mettez : margin-bottom: 3.5em; */
    padding-bottom: 5px; /* Ajoute un petit espace si nécessaire */
}

/* Cible les liens (<a>) de discipline eux-mêmes dans les widgets du footer */
.widget--footer .posts--simple-list li a {
    color: #fff;             /* Couleur du texte normale */
    font-size: 14px;          /* Taille de la police */
    font-style: normal;       /* Style de police normal */
    text-decoration: none;    /* Optionnel: enlève le soulignement par défaut des liens */
    display: inline-block;    /* Permet d'appliquer padding/margin si besoin, et améliore le comportement */
    transition: color 0.2s ease; /* Ajoute une transition douce pour le changement de couleur au survol */
}

/* Style au survol (hover) pour les liens de discipline */
.widget--footer .posts--simple-list li a:hover {
    color: #ff9000;             /* Couleur du texte au survol */
}

@media (max-width: 989px) {   /* même seuil que md de Bootstrap */
    .header-logo {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .header-mobile__inner {
        overflow: hidden;
        position: relative;
        z-index: 2;
        height: 100px;
        background-color: #263b73;
        transition: all 0.4s ease-in-out;
    }
}

@media only screen and (max-width: 991px) {
    .header-mobile__logo-img {
        width: 252px;
        height: auto;
    }
}

@media only screen and (max-width: 991px) {
    .main-nav {
        width: 270px;
        left: 0;
        -webkit-transform: translateX(-270px);
        transform: translateX(-270px);
        height: 100vh;
        position: fixed;
        top: 0;
        margin: 0;
        z-index: 103;
        overflow: auto;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        background-color: #263b73;
    }
}

@media only screen and (max-width: 991px) {
    .main-nav .main-nav__list > li > a {
        padding: 16px 30px;
        font-size: 11px;
        text-align: left;
        border-right: solid 0px;
        background-color: transparent;
        color: #fff;
        line-height: 1.5em;
        border-bottom: 1px solid #1f3162;
    }
}

.card-fil {
    border: none;
    border-radius: 0;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 1px 15px 0px rgba(51, 51, 51, 0.2);
}