/* ============================================================
   Les Filons e-sport — Override de palette
   Or : #C9A96E  |  Dark gold : #8C6E32  |  Navy : #1e2235
   ============================================================ */

/* --- Variables globales ------------------------------------ */
:root {
    --gt-theme:        #C9A96E;
    --gt-theme-dark:   #8C6E32;
    --gt-navy:         #1e2235;
    --gt-navy-light:   #252b40;
    --filons-white:    #ffffff;
    --filons-gold:     #C9A96E;
    --filons-gold-dark:#8C6E32;
}

/* --- Boutons ----------------------------------------------- */
.gt-theme-btn {
    background-image: linear-gradient(to right, #C9A96E 0%, #8C6E32 50%, #C9A96E 100%) !important;
    border-color: #C9A96E !important;
    color: #1e2235 !important;
    font-weight: 700 !important;
}
.gt-theme-btn:hover {
    background-image: linear-gradient(to right, #8C6E32 0%, #C9A96E 50%, #8C6E32 100%) !important;
    color: #ffffff !important;
}
.gt-theme-btn.gt-style-border {
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #C9A96E !important;
    color: #C9A96E !important;
}
.gt-theme-btn.gt-style-border:hover {
    background: #C9A96E !important;
    color: #1e2235 !important;
}

/* --- Liens & accents --------------------------------------- */
a:hover,
.gt-title a:hover,
.gt-news-card-content h4 a:hover,
.post-cat,
.gt-news-tag a {
    color: #C9A96E !important;
}

/* --- Sous-titres : lignes animées de part et d'autre ------- */
.gt-section-title-2 h6::before {
    background: linear-gradient(90deg, #1e2235 0%, #C9A96E 100%) !important;
}
.gt-section-title-2 h6::after {
    background: linear-gradient(90deg, #C9A96E 0%, #1e2235 100%) !important;
}

/* --- Hero section ------------------------------------------ */
.gt-hero-content .subtitle,
.tx-subTitle,
.tz-sub-tilte {
    color: #C9A96E !important;
}
.gt-hero-section-2::before,
.gt-hero-section-2::after {
    background: rgba(30, 34, 53, 0.6) !important;
}

/* --- Gradients (remplacement du rouge) --------------------- */
.gt-trending-match-items.top_view_2.item-hover:hover,
.gt-trending-match-items.top_view_2 {
    background: linear-gradient(90deg, #C9A96E 0%, rgba(30, 34, 53, 0) 100%) !important;
}

/* --- Popular game ------------------------------------------ */
.gt-popular-game-items .gt-thumb .gt-content .post-cat {
    background: #C9A96E !important;
    color: #1e2235 !important;
}

/* --- Match section ----------------------------------------- */
.gt-trending-match .nav .nav-link.active,
.gt-trending-match .nav .nav-link:hover {
    color: #C9A96E !important;
    border-color: #C9A96E !important;
}

/* --- Feature game ------------------------------------------ */
.gt-game-fuature-content .post-discount {
    background: #C9A96E !important;
    color: #1e2235 !important;
}
.gt-game-feature-thumb .video-btn {
    border-color: #C9A96E !important;
    color: #C9A96E !important;
}
.gt-game-feature-thumb .video-btn:hover {
    background: #C9A96E !important;
    color: #1e2235 !important;
}

/* --- Feature game : bande sombre derrière titre & tag ----- */
.gt-game-feature-thumb .gt-game-fuature-content {
    background: rgba(0, 0, 0, 0.55);
    border-radius: 0 0 8px 8px;
    padding: 12px 16px !important;
    backdrop-filter: blur(2px);
}

/* --- Gaming feature : red-shape → gris foncé thème --------- */
.gt-gaming-feature-wrapper .gt-gaming-left-item .gt-red-shape img {
    filter: grayscale(1) brightness(0.35) sepia(0.3) hue-rotate(200deg);
}

/* --- Gaming feature (About) -------------------------------- */

/* Icônes vector.svg → doré (rouge natif → hue-rotate vers or) */
.gt-gaming-feature-section .gt-icon-list li .gt-icon {
    filter: hue-rotate(37deg) saturate(0.5) brightness(1.15);
}

/* Lignes animées : remplacer le rouge par le doré */
.gt-gaming-feature-wrapper .gt-gaming-feature-content .gt-icon-list::before,
.gt-gaming-feature-wrapper .gt-gaming-feature-content .gt-icon-list::after {
    background: linear-gradient(90deg, #C9A96E 30%, rgba(11, 14, 19, 0) 100%) !important;
}


/* --- Team details : barres de stats dynamiques ------------- */
.gt-team-details-wrapper .progress-value.gt-stat-bar {
    background: linear-gradient(90deg, #8C6E32, #C9A96E) !important;
    animation: loadStatDynamic 1.4s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
    width: 0;
}
@keyframes loadStatDynamic {
    from { width: 0; }
    to   { width: var(--stat-value, 0%); }
}

/* --- Team details : image principale 690x766 --------------- */
.gt-team-details-wrapper .gt-team-details-item .gt-details-iamge {
    width: 100%;
    max-width: 690px !important;
    height: 766px;
}
.gt-team-details-wrapper .gt-team-details-item .gt-details-iamge img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: top center;
}

/* --- Team section : animation background dynamique --------- */

/* Toujours pleine largeur, caché par défaut avec zoom + opacité */
.gt-team-wrapper-2 .gt-team-area::before {
    width: 100% !important;
    opacity: 0;
    transform: scale(1.07);
    transform-origin: center center;
    transition:
        opacity   0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-size: cover !important;
    background-position: center !important;
}

/* Hover : fondu + zoom retour à 1 + légère dérive du background */
.gt-team-wrapper-2 .gt-team-area:hover::before {
    opacity: 1 !important;
    transform: scale(1) !important;
    width: 100% !important;
    animation: teamBgDrift 8s ease-in-out infinite alternate;
}

@keyframes teamBgDrift {
    0%   { background-position: center center; }
    100% { background-position: 55% 45%; }
}

/* Overlay doré au survol via une ombre interne sur l'élément */
.gt-team-wrapper-2 .gt-team-area {
    transition: box-shadow 0.55s ease;
}
.gt-team-wrapper-2 .gt-team-area:hover {
    box-shadow: inset 0 0 0 9999px rgba(201, 169, 110, 0.08);
}

/* Titre : transition fluide texte outline → plein */
.gt-team-wrapper-2 .gt-team-area .gt-team-box-items-2 .gt-team-content h3 a {
    transition: color 0.4s ease, -webkit-text-stroke 0.4s ease, letter-spacing 0.4s ease;
}
.gt-team-wrapper-2 .gt-team-area:hover .gt-team-box-items-2 .gt-team-content h3 a {
    letter-spacing: 1px;
}

/* --- Team section : photo de profil circulaire ------------- */
.gt-team-wrapper-2 .gt-team-area .gt-team-box-items-2 .gt-thumb {
    flex-shrink: 0;
}
.gt-team-wrapper-2 .gt-team-area .gt-team-box-items-2 .gt-thumb img {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #C9A96E;
}

/* --- Team section ------------------------------------------ */
.gt-team-box-items-2 .gt-team-content span {
    color: #C9A96E !important;
}
.gt-team-box-items-2 .gt-social-icon a:hover {
    background: #C9A96E !important;
    border-color: #C9A96E !important;
    color: #1e2235 !important;
}
.gt-team-box-items-2.bor-top {
    border-color: rgba(201, 169, 110, 0.2) !important;
}

/* --- News section ------------------------------------------ */
.gt-news-box-items-2 .gt-date {
    color: #C9A96E !important;
}
.gt-news-box-items-2 .gt-content h3 a:hover {
    color: #C9A96E !important;
}

/* --- Newsletter -------------------------------------------- */
.gt-newsletter-wrapper .gt-theme-btn {
    background: #C9A96E !important;
    background-image: none !important;
    color: #1e2235 !important;
}

/* --- Header ----------------------------------------------- */
#header-sticky .header-button .gt-theme-btn {
    background-image: linear-gradient(to right, #C9A96E 0%, #8C6E32 50%, #C9A96E 100%) !important;
    color: #1e2235 !important;
}
.main-menu nav ul li a:hover,
.main-menu nav ul li.active > a {
    color: #C9A96E !important;
}
.main-menu nav ul li .submenu li a:hover {
    color: #C9A96E !important;
    padding-left: 20px !important;
}

/* --- Preloader --------------------------------------------- */
.gt-preloader .loader-inner div {
    background: #C9A96E !important;
}

/* --- Scroll up --------------------------------------------- */
.scroll-up a {
    background: #C9A96E !important;
    border-color: #C9A96E !important;
    color: #1e2235 !important;
}

/* --- Curseur ----------------------------------------------- */
.cursor-dot,
.cursor-circle {
    border-color: #C9A96E !important;
    background: #C9A96E !important;
}

/* --- Breadcrumb : forcer cover sur l'image de fond --------- */
.gt-breadcrumb-wrapper.bg-cover {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* --- Breadcrumb : glow doré au lieu de vert ---------------- */
.gt-breadcrumb-wrapper .gt-blur-shape {
    filter: hue-rotate(-80deg) saturate(1.4) brightness(0.9);
}

/* --- Match details : image de fond teinté noir ------------- */
.gt-match-details-wrapper .gt-details-post .gt-detials-image {
    position: relative;
}
.gt-match-details-wrapper .gt-details-post .gt-detials-image > img {
    display: block;
}
.gt-match-details-wrapper .gt-details-post .gt-detials-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    pointer-events: none;
    z-index: 1;
}
.gt-match-details-wrapper .gt-details-post .gt-detials-image .gt-image-item {
    z-index: 2;
}
.gt-match-details-wrapper .gt-details-post .gt-detials-image .gt-image-item .gt-small-image {
    width: 190px;
    height: 142px;
    flex-shrink: 0;
}
.gt-match-details-wrapper .gt-details-post .gt-detials-image .gt-image-item .gt-small-image img {
    width: 190px !important;
    height: 142px !important;
    object-fit: cover;
    border-radius: 10px;
}

/* --- Sidebar match : hover image du jeu teinté noir -------- */
.gt-match-details-wrapper .gt-main-sideber .gt-single-sideber-widgett .gt-sideber-box::before {
    background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), var(--match-bg, none) !important;
    background-size: cover !important;
    background-position: center !important;
}

/* --- Matchs : bouton Twitch -------------------------------- */
.gt-trending-match-items .gt-watch-now-items .gt-watch-now-list li a:has(.fa-twitch):hover {
    background: #9147ff !important;
    border-color: #9147ff !important;
}

/* --- Matchs : logo VS en blanc ----------------------------- */
.gt-trending-match-items .gt-match-logo img:not(.gt-match-thumb) {
    filter: brightness(0) invert(1);
}

/* --- Matchs : contraindre les thumbnails d'équipes --------- */
.gt-trending-match-items .gt-match-logo .gt-match-thumb {
    width: 120px !important;
    height: 90px !important;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

/* --- Jeux compétitifs (popular games slider) --------------- */
.gt-popular-game-items .gt-thumb.gt-thumb-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.gt-popular-game-items .gt-thumb.gt-thumb-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(30,34,53,0.85) 0%, rgba(30,34,53,0.1) 60%, transparent 100%);
    z-index: 1;
}
.gt-popular-game-items .gt-thumb.gt-thumb-bg .gt-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 20px;
}

/* --- Trophées slider (section brand) ----------------------- */
.gt-brand-section .swiper-slide {
    display: flex;
    align-items: stretch;
}
.gt-brand-section .gt-brand-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.gt-brand-section .gt-brand-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100%;
}
.gt-brand-section .gt-brand-image img {
    max-height: 100px;
    max-width: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

/* --- Logo dans le header ----------------------------------- */
.header-logo img {
    max-height: 54px;
    width: auto;
}

/* --- Logo dans le footer ----------------------------------- */
.gt-footer-logo img {
    max-width: 160px;
    max-height: 70px;
    width: auto;
    height: auto;
}

/* --- Logo dans le side panel (offcanvas) ------------------- */
.offcanvas__logo img {
    max-width: 140px;
    max-height: 60px;
    width: auto;
    height: auto;
}

/* --- Description WYSIWYG (footer + sidebar) ---------------- */
.gt-footer-desc,
.gt-sidebar-desc {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.gt-footer-desc p,
.gt-sidebar-desc p { margin-bottom: 0.5em; }
.gt-footer-desc p:last-child,
.gt-sidebar-desc p:last-child { margin-bottom: 0; }
.gt-footer-desc strong, .gt-sidebar-desc strong { font-weight: 700; }
.gt-footer-desc em,     .gt-sidebar-desc em     { font-style: italic; }
.gt-footer-desc a,      .gt-sidebar-desc a       { color: #C9A96E; text-decoration: underline; }
.gt-footer-desc ul,     .gt-sidebar-desc ul,
.gt-footer-desc ol,     .gt-sidebar-desc ol      { padding-left: 1.2em; margin-bottom: 0.5em; }

/* --- Footer ----------------------------------------------- */
.footer-widget .widget-title::after,
.footer-widget .widget-title::before {
    background: #C9A96E !important;
}
.footer-widget a:hover {
    color: #C9A96E !important;
}
.footer-bottom a:hover {
    color: #C9A96E !important;
}

/* --- Sidebar ---------------------------------------------- */
.sidebar-widget .widget-title {
    color: #C9A96E !important;
}

/* --- Section recrutement : overlay doré, sans X ----------- */
.gt-cta-download-app-section::before {
    background: linear-gradient(90deg, rgba(30, 34, 53, 0.92) 10%, rgba(30, 34, 53, 0.55) 100%) !important;
}

/* --- Section recrutement : titre réduit -------------------- */
.gt-cta-download-app-wrapper .gt-cta-content .gt-section-title-2 h2 {
    font-size: 42px !important;
}

/* --- Team details : cartes vidéo YouTube ------------------- */
.gt-team-details-wrapper .gt-team-details-content .gt-details-card-item-4 .gt-details-image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.gt-team-details-wrapper .gt-team-details-content .gt-details-card-item-4 .gt-details-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.gt-team-details-wrapper .gt-team-details-content .gt-details-card-item-4 .gt-details-image .gt-content .gt-social-item li:hover {
    background: linear-gradient(90deg, #C9A96E 0%, #1C1D20 100%) !important;
    border-color: #C9A96E !important;
}
.gt-team-details-wrapper .gt-team-details-content .gt-details-card-item-4 .gt-details-image .gt-content h3 a {
    color: #ffffff;
    transition: color 0.3s ease;
}
.gt-team-details-wrapper .gt-team-details-content .gt-details-card-item-4 .gt-details-image .gt-content h3 a:hover {
    color: #C9A96E !important;
}

/* --- Team details : horaire de diffusion ------------------- */
.gt-team-details-wrapper .gt-team-details-content .gt-week-list-item {
    border-bottom-color: rgba(201, 169, 110, 0.2) !important;
}
.gt-team-details-wrapper .gt-team-details-content .gt-week-list-item .gt-week-list li {
    color: #C9A96E !important;
}
.gt-team-details-wrapper .gt-team-details-content .gt-week-list-item .gt-week-list li span {
    color: #ccc !important;
}

/* --- Page équipes : cartes de jeux ----------------------- */
.gt-team-wrapper .gt-team-card-item .gt-team-image::before {
    background: linear-gradient(180deg, rgba(11, 14, 19, 0) 20.5%, #C9A96E 100%);
}

.gt-team-wrapper .gt-team-card-item .gt-team-image {
    height: 300px;
}
.gt-team-wrapper .gt-team-card-item .gt-team-image img.game-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.gt-team-wrapper .gt-team-card-item .gt-team-image .gt-team-content {
    z-index: 1;
}

/* --- Pagination / misc ------------------------------------ */
.gt-pagination .page-item.active .page-link,
.gt-pagination .page-link:hover {
    background: #C9A96E !important;
    border-color: #C9A96E !important;
    color: #1e2235 !important;
}

/* ---- Tag jeu sur les matchs ---- */
.gt-match-game-tag {
    display: inline-block;
    background: rgba(201, 169, 110, 0.15);
    color: #C9A96E;
    border: 1px solid rgba(201, 169, 110, 0.4);
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 2px 8px;
    line-height: 1.6;
}

/* ---- Galerie — overlay hover couleur thème ---- */
.gt-epic-gallery-item .gt-gallery-iamge::before,
.gt-epic-gallery-item .gt-gallery-iamge::after {
    background: rgba(201, 169, 110, 0.6) !important;
}

/* ---- Barre partenaires (footer) ---- */
.gt-partners-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    padding: 28px 0;
    border-top: 1px solid rgba(255,255,255,.1);
    margin-bottom: 0;
}
.gt-partners-label {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,.35);
    white-space: nowrap;
    flex-shrink: 0;
}
.gt-partners-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
    flex: 1;
}
.gt-partners-logos a,
.gt-partners-logos span {
    display: inline-flex;
    align-items: center;
    opacity: .55;
    transition: opacity .25s;
}
.gt-partners-logos a:hover { opacity: 1; }
.gt-partners-logos img {
    height: 36px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
}

/* Compteurs about — libellé lisible au hover (fond blanc) */
.gt-counter-box-3:hover p {
    color: #1e2235 !important;
}

/* Image about — hauteur naturelle sans déformation */
.gt-about-wrapper .gt-about-image {
    height: auto !important;
}
.gt-about-wrapper .gt-about-image img {
    height: auto !important;
    width: 100%;
}

/* Supprimer la bordure diagonale active et hover */
.gt-popular-game-section .gt-popular-game-items::before,
.gt-popular-game-section .gt-popular-game-items::after {
    display: none !important;
}