/* NightCode V5.1 — fond public unifie (version 2026-10-08)
   Couche chargee apres le design V5. Elle ne touche pas aux composants,
   aux largeurs, au header/footer, aux cartes ou a la logique PHP.
   Source visuelle : ancien fond partage #nc-global-background-v1 de site-chrome.php.
*/

/* Couleur de repli du navigateur avant chargement de la page. */
html {
  background-color:#07090b!important;
}

/* Un seul fond de page pour les pages publiques, y compris les classes V5/V6
   dont les anciens CSS remplacaient le degrade par un aplat #050509. */
html body,
html body.catalog-page,
html body.nc-account-body,
html body.nc-account-sent-v5,
html body.nc-product-v6,
html body.nc-auth-page,
html body.nc-doc-product-body,
html body.nc-doc-v5,
html body.nc-install-v5,
html body.nc-seo-landing-body {
  background-color:#07090b!important;
  background-image:
    radial-gradient(circle at 88% 0%,rgba(239,35,60,.055) 0%,transparent 28%),
    radial-gradient(circle at 6% 100%,rgba(239,35,60,.028) 0%,transparent 24%),
    linear-gradient(180deg,#07090b 0%,#07090b 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,100% 100%,100% 100%!important;
  background-attachment:fixed!important;
}

/* Les fonds des grands conteneurs publics laissent apparaitre le canevas
   unique. Les cartes, bandeaux, champs, popups, medias et sections hero
   conservent leurs styles propres. Aucune regle de largeur n'est modifiee. */
html body :is(
  .nc-legal,
  .page-nc,
  .reviews-page,
  .blogPage,
  .articlePage,
  .cartPage,
  .tbxPage,
  .nc-scripts-page,
  .fiche-produit,
  .nc6-product,
  .docportal,
  .nc-doc-main,
  .nc-install-wrap,
  .dp,
  .nc-seo-landing,
  .nc-auth-main,
  .nc-login-fallback,
  .nc-account-main
) {
  background-color:transparent!important;
  background-image:none!important;
}

/* L'ancien espace compte force une couleur via un selecteur plus specifique. */
html body.nc-account-sent-v5 .nc-account-main,
html body.nc-account-body .nc-account-main,
html body.nc-product-v6 .nc6-product {
  background-color:transparent!important;
  background-image:none!important;
}


/* ===============================================================
  NIGHTCODE STUDIO / V11.58 PURE BLACK / 22 OCT 2026
  Visual colors only. JS Lua canvas, actions, layout and PHP intact.
  Loaded by existing site links. Diagnostic: --nc-black-version.
  =============================================================== */
:root {
 --nc-black-version:1158;
 --bg:#000000;
 --c1:#0b0b0d;
 --c2:#121214;
 --ncu-bg:#000000;
 --ncu-panel:#101012;
 --nc5-bg:#000000;
 --nc5-s1:#0c0c0e;
 --nc5-s2:#121214;
 --nc5-s3:#161619;
 --nc-shop-bg:#000000;
 --nc-shop-surface:#101013;
 --fond:#000000;
 --fond-clair:#0e0e11;
 --carte:#101013;
 --ln:rgba(255,255,255,.105);
 --ncu-stroke:rgba(255,255,255,.10);
}
html,
html body,
html body.catalog-page,
html body.nc-account-body,
html body.nc-account-sent-v5,
html body.nc-product-v6,
html body.nc-auth-v4,
html body.nc-auth-page,
html body.nc-doc-product-body,
html body.nc-doc-v5,
html body.nc-legal-page,
html body.nc-install-v5,
html body.nc-seo-landing-body,
html body.nc-cart-v4 {
 background:#000000!important;
 background-color:#000000!important;
 background-image:none!important;
}
/* The actual canvas and code editor stay visible and continue animating. */
html body .nc-hero-code,
html body .hero.nc-hero-code,
html body .nc-home-custom,
html body .nc-hero-v9 {
 background:#000000!important;
 background-color:#000000!important;
 background-image:none!important;
}
html body .nc-hero-code .nc-code-shade {
 background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.48) 42%,rgba(0,0,0,.10) 78%),
 linear-gradient(180deg,rgba(0,0,0,.015),rgba(0,0,0,.18) 67%,#000 100%)!important;
}
html body .nc-hero-code::after {
 background:linear-gradient(180deg,transparent 0%,transparent 75%,#000 100%)!important;
}
html body :is(#app, .s, .pg, .tc, .pd, .page-nc,
 .nc-page, .nc-scripts-page, .nc-cat-wrap, .nc-catalogue-v4,
 .nc6-product, .fiche-produit, .nc-product-page,
 .nc-doc-main, .nc-doc-v5 .docportal, .docportal,
 .nc-legal, .nc-install-wrap, .nc-auth-main,
 .nc-account-main, .reviews-page, .cartPage,
 .blogPage, .articlePage, .nc-seo-landing, .dp,
 .nc-doc-product-body .dp, main.nc-account-main) {
 background-color:transparent!important;
 background-image:none!important;
}
/* Header floats above black, remains distinguishable. */
html body header.nc-header,
html body #ncGlobalHeader,
html body .entete.nc-shared-header,
html body .nc-header-inner {
 background-color:rgba(8,8,10,.96)!important;
 background-image:none!important;
 border-color:rgba(255,255,255,.13)!important;
}
/* Bottom keyword strip + shared footer. */
html body :is(.mq,.nc-keywords,.nc-keywords-bar,.nc-keywords-strip,
 .nc-home-keywords,.nc-site-footer,.nc-footer-v4,footer.nc-site-footer) {
 background:#000!important;
 background-image:none!important;
}
html body :is(.nc-footer-assistance,.nc-footer-help,.nc-footer-help-panel) {
 background:#101012!important;
 background-image:none!important;
}
/* Cards and content still subtly raised above the pure-black canvas. */
html body :is(.pc,.bx,.pt,.review,.review-card,.page-card,
 .doc-card,.docportal-card,.nc-doc-card,.nc-doc-section,
 .nc-install-card,.nc-install-panel,.nc-legal-card,.legal-card,
 .nc6-buy,.nc6-product-info,.nc6-details,.nc6-card,
 .nc-cat-card,.nc-catalogue-maquette .nc-catalogue-card,
 .nc-catalogue-maquette .pc,
 .nc-account-panel,.nc-account-card,.nc-account-sent-panel,
 .settings-card,.ticket-create,.invoice-panel,.account-panel,
 .cartItem,.cartSummary,.emptyCart,.couponBlock,.cfxBlock,
 .featured,.postGrid article,.articleContent,.review-form) {
 background-color:#101012!important;
 background-image:none!important;
 border-color:rgba(255,255,255,.105)!important;
}
html body :is(.nc-account-redesign .nc-favorites-card,
 .nc-catalogue-v4 .nc-cat-card,.nc-catalogue-maquette .pc) {
 background-color:#111113!important;
 background-image:none!important;
 border-color:rgba(255,255,255,.12)!important;
}
/* Inputs and secondary controls have readable, deep charcoal surfaces. */
html body :is(.nc-account-redesign,.nc-auth-v4,.nc-auth-page,
 .nc-cart-v4,.nc-doc-v5,.nc-catalogue-v4) :where(input:not([type=checkbox]):not([type=radio]),select,textarea) {
 background-color:#0c0c0e!important;
 border-color:rgba(255,255,255,.17)!important;
}
/* Critical: do not restyle media blocks, purchase buttons, status chips,
   the Lua code canvas, or the framework logos. */
@media (max-width:680px) {
 html body .nc-hero-code .nc-code-shade {
  background:linear-gradient(90deg,rgba(0,0,0,.79),rgba(0,0,0,.50)),
   linear-gradient(180deg,transparent 0%,#000 100%)!important;
 }
}

/* ============================================================================
   NIGHTCODE STUDIO — V11.59 / NOIR PUR UNIFORME / choix utilisateur N°1
   Charge APRES V11.58. Aucun changement du JavaScript / Canvas / logique PHP.
   Objectif : fond de page ET sections/cartes #000000, contours discrets.
   Diagnostic : --nc-black-version:1159.
   ============================================================================ */
:root{
  --nc-black-version:1159;
  --bg:#000000;
  --c1:#000000;
  --c2:#080808;
  --ncu-bg:#000000;
  --ncu-panel:#000000;
  --nc5-bg:#000000;
  --nc5-s1:#000000;
  --nc5-s2:#000000;
  --nc5-s3:#000000;
  --nc-shop-bg:#000000;
  --nc-shop-surface:#000000;
  --fond:#000000;
  --fond-clair:#000000;
  --carte:#000000;
  --ln:rgba(255,255,255,.13);
  --ncu-stroke:rgba(255,255,255,.13);
  --nc-black-border:rgba(255,255,255,.13);
}
/* Aplats noirs sur toutes les grandes surfaces, sans cadre gris. */
html, html body,
html body.catalog-page, html body.nc-catalogue-maquette,
html body.nc-account-body, html body.nc-account-sent-v5,
html body.nc-product-v6, html body.nc-doc-v5,
html body.nc-legal-page, html body.nc-install-v5,
html body.nc-auth-v4, html body.nc-auth-page,
html body.nc-cart-v4, html body.nc-seo-landing-body{
  background:#000000!important;
  background-image:none!important;
}
html body :is(main, #app, .page-nc,.pg,.s,.nc-home-custom,
  #nc-savoirfaire,.nc-sf-section,.nc-reviews-section,
  .nc-review-carousel,.nc-cat-wrap,.nc-cat-seo,.nc-cat-guide,
  .nc-cat-guide-grid,.nc-catalogue-v4,.nc-scripts-page,
  .nc-product-page,.nc6-product,.fiche-produit,
  .nc-doc-main,.docportal,.nc-doc-v5,.nc-legal,.legal,
  .nc-install-wrap,.nc-auth-main,.nc-account-main,
  .nc-account-redesign,.nc-cart-v4,.cartPage,
  .blogPage,.articlePage,.nc-seo-landing,.nc-home-keywords,
  .nc-site-footer,.nc-footer-v4,.nc-footer-main,.nc-footer-bottom,
  .nc-kw-strip,.nc-keywords,.nc-keywords-bar,.nc-keywords-strip,
  .nc-reviews-container,.nc-reviews-window,.reviews-page,
  .nc-sf-wrapper,.nc-sf-copy,.nc-sf-media,.nc-sf-automotive){
  background-color:#000000!important;
  background-image:none!important;
}
/* La composition de code ANIMÉ du bandeau d'accueil demeure intacte. */
html body .nc-hero-code,
html body .nc-hero-v9,
html body .hero.nc-hero-code{
  background-color:#000000!important;
  background-image:none!important;
}
/* Bandeau défilant : supprimer également les caches gris sur ses côtés. */
html body :is(.nc-keywords,.nc-keywords-bar,.nc-home-keywords){
  background:#000000!important;
}
html body .nc-keywords::before{background:linear-gradient(90deg,#000 0%,transparent 100%)!important}
html body .nc-keywords::after{background:linear-gradient(270deg,#000 0%,transparent 100%)!important}
/* Menu flottant et pied de page : même aplat noir, bordure très fine. */
html body :is(header.nc-header, #ncGlobalHeader,.entete.nc-shared-header,
  .nc-header-inner,.nc-gh-inner, footer.nc-site-footer,.nc-site-footer){
  background:#000000!important;
  background-image:none!important;
  border-color:var(--nc-black-border)!important;
}
/* Cartes et boîtes : intégrées au fond, seul un trait signale leurs limites. */
html body :is(.pc,.bx,.pt,.review,.review-card,.nc-review-slide,
  .page-card,.page-grid>.page-card,.doc-card,.docportal-card,
  .nc-doc-card,.nc-doc-section,.nc-doc-panel,.nc-install-card,
  .nc-install-panel,.nc-legal-card,.legal-card,.nc6-buy,
  .nc6-product-info,.nc6-details,.nc6-card,.nc-cat-card,
  .nc-catalogue-card,.nc-favorites-card,.nc-account-panel,
  .nc-account-card,.nc-account-sent-panel,.settings-card,
  .ticket-create,.invoice-panel,.account-panel,.cartItem,
  .cartSummary,.emptyCart,.couponBlock,.cfxBlock,.featured,
  .postGrid article,.articleContent,.review-form,.nc-footer-assistance,
  .nc-footer-help,.nc-footer-help-panel,.nc-review-content){
  background-color:#000000!important;
  background-image:none!important;
  border-color:var(--nc-black-border)!important;
  box-shadow:none!important;
}
/* Réglages spécifiques à forte priorité existants dans le catalogue actuel. */
html body.nc-catalogue-maquette .nc-cat-card,
html body.nc-catalogue-v4 .nc-cat-card,
html body .nc-catalog-page .pc,
html body .nc-catalogue-maquette .pc,
html body .nc-account-redesign .nc-favorites-card{
  background:#000000!important;
  border:1px solid var(--nc-black-border)!important;
  box-shadow:none!important;
}
html body.nc-catalogue-maquette .nc-cat-guide-grid article,
html body .nc-cat-guide-grid article,
html body .nc-doc-card,
html body .nc-review-slide{
  background:#000000!important;
  background-image:none!important;
  border-color:var(--nc-black-border)!important;
  box-shadow:none!important;
}
/* Le bloc gris « Savoir-faire » n'est pas une carte de second niveau. */
html body #nc-savoirfaire .nc-sf-feature,
html body #nc-savoirfaire .nc-sf-visual,
html body #nc-savoirfaire .nc-sf-thumb,
html body #nc-savoirfaire .nc-sf-thumb.is-active,
html body #nc-savoirfaire .nc-sf-qualities span,
html body #nc-savoirfaire .nc-sf-auto-links a{
  background:#000000!important;
  background-image:none!important;
  border-color:var(--nc-black-border)!important;
  box-shadow:none!important;
}
html body #nc-savoirfaire .nc-sf-thumb.is-active{
  border-color:rgba(229,48,58,.7)!important;
}
/* Garder les images et visuels lisibles, sans peindre par-dessus. */
html body :is(.nc-cat-cover,.nc6-cover,.pi2,.nc-favorites-cover){
  background-color:#000000!important;
  background-image:none!important;
}
/* Petites commandes gris moyen qui créaient des tâches dans les blocs. */
html body :is(.nc-review-nav,.nc-sf-image-link,
  .nc-cat-add-info,.nc-cat-detail,.nc-fav-btn:not(.is-favorite)){
  background-color:#000000!important;
  background-image:none!important;
  border-color:var(--nc-black-border)!important;
}
html body .nc-cat-card:hover,
html body.nc-catalogue-maquette .nc-cat-card:hover,
html body #nc-savoirfaire .nc-sf-thumb:hover{
  border-color:rgba(238,72,86,.55)!important;
}
/* Exceptions lisibles : fenêtres, menu de recherche, champs et saisie. */
html body :is(.nc-login-dialog,.nc-login-modal .nc-login-dialog,
  .nc-promo-card,.nc-chrome-search-popover,.nc-live-search-panel,
  .nc-cart-drawer,.nc-cart-modal,.nc-auth-modal,[role="dialog"].nc-modal){
  background:#0b0b0c!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.16)!important;
}
html body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  background-color:#080809;
  border-color:rgba(255,255,255,.16);
}
/* Les boutons rouges, prix, images, menus fonctionnels, icônes et logos
   conservent leurs couleurs et comportements. */