/* G6M_BUNDLE_13 — 7 feuilles, ordre du document preserve */ /* ==== g6m-inline-p2-08-v701.css ==== */ /* Externalise (passe 2) — bloc inline #8 — position inchangee */ /* G6M_REGISTER_CONTOUR_V350 â€” neon pinkâ†’violetâ†’cyan ring on register card NOTE: XF 2.3 puts data-template on , not . */ html#XF[data-template="register_form"] .g6m-register-shell, html#XF.template-register_form .g6m-register-shell, html[data-template="register_form"] .g6m-register-shell, html.template-register_form .g6m-register-shell { position: relative !important; isolation: isolate !important; width: min(700px, 100%) !important; max-width: 700px !important; margin: 0 auto !important; padding: 2rem 1.85rem 2.1rem !important; border-radius: 20px !important; border: 0 !important; outline: 0 !important; background: radial-gradient(120% 90% at 8% 0%, rgba(255, 11, 139, 0.1) 0%, transparent 42%), radial-gradient(110% 80% at 100% 100%, rgba(0, 215, 255, 0.08) 0%, transparent 48%), linear-gradient(165deg, rgba(16, 12, 26, 0.96) 0%, rgba(8, 8, 14, 0.97) 100%) !important; background-clip: padding-box !important; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.62), 0 0 0 1px rgba(255, 255, 255, 0.045), 0 0 36px rgba(255, 11, 139, 0.2), 0 0 58px rgba(141, 56, 255, 0.16), 0 0 40px rgba(0, 215, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; overflow: visible !important; box-sizing: border-box !important; } /* Primary neon contour (mask ring) */ html#XF[data-template="register_form"] .g6m-register-shell::before, html#XF.template-register_form .g6m-register-shell::before, html[data-template="register_form"] .g6m-register-shell::before, html.template-register_form .g6m-register-shell::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; padding: 2px !important; background: linear-gradient( 125deg, #ff0b8b 0%, #ff4fc0 22%, #8d38ff 52%, #3ecbff 78%, #00d7ff 100% ) !important; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; -webkit-mask-composite: xor !important; mask-composite: exclude !important; pointer-events: none !important; z-index: 6 !important; opacity: 1 !important; } /* Soft outer halo */ html#XF[data-template="register_form"] .g6m-register-shell::after, html#XF.template-register_form .g6m-register-shell::after, html[data-template="register_form"] .g6m-register-shell::after, html.template-register_form .g6m-register-shell::after { content: "" !important; position: absolute !important; inset: -3px !important; border-radius: 23px !important; padding: 3px !important; background: linear-gradient( 125deg, rgba(255, 11, 139, 0.7) 0%, rgba(141, 56, 255, 0.45) 50%, rgba(0, 215, 255, 0.65) 100% ) !important; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; -webkit-mask-composite: xor !important; mask-composite: exclude !important; pointer-events: none !important; z-index: 5 !important; opacity: 0.55 !important; filter: blur(4px) !important; } html#XF[data-template="register_form"] .g6m-register-shell > *, html#XF.template-register_form .g6m-register-shell > *, html[data-template="register_form"] .g6m-register-shell > * { position: relative !important; z-index: 7 !important; } /* Kill plain purple XF/critical card border â€” shell owns the frame */ html#XF[data-template="register_form"] .g6m-register-shell .block-container, html#XF[data-template="register_form"] .g6m-register-shell .g6m-register-card, html#XF.template-register_form .g6m-register-card, html[data-template="register_form"] .g6m-register-card, html.template-register_form .block-container.g6m-register-card { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; outline: 0 !important; } /* Login card chrome moved to g6m-login-card-premium-v352.css (pageContent owns the premium shell â€” do not restyle nested block-container here). */ /* ==== g6m-inline-10-v700.css ==== */ /* Externalise depuis la modification #56, bloc inline #10 — position et ordre de cascade inchanges */ /* G6M_LOGIN_CARD_PREMIUM_V352 Full login column â†’ one glass/neon card (radius 32px). XF 2.3: data-template lives on , not . */ html#XF[data-template="login"], html#XF.template-login, html[data-template="login"], html.template-login { --g6m-lp-radius: 36px; --g6m-lp-shell-w: 960px; --g6m-lp-card-radius: 36px; } /* Outer column: transparent â€” forum hero BG shows through (no dark slab) */ html#XF[data-template="login"] .p-body-inner, html#XF.template-login .p-body-inner, html[data-template="login"] .p-body-inner, html.template-login .p-body-inner, html#XF[data-template="login"] .p-body-main, html#XF[data-template="login"] .p-body-content, html#XF[data-template="login"] .uix_contentWrapper, html#XF.template-login .p-body-main, html#XF.template-login .p-body-content { width: 100% !important; max-width: min(1000px, calc(100vw - 20px)) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 10px !important; padding-right: 10px !important; border-radius: 0 !important; overflow: visible !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* Kill legacy critical 560px login clamp */ html#XF.template-login .p-body-pageContent, html#XF[data-template="login"] .p-body-pageContent, html.template-login .p-body-pageContent, html[data-template="login"] .p-body-pageContent { max-width: min(960px, 100%) !important; } /* â€”â€” THE premium card: hero + form + meta live inside â€”â€” */ html#XF[data-template="login"] .p-body-pageContent, html#XF.template-login .p-body-pageContent, html[data-template="login"] .p-body-pageContent, html.template-login .p-body-pageContent { position: relative !important; isolation: isolate !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: min(960px, 100%) !important; min-width: 0 !important; margin: 0 auto !important; padding: clamp(1.55rem, 3.2vw, 2.35rem) clamp(1.25rem, 3vw, 2.15rem) clamp(1.65rem, 3.2vw, 2.25rem) !important; border-radius: 36px !important; overflow: hidden !important; border: 1px solid transparent !important; background: radial-gradient(120% 80% at 12% 0%, rgba(141, 56, 255, 0.14) 0%, transparent 46%), radial-gradient(90% 70% at 100% 100%, rgba(0, 215, 255, 0.08) 0%, transparent 50%), linear-gradient(165deg, rgba(14, 10, 22, 0.94) 0%, rgba(8, 7, 14, 0.97) 55%, rgba(10, 8, 18, 0.96) 100%) padding-box, linear-gradient(125deg, rgba(141, 56, 255, 0.95) 0%, rgba(139, 61, 255, 0.75) 42%, rgba(0, 215, 255, 0.9) 100%) border-box !important; box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 28px rgba(141, 56, 255, 0.18), 0 0 36px rgba(0, 215, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; backdrop-filter: blur(16px) saturate(1.1) !important; -webkit-backdrop-filter: blur(16px) saturate(1.1) !important; box-sizing: border-box !important; transition: box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important; } html#XF[data-template="login"] .p-body-pageContent:hover, html#XF.template-login .p-body-pageContent:hover { box-shadow: 0 28px 64px rgba(0, 0, 0, 0.58), 0 0 0 1px rgba(255, 255, 255, 0.05), 0 0 34px rgba(141, 56, 255, 0.22), 0 0 42px rgba(0, 215, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; } /* Soft top glass sheen (clipped by overflow:hidden) */ html#XF[data-template="login"] .p-body-pageContent::before, html#XF.template-login .p-body-pageContent::before { content: "" !important; position: absolute !important; inset: 0 0 auto 0 !important; height: 38% !important; border-radius: 35px 35px 0 0 !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 45%, transparent 100%) !important; pointer-events: none !important; z-index: 0 !important; } html#XF[data-template="login"] .p-body-pageContent > *, html#XF.template-login .p-body-pageContent > * { position: relative !important; z-index: 1 !important; } /* Hide stray menu-arrow injected into pageContent */ html#XF[data-template="login"] .p-body-pageContent > .menu-arrow, html#XF.template-login .p-body-pageContent > .menu-arrow { display: none !important; } /* â€”â€” Strip nested square frames (form / block-container / contour leftovers) â€”â€” */ html#XF[data-template="login"] form.block, html#XF.template-login form.block, html#XF[data-template="login"] .blocks > .block, html#XF.template-login .blocks > .block { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; overflow: visible !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; } html#XF[data-template="login"] form.block > .block-container, html#XF.template-login form.block > .block-container, html#XF[data-template="login"] .blocks > .block .block-container, html#XF.template-login .blocks > .block .block-container, html#XF[data-template="login"] .block-container, html#XF.template-login .block-container { position: relative !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; overflow: visible !important; max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; transition: none !important; } /* Kill register-contour ::after neon ring on nested containers */ html#XF[data-template="login"] form.block > .block-container::before, html#XF[data-template="login"] form.block > .block-container::after, html#XF.template-login form.block > .block-container::before, html#XF.template-login form.block > .block-container::after, html#XF[data-template="login"] .blocks > .block .block-container::before, html#XF[data-template="login"] .blocks > .block .block-container::after { content: none !important; display: none !important; } /* Hero sits inside the card â€” tighten top spacing */ html#XF[data-template="login"] .g6m-login-hero, html#XF.template-login .g6m-login-hero { margin: 0 0 1.15rem !important; padding: 0 !important; max-width: 100% !important; } /* Separators / OU row follow card rhythm */ html#XF[data-template="login"] .blocks, html#XF.template-login .blocks { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Turnstile / captcha respect rounded card language */ html#XF[data-template="login"] .cf-turnstile, html#XF[data-template="login"] [data-xf-init="turnstile"], html#XF[data-template="login"] iframe[src*="challenges.cloudflare"], html#XF.template-login .cf-turnstile { border-radius: 14px !important; overflow: hidden !important; } html#XF[data-template="login"] .formRow:has(.cf-turnstile) > dd, html#XF[data-template="login"] .formRow:has([data-xf-init="turnstile"]) > dd { border-radius: 14px !important; overflow: hidden !important; } /* CTA keeps full width of card content (same as before relative to form) */ html#XF[data-template="login"] form.block .formSubmitRow, html#XF[data-template="login"] form.block .formSubmitRow-controls, html#XF[data-template="login"] form.block .formSubmitRow-main, html#XF.template-login form.block .formSubmitRow, html#XF.template-login form.block .formSubmitRow-controls { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } html#XF[data-template="login"] form.block .button.button--primary, html#XF[data-template="login"] form.block .button--primary.button--icon--login, html#XF[data-template="login"] form.block .formSubmitRow .button--primary, html#XF.template-login form.block .button.button--primary { width: 100% !important; max-width: 100% !important; min-width: 0 !important; align-self: stretch !important; box-sizing: border-box !important; } /* Secondary blocks (connexion rapide) â€” no nested square frames */ html#XF[data-template="login"] .blocks > .block:not(form) .block-container, html#XF.template-login .blocks > .block:not(form) .block-container { border: 0 !important; border-radius: 16px !important; background: rgba(255, 255, 255, 0.03) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important; padding: 1rem 1.05rem !important; overflow: hidden !important; } /* â€”â€” Responsive â€”â€” */ @media (max-width: 1100px) { html#XF[data-template="login"] .p-body-pageContent, html#XF.template-login .p-body-pageContent { max-width: min(920px, 100%) !important; border-radius: 34px !important; } } @media (max-width: 900px) { html#XF[data-template="login"] .p-body-inner, html#XF.template-login .p-body-inner { width: min(100%, calc(100vw - 16px)) !important; max-width: min(100%, calc(100vw - 16px)) !important; } html#XF[data-template="login"] .p-body-pageContent, html#XF.template-login .p-body-pageContent { max-width: 100% !important; border-radius: 32px !important; padding: 1.35rem 1.15rem 1.5rem !important; } html#XF[data-template="login"] .p-body-pageContent::before { border-radius: 31px 31px 0 0 !important; } } @media (max-width: 640px) { html#XF[data-template="login"] .p-body-pageContent, html#XF.template-login .p-body-pageContent { border-radius: 28px !important; padding: 1.2rem 1rem 1.35rem !important; } } @media (prefers-reduced-motion: reduce) { html#XF[data-template="login"] .p-body-pageContent, html#XF.template-login .p-body-pageContent { transition: none !important; } } /* ==== g6m-header-slim-v354.css ==== */ /* G6M_HEADER_SLIM_V354B Stronger density overrides — max-height caps so later/competing rules cannot re-inflate. Colors / neon / icons / animations / logo asset unchanged. */ :root { --g6m-header-slim: V354B; --g6m-hs-header-h: 52px; --g6m-hs-logo-h: 42px; --g6m-hs-logo-w: 210px; --g6m-hs-nav-h: 42px; --g6m-hs-link-h: 32px; --g6m-hs-search-h: 32px; --g6m-hs-avatar: 28px; --g6m-hs-icon: 30px; --g6m-uz-h: 36px !important; --g6m-cash-h: 36px !important; --g6m-money-h: 36px !important; --g6m-guest-h: 32px !important; } @media (min-width: 1101px) { html#XF body .p-header, html body .p-header { min-height: 0 !important; height: auto !important; max-height: var(--g6m-hs-header-h) !important; margin: 0 !important; padding: 0 !important; } html#XF body .p-header-inner, html body .p-header-inner { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; min-height: 0 !important; height: var(--g6m-hs-header-h) !important; max-height: var(--g6m-hs-header-h) !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box !important; } html#XF body .p-header-logo, html#XF body .p-header-logo a, html body .p-header-logo, html body .p-header-logo a { display: flex !important; align-items: center !important; min-height: 0 !important; height: auto !important; max-height: var(--g6m-hs-logo-h) !important; } html#XF body .p-header-logo img.g6m-site-logo, html#XF body .p-header .g6m-site-logo, html#XF body img.g6m-site-logo:not(.g6m-site-logo--compact), html body .p-header-logo img.g6m-site-logo, html body .p-header .g6m-site-logo, html body img.g6m-site-logo:not(.g6m-site-logo--compact) { width: var(--g6m-hs-logo-w) !important; min-width: 0 !important; max-width: var(--g6m-hs-logo-w) !important; max-height: var(--g6m-hs-logo-h) !important; height: auto !important; object-fit: contain !important; } html#XF body .p-nav, html body .p-nav { margin: 0 !important; padding: 0 !important; min-height: 0 !important; max-height: calc(var(--g6m-hs-nav-h) + 8px) !important; } html#XF body .p-nav-inner, html body .p-nav > .p-nav-inner, html body .p-nav-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0.25rem !important; min-height: 0 !important; height: var(--g6m-hs-nav-h) !important; max-height: var(--g6m-hs-nav-h) !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box !important; overflow: visible !important; } html#XF body .p-nav .p-nav-list, html#XF body .p-nav-scroller .p-nav-list, html body .p-nav .p-nav-list, html body .p-nav-scroller .p-nav-list { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 0 !important; column-gap: 0 !important; min-height: 0 !important; height: var(--g6m-hs-link-h) !important; max-height: var(--g6m-hs-link-h) !important; margin: 0 !important; padding: 0 !important; } html#XF body .p-nav-list > li, html#XF body .p-nav-list .p-navEl, html body .p-nav-list > li, html body .p-nav-list .p-navEl { display: inline-flex !important; align-items: center !important; align-self: center !important; margin: 0 !important; padding: 0 !important; height: var(--g6m-hs-link-h) !important; max-height: var(--g6m-hs-link-h) !important; } html#XF body .p-nav-list a[data-nav-id^="g6m_nav_main_"], html#XF body .p-nav-list a[data-nav-id="siropuChat"], html#XF body .p-nav-list a[data-nav-id*="siropuChat"], html#XF body .p-nav-list .p-navEl > .p-navEl-link, html#XF body .p-nav-list .p-navEl-link, html body .p-nav-list a[data-nav-id^="g6m_nav_main_"], html body .p-nav-list a[data-nav-id="siropuChat"], html body .p-nav-list a[data-nav-id*="siropuChat"], html body .p-nav-list .p-navEl > .p-navEl-link, html body .p-nav-list .p-navEl-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; box-sizing: border-box !important; padding: 0 0.48rem !important; margin: 0 !important; min-height: 0 !important; height: var(--g6m-hs-link-h) !important; max-height: var(--g6m-hs-link-h) !important; font-size: 0.9rem !important; line-height: 1 !important; letter-spacing: 0.035em !important; white-space: nowrap !important; } /* User cluster */ html#XF body .p-nav > .p-nav-inner > .p-nav-opposite, html#XF body .p-nav-inner > .p-nav-opposite, html body .p-nav > .p-nav-inner > .p-nav-opposite, html body .p-nav-inner > .p-nav-opposite { display: inline-flex !important; flex-wrap: nowrap !important; align-items: center !important; align-self: center !important; margin-left: auto !important; box-sizing: border-box !important; height: var(--g6m-uz-h) !important; min-height: var(--g6m-uz-h) !important; max-height: var(--g6m-uz-h) !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 6px !important; padding-right: 4px !important; } html#XF body .p-navgroup-link--user .avatar, html#XF body .p-navgroup-link--user .avatar img, html body .p-navgroup-link--user .avatar, html body .p-navgroup-link--user .avatar img { width: var(--g6m-hs-avatar) !important; height: var(--g6m-hs-avatar) !important; max-width: var(--g6m-hs-avatar) !important; max-height: var(--g6m-hs-avatar) !important; line-height: var(--g6m-hs-avatar) !important; flex-basis: var(--g6m-hs-avatar) !important; font-size: 16px !important; } html#XF body .p-nav-opposite .p-navgroup-link--conversations, html#XF body .p-nav-opposite .p-navgroup-link--alerts, html#XF body .p-nav-opposite .p-navgroup-link--whatsnew, html#XF body .p-nav-opposite .p-navgroup-link--search, html body .p-nav-opposite .p-navgroup-link--conversations, html body .p-nav-opposite .p-navgroup-link--alerts, html body .p-nav-opposite .p-navgroup-link--whatsnew, html body .p-nav-opposite .p-navgroup-link--search { width: var(--g6m-hs-icon) !important; min-width: var(--g6m-hs-icon) !important; height: var(--g6m-hs-icon) !important; min-height: 0 !important; max-height: var(--g6m-hs-icon) !important; padding: 0 !important; } html#XF body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText, html body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText { font-size: 0.84rem !important; line-height: 1 !important; } /* Money / cash */ html#XF body .gta-money-badge, html#XF body a.gta-money-badge-host, html#XF body .gta-money-badge-host, html#XF body .p-nav-list a[data-nav-id="dbtechCredits"], html#XF body a.g6m-gta-cash-nav, html body .gta-money-badge, html body a.gta-money-badge-host, html body .p-nav-list a[data-nav-id="dbtechCredits"], html body a.g6m-gta-cash-nav { height: var(--g6m-money-h) !important; min-height: var(--g6m-money-h) !important; max-height: var(--g6m-money-h) !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box !important; } html#XF body .p-nav-list > li:has(a[data-nav-id="dbtechCredits"]), html#XF body .p-nav-list > li:has(a.g6m-gta-cash-nav), html body .p-nav-list > li:has(a[data-nav-id="dbtechCredits"]), html body .p-nav-list > li:has(a.g6m-gta-cash-nav) { margin-left: 10px !important; margin-right: 8px !important; height: var(--g6m-money-h) !important; max-height: var(--g6m-money-h) !important; align-self: center !important; } html#XF body .p-nav-list a[data-nav-id="dbtechCredits"], html#XF body a.g6m-gta-cash-nav, html body .p-nav-list a[data-nav-id="dbtechCredits"], html body a.g6m-gta-cash-nav { padding-left: 12px !important; padding-right: 12px !important; gap: 6px !important; column-gap: 6px !important; } /* Search */ html#XF body .p-header .uix_searchInput, html#XF body .p-header input.input.uix_searchInput, html#XF body .uix_searchInput, html#XF body input.input.uix_searchInput, html body .p-header .uix_searchInput, html body .p-header input.input.uix_searchInput, html body .uix_searchInput, html body input.input.uix_searchInput { height: var(--g6m-hs-search-h) !important; min-height: var(--g6m-hs-search-h) !important; max-height: var(--g6m-hs-search-h) !important; line-height: var(--g6m-hs-search-h) !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 0.84rem !important; box-sizing: border-box !important; } html#XF body .p-header .uix_searchBar, html#XF body .p-header .uix_searchBarInner, html#XF body .p-header .uix_searchForm, html#XF body .uix_searchBar, html#XF body .uix_searchBarInner, html#XF body .uix_searchForm, html body .p-header .uix_searchBar, html body .p-header .uix_searchBarInner, html body .p-header .uix_searchForm, html body .uix_searchBar, html body .uix_searchBarInner, html body .uix_searchForm { height: var(--g6m-hs-search-h) !important; min-height: var(--g6m-hs-search-h) !important; max-height: var(--g6m-hs-search-h) !important; align-items: center !important; } html#XF body .uix_searchBarInner, html#XF body .uix_searchForm, html body .uix_searchBarInner, html body .uix_searchForm { max-width: 13.5rem !important; width: 13.5rem !important; min-width: 11rem !important; flex-basis: 13.5rem !important; } /* CTA strip under nav — less dead air */ html#XF.template-forum_list .p-body-header, html#XF[data-template="forum_list"] .p-body-header, html.template-forum_list .p-body-header, html[data-template="forum_list"] .p-body-header { margin-top: 0.45rem !important; padding-top: 0.2rem !important; padding-bottom: 0.1rem !important; } html#XF body .p-title-pageAction .button, html#XF body .p-body-header .button, html body .p-title-pageAction .button, html body .p-body-header .button { min-height: 30px !important; height: auto !important; padding-top: 0.22rem !important; padding-bottom: 0.22rem !important; padding-left: 0.8rem !important; padding-right: 0.8rem !important; font-size: 0.72rem !important; } } @media (min-width: 901px) and (max-width: 1100px) { :root { --g6m-hs-nav-h: 44px; --g6m-uz-h: 38px !important; --g6m-money-h: 38px !important; } html#XF body .p-nav-inner, html body .p-nav-inner { flex-wrap: nowrap !important; align-items: center !important; height: var(--g6m-hs-nav-h) !important; max-height: var(--g6m-hs-nav-h) !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } html#XF body .p-nav-smallLogo img.g6m-site-logo, html#XF body .p-nav .g6m-site-logo--compact, html body .p-nav-smallLogo img.g6m-site-logo, html body .p-nav .g6m-site-logo--compact { max-height: 34px !important; max-width: 150px !important; } html#XF body .p-nav-opposite, html body .p-nav-opposite, html#XF body .gta-money-badge, html body .gta-money-badge { height: var(--g6m-uz-h) !important; min-height: var(--g6m-uz-h) !important; max-height: var(--g6m-uz-h) !important; } } @media (max-width: 900px) { :root { --g6m-hs-nav-h: 46px; --g6m-uz-h: 38px !important; --g6m-money-h: 34px !important; } html#XF body .p-nav-inner, html body .p-nav-inner { flex-wrap: nowrap !important; align-items: center !important; height: var(--g6m-hs-nav-h) !important; max-height: var(--g6m-hs-nav-h) !important; min-height: 0 !important; padding-top: 0.1rem !important; padding-bottom: 0.1rem !important; } html#XF body .p-nav-smallLogo img.g6m-site-logo, html#XF body .p-nav .g6m-site-logo--compact, html body .p-nav-smallLogo img.g6m-site-logo, html body .p-nav .g6m-site-logo--compact { max-height: 32px !important; max-width: 140px !important; } html#XF body .p-nav-opposite, html body .p-nav-opposite { flex-wrap: nowrap !important; align-items: center !important; } html#XF body .gta-money-badge, html body .gta-money-badge { height: var(--g6m-money-h) !important; min-height: var(--g6m-money-h) !important; max-height: var(--g6m-money-h) !important; } } /* ==== g6m-inline-11-v700.css ==== */ /* Externalise depuis la modification #56, bloc inline #11 — position et ordre de cascade inchanges */ :root{--g6m-header-slim:V354C;--g6m-hs-header-h:52px;--g6m-hs-logo-h:42px;--g6m-hs-logo-w:210px;--g6m-hs-nav-h:42px;--g6m-hs-link-h:32px;--g6m-hs-search-h:32px;--g6m-hs-avatar:28px;--g6m-hs-icon:30px;--g6m-uz-h:36px;--g6m-cash-h:36px;--g6m-money-h:44px;--g6m-guest-h:32px} @media (min-width:1101px){ html#XF body .p-header,html body .p-header{margin:0!important;padding:0!important;min-height:0!important;max-height:var(--g6m-hs-header-h)!important} html#XF body .p-header-inner,html body .p-header-inner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;height:var(--g6m-hs-header-h)!important;max-height:var(--g6m-hs-header-h)!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important} html#XF body .p-header-logo,html#XF body .p-header-logo a,html body .p-header-logo,html body .p-header-logo a{display:flex!important;align-items:center!important;min-height:0!important;max-height:var(--g6m-hs-logo-h)!important} html#XF body .p-header-logo img.g6m-site-logo,html#XF body .p-header .g6m-site-logo,html#XF body img.g6m-site-logo:not(.g6m-site-logo--compact),html body .p-header-logo img.g6m-site-logo,html body .p-header .g6m-site-logo,html body img.g6m-site-logo:not(.g6m-site-logo--compact){width:var(--g6m-hs-logo-w)!important;max-width:var(--g6m-hs-logo-w)!important;min-width:0!important;max-height:var(--g6m-hs-logo-h)!important;height:auto!important;object-fit:contain!important} html#XF body .p-nav,html body .p-nav{margin:0!important;padding:0!important;min-height:0!important;max-height:calc(var(--g6m-hs-nav-h) + 6px)!important} html#XF body .p-nav-inner,html body .p-nav>.p-nav-inner,html body .p-nav-inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:.25rem!important;height:var(--g6m-hs-nav-h)!important;max-height:var(--g6m-hs-nav-h)!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important} html#XF body .p-nav .p-nav-list,html#XF body .p-nav-scroller .p-nav-list,html body .p-nav .p-nav-list,html body .p-nav-scroller .p-nav-list{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important;height:var(--g6m-hs-link-h)!important;max-height:var(--g6m-hs-link-h)!important;min-height:0!important;margin:0!important;padding:0!important} html#XF body .p-nav-list>li,html#XF body .p-nav-list .p-navEl,html body .p-nav-list>li,html body .p-nav-list .p-navEl{display:inline-flex!important;align-items:center!important;align-self:center!important;margin:0!important;padding:0!important;height:var(--g6m-hs-link-h)!important;max-height:var(--g6m-hs-link-h)!important} html#XF body .p-nav-list a[data-nav-id^="g6m_nav_main_"],html#XF body .p-nav-list a[data-nav-id="siropuChat"],html#XF body .p-nav-list a[data-nav-id*="siropuChat"],html#XF body .p-nav-list .p-navEl>.p-navEl-link,html#XF body .p-nav-list .p-navEl-link,html body .p-nav-list a[data-nav-id^="g6m_nav_main_"],html body .p-nav-list a[data-nav-id="siropuChat"],html body .p-nav-list a[data-nav-id*="siropuChat"],html body .p-nav-list .p-navEl>.p-navEl-link,html body .p-nav-list .p-navEl-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0 .48rem!important;margin:0!important;height:var(--g6m-hs-link-h)!important;max-height:var(--g6m-hs-link-h)!important;min-height:0!important;font-size:.9rem!important;line-height:1!important;letter-spacing:.035em!important;white-space:nowrap!important} html#XF body .p-nav>.p-nav-inner>.p-nav-opposite,html#XF body .p-nav-inner>.p-nav-opposite,html body .p-nav>.p-nav-inner>.p-nav-opposite,html body .p-nav-inner>.p-nav-opposite{display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;align-self:center!important;margin-left:auto!important;height:var(--g6m-uz-h)!important;min-height:var(--g6m-uz-h)!important;max-height:var(--g6m-uz-h)!important;padding-top:0!important;padding-bottom:0!important;padding-left:6px!important;padding-right:4px!important;box-sizing:border-box!important} html#XF body .p-navgroup-link--user .avatar,html#XF body .p-navgroup-link--user .avatar img,html body .p-navgroup-link--user .avatar,html body .p-navgroup-link--user .avatar img{width:var(--g6m-hs-avatar)!important;height:var(--g6m-hs-avatar)!important;max-width:var(--g6m-hs-avatar)!important;max-height:var(--g6m-hs-avatar)!important;line-height:var(--g6m-hs-avatar)!important;flex-basis:var(--g6m-hs-avatar)!important;font-size:16px!important} html#XF body .p-nav-opposite .p-navgroup-link--conversations,html#XF body .p-nav-opposite .p-navgroup-link--alerts,html#XF body .p-nav-opposite .p-navgroup-link--whatsnew,html#XF body .p-nav-opposite .p-navgroup-link--search,html body .p-nav-opposite .p-navgroup-link--conversations,html body .p-nav-opposite .p-navgroup-link--alerts,html body .p-nav-opposite .p-navgroup-link--whatsnew,html body .p-nav-opposite .p-navgroup-link--search{width:var(--g6m-hs-icon)!important;min-width:var(--g6m-hs-icon)!important;height:var(--g6m-hs-icon)!important;max-height:var(--g6m-hs-icon)!important;min-height:0!important;padding:0!important} html#XF body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText,html body .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText{font-size:.84rem!important;line-height:1!important} html#XF body .gta-money-badge,html#XF body a.gta-money-badge-host,html#XF body .p-nav-list a[data-nav-id="dbtechCredits"],html#XF body a.g6m-gta-cash-nav,html body .gta-money-badge,html body a.gta-money-badge-host,html body .p-nav-list a[data-nav-id="dbtechCredits"],html body a.g6m-gta-cash-nav{height:var(--g6m-money-h)!important;min-height:var(--g6m-money-h)!important;max-height:var(--g6m-money-h)!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important} html#XF body .p-nav-list>li:has(a[data-nav-id="dbtechCredits"]),html#XF body .p-nav-list>li:has(a.g6m-gta-cash-nav),html body .p-nav-list>li:has(a[data-nav-id="dbtechCredits"]),html body .p-nav-list>li:has(a.g6m-gta-cash-nav){margin-left:10px!important;margin-right:8px!important;height:var(--g6m-money-h)!important;max-height:var(--g6m-money-h)!important;align-self:center!important} html#XF body .p-nav-list a[data-nav-id="dbtechCredits"],html#XF body a.g6m-gta-cash-nav,html body .p-nav-list a[data-nav-id="dbtechCredits"],html body a.g6m-gta-cash-nav{padding-left:12px!important;padding-right:12px!important;gap:6px!important;column-gap:6px!important} html#XF body .p-header .uix_searchInput,html#XF body .uix_searchInput,html#XF body input.input.uix_searchInput,html body .p-header .uix_searchInput,html body .uix_searchInput,html body input.input.uix_searchInput{height:var(--g6m-hs-search-h)!important;min-height:var(--g6m-hs-search-h)!important;max-height:var(--g6m-hs-search-h)!important;line-height:var(--g6m-hs-search-h)!important;padding-top:0!important;padding-bottom:0!important;font-size:.84rem!important;box-sizing:border-box!important} html#XF body .p-header .uix_searchBar,html#XF body .p-header .uix_searchBarInner,html#XF body .p-header .uix_searchForm,html#XF body .uix_searchBar,html#XF body .uix_searchBarInner,html#XF body .uix_searchForm,html body .p-header .uix_searchBar,html body .uix_searchBar,html body .uix_searchBarInner,html body .uix_searchForm{height:var(--g6m-hs-search-h)!important;min-height:var(--g6m-hs-search-h)!important;max-height:var(--g6m-hs-search-h)!important;align-items:center!important} html#XF body .uix_searchBarInner,html#XF body .uix_searchForm,html body .uix_searchBarInner,html body .uix_searchForm{max-width:13.5rem!important;width:13.5rem!important;min-width:11rem!important;flex-basis:13.5rem!important} html#XF.template-forum_list .p-body-header,html#XF[data-template="forum_list"] .p-body-header,html.template-forum_list .p-body-header,html[data-template="forum_list"] .p-body-header{margin-top:.45rem!important;padding-top:.2rem!important;padding-bottom:.1rem!important} html#XF body .p-title-pageAction .button,html#XF body .p-body-header .button,html body .p-title-pageAction .button,html body .p-body-header .button{min-height:30px!important;padding:.22rem .8rem!important;font-size:.72rem!important} } @media (min-width:901px) and (max-width:1100px){ :root{--g6m-hs-nav-h:44px;--g6m-uz-h:38px;--g6m-money-h:38px} html#XF body .p-nav-inner,html body .p-nav-inner{flex-wrap:nowrap!important;height:var(--g6m-hs-nav-h)!important;max-height:var(--g6m-hs-nav-h)!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;align-items:center!important} html#XF body .p-nav-smallLogo img.g6m-site-logo,html#XF body .p-nav .g6m-site-logo--compact,html body .p-nav-smallLogo img.g6m-site-logo,html body .p-nav .g6m-site-logo--compact{max-height:34px!important;max-width:150px!important} html#XF body .p-nav-opposite,html body .p-nav-opposite,html#XF body .gta-money-badge,html body .gta-money-badge{height:var(--g6m-uz-h)!important;min-height:var(--g6m-uz-h)!important;max-height:var(--g6m-uz-h)!important} } @media (max-width:900px){ :root{--g6m-hs-nav-h:46px;--g6m-uz-h:38px;--g6m-money-h:44px} html#XF body .p-nav-inner,html body .p-nav-inner{flex-wrap:nowrap!important;height:var(--g6m-hs-nav-h)!important;max-height:var(--g6m-hs-nav-h)!important;min-height:0!important;align-items:center!important} html#XF body .p-nav-smallLogo img.g6m-site-logo,html#XF body .p-nav .g6m-site-logo--compact,html body .p-nav-smallLogo img.g6m-site-logo,html body .p-nav .g6m-site-logo--compact{max-height:32px!important;max-width:140px!important} html#XF body .gta-money-badge,html body .gta-money-badge{height:var(--g6m-money-h)!important;min-height:var(--g6m-money-h)!important;max-height:var(--g6m-money-h)!important} } /* ==== g6m-nav-hide-avatar-v410.css ==== */ /* G6M_NAV_HIDE_AVATAR_V410 Hide avatar inside the member user-zone pill (header account chip). Keep username + mail + alerts + what's-new; tighten left padding. END G6M_NAV_HIDE_AVATAR_V410 */ html { --g6m-nav-hide-avatar: V410; } html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar, html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar img, html body .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar, html body .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar img, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar img, html body .p-navgroup-link.p-navgroup-link--user > .avatar, html body .p-navgroup-link.p-navgroup-link--user > .avatar img { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; flex: 0 0 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; box-shadow: none !important; filter: none !important; } html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar::before, html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar::after, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar::before, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar::after, html body .p-navgroup-link.p-navgroup-link--user > .avatar::before, html body .p-navgroup-link.p-navgroup-link--user > .avatar::after { content: none !important; display: none !important; } /* Avatar was the left inset — restore balanced chip padding */ html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user, html body .p-navgroup-link.p-navgroup-link--user { padding-left: 0.55rem !important; gap: 0.35rem !important; } html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member, html body .p-navgroup.p-account.p-navgroup--member { padding-left: 0.22rem !important; } /* ==== g6m-inline-p2-09-v701.css ==== */ /* Externalise (passe 2) — bloc inline #9 — position inchangee */ /* G6M_NAV_HIDE_AVATAR_V410 Hide avatar inside the member user-zone pill (header account chip). Keep username + mail + alerts + what's-new; tighten left padding. END G6M_NAV_HIDE_AVATAR_V410 */ html { --g6m-nav-hide-avatar: V410; } html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar, html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar img, html body .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar, html body .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar img, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar img, html body .p-navgroup-link.p-navgroup-link--user > .avatar, html body .p-navgroup-link.p-navgroup-link--user > .avatar img { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; flex: 0 0 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; box-shadow: none !important; filter: none !important; } html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar::before, html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar::after, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar::before, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user > .avatar::after, html body .p-navgroup-link.p-navgroup-link--user > .avatar::before, html body .p-navgroup-link.p-navgroup-link--user > .avatar::after { content: none !important; display: none !important; } /* Avatar was the left inset — restore balanced chip padding */ html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user, html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user, html body .p-navgroup-link.p-navgroup-link--user { padding-left: 0.55rem !important; gap: 0.35rem !important; } html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member, html body .p-navgroup.p-account.p-navgroup--member { padding-left: 0.22rem !important; } /* ==== g6m-header-nav-bg-unify-v411.css ==== */ /* G6M_HEADER_NAV_BG_UNIFY_V411 Make .p-nav (Accueil / Forum / …) use the exact same fill as .p-header. Source of truth: --g6m-chrome-bar-bg (same value as scroll-perf header bar). Does not touch logo, icons, text, heights, padding, pink borders, or motion. END G6M_HEADER_NAV_BG_UNIFY_V411 */ html { --g6m-header-nav-bg-unify: V411; --g6m-chrome-bar-bg: linear-gradient(180deg, rgba(8, 8, 12, 0.94) 0%, rgba(8, 8, 12, 0.98) 100%); } html#XF body .p-header, html body .p-header { background: var(--g6m-chrome-bar-bg) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html#XF body .p-nav, html body .p-nav, html#XF body .p-navSticky > .p-nav, html body .p-navSticky > .p-nav { background: var(--g6m-chrome-bar-bg) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Keep inners transparent so only the bar shell paints the shared fill */ html#XF body .p-nav-inner, html body .p-nav-inner, html#XF body .p-header-inner, html body .p-header-inner, html#XF body .p-header-content, html body .p-header-content { background: transparent !important; background-color: transparent !important; background-image: none !important; }