/* =====================================================================
   G6M_FOND_COMMUN_V1000 (04/09/2026)

   Le site affichait un aplat #090909 pendant que le forum posait une scene
   de palmiers en silhouette. En passant de l'un a l'autre, on changeait
   visiblement d'univers.

   Ce fichier reprend A L'IDENTIQUE la recette du forum, relevee dans
   forum/styles/g6m/g6m-forum-ui-critical.css (bloc G6M_FORUM_BG_PALMS_V89,
   ligne 3308) : meme image, memes couches, memes positions, memes tailles,
   memes points de rupture. Le forum reste la reference ; rien n'y est modifie.

   Les trois couches, dans l'ordre de declaration :
     1. un halo radial sombre en haut, qui creuse la profondeur ;
     2. un degrade vertical qui assombrit haut et bas ;
     3. l'image des palmiers, ancree en bas, en couverture, fixe au defilement.

   L'image de fond (gta6modding-forum-bg) est une creation GTA6Modding :
   silhouettes de palmiers sur fond quasi noir, sans aucun element officiel.
   ===================================================================== */

html body.g6m-theme {
    background-color: #0a0a0b !important;
    background-image:
        radial-gradient(ellipse 120% 65% at 50% 0%, rgba(8, 8, 10, .5) 0%, rgba(8, 8, 10, .15) 45%, transparent 100%),
        linear-gradient(180deg, rgba(10, 10, 12, .38) 0%, rgba(10, 10, 12, .1) 40%, rgba(8, 8, 10, .28) 100%),
        url("/site/public/assets/img/hero/gta6modding-forum-bg.webp?v=palms89") !important;
    background-position: center top, center top, center bottom !important;
    background-size: 100% 100%, 100% 100%, cover !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll, scroll, fixed !important;
    min-height: 100vh !important;
}

/* Meme progression que le forum : AVIF puis WebP quand le navigateur suit. */
@supports (background-image: image-set(url("x") 1x)) {
    html body.g6m-theme {
        background-image:
            radial-gradient(ellipse 120% 65% at 50% 0%, rgba(8, 8, 10, .5) 0%, rgba(8, 8, 10, .15) 45%, transparent 100%),
            linear-gradient(180deg, rgba(10, 10, 12, .38) 0%, rgba(10, 10, 12, .1) 40%, rgba(8, 8, 10, .28) 100%),
            image-set(
                url("/site/public/assets/img/hero/gta6modding-forum-bg.avif?v=palms89") type("image/avif"),
                url("/site/public/assets/img/hero/gta6modding-forum-bg.webp?v=palms89") type("image/webp")
            ) !important;
    }
}

/* Tablette — le forum bascule sur sa variante 1100px et abandonne le
   defilement fixe, trop couteux sur ces machines. On fait pareil. */
@media (max-width: 1100px) {
    html body.g6m-theme {
        background-image:
            linear-gradient(180deg, rgba(10, 10, 12, .4) 0%, rgba(10, 10, 12, .12) 45%, rgba(8, 8, 10, .32) 100%),
            url("/site/public/assets/img/hero/gta6modding-forum-bg-tablet.webp?v=palms89") !important;
        background-position: center top, center bottom !important;
        background-size: 100% 100%, cover !important;
        background-attachment: scroll, scroll !important;
    }
}

/* Mobile — variante dediee, degrade legerement plus dense pour garder du
   contraste sous les cartes qui occupent alors toute la largeur. */
@media (max-width: 640px) {
    html body.g6m-theme {
        background-image:
            linear-gradient(180deg, rgba(10, 10, 12, .45) 0%, rgba(10, 10, 12, .15) 50%, rgba(8, 8, 10, .38) 100%),
            url("/site/public/assets/img/hero/gta6modding-forum-bg-mobile.webp?v=palms89") !important;
        background-attachment: scroll, scroll !important;
    }
}

/* ---------------------------------------------------------------------
   Coherence des panneaux avec ceux du forum.

   Le fond etant desormais une image, les blocs du site ne peuvent plus
   rester poses sur du vide : le forum enveloppe les siens dans
   .p-body-inner / .block-container, en rgba sombre + fine bordure claire.
   On applique exactement les memes valeurs aux cartes du site.
   --------------------------------------------------------------------- */
html body.g6m-theme .glass-card {
    background: rgba(10, 10, 14, .9) !important;
    border-color: rgba(255, 255, 255, .09);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .42);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* En-tete et pied de page : memes valeurs que .p-header et .p-footer. */
html body.g6m-theme .g6m-site-header {
    background: linear-gradient(180deg, rgba(8, 8, 12, .82) 0%, rgba(8, 8, 12, .94) 100%) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}