/* ETHNOS R779 — retouches visuelles demandées uniquement.
   - Dégradé anthracite -> bleu ETHNOS plus présent sur les bandeaux hubs.
   - Hub Jouer : surfaces dominantes anthracite + bleu, sans changement de géométrie/logique.
   - Volet Recherche rapide / approfondie : fond anthracite.
   Aucune dimension, grille, position, contenu ou interaction métier n'est modifiée ici. */
:root{
  --r779-charcoal:#1f1f1f;
  --r779-charcoal-soft:#272727;
  --r779-charcoal-raised:#2d2d2d;
  --r779-blue:#0b526d;
  --r779-blue-deep:#08263e;
  --r779-blue-mid:#0d3f57;
  --r779-blue-line:rgba(64,167,196,.48);
  --r779-text:#f7f7f5;
  --r779-muted:#b9c8ce;
  --r779-hero-gradient:linear-gradient(108deg,#1f1f1f 0%,#202326 38%,#0a3448 69%,#0b526d 100%);
}

/* 1) Bandeaux des hubs : même langage que Contact, avec davantage de bleu. */
html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero,
html body .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero,
html body .bodyView-familyDiscovery.r555FamilyHub .bodyViewHeader.r555FamilyHero,
html body .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero,
html body .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero,
html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero > div:first-child,
html body .bodyView-familyDiscovery.r556FamilyHub .bodyViewHeader.r556FamilyHero > div:first-child,
html body .bodyView-familyDiscovery.r555FamilyHub .bodyViewHeader.r555FamilyHero > div:first-child,
html body .bodyView-help.r562HelpHub .bodyViewHeader.r562HelpHero > div:first-child,
html body .bodyView-events.r561EventsHub .bodyViewHeader.r561EventsHero > div:first-child{
  background-color:var(--r779-charcoal) !important;
  background-image:var(--r779-hero-gradient) !important;
}
html body :is(.r554UniverseHeroAside,.r555FamilyHeroAside,.r556FamilyHeroAside,.r561EventsHeroAside,.r562HelpHeroAside),
html body :is(.r554UniversePhotoMosaic,.r555FamilyPhotoMosaic,.r556FamilyPhotoMosaic,.r561EventsPhotoMosaic,.r562HelpPhotoMosaic){
  background-color:var(--r779-blue-deep) !important;
}

/* 2) Jouer : la précédente passe ne recoloriait pas les gros bandeaux R679,
      qui recouvraient visuellement le fond R778. On cible donc les surfaces réellement visibles. */
html body .memberWorkspace.ethnosGamesWorkspaceOpenR679,
html body .ethnosGamesR649,
html body .ethnosGamesR679{
  background-color:var(--r779-charcoal) !important;
  background-image:linear-gradient(155deg,#1f1f1f 0%,#242424 58%,#0a3448 100%) !important;
  color:var(--r779-text) !important;
}
html body .ethnosGamesTopBandR679{
  background-color:var(--r779-charcoal) !important;
  background-image:var(--r779-hero-gradient) !important;
  border-bottom-color:var(--r779-blue-line) !important;
}
html body .ethnosGamesVisualBandR679.isFriends,
html body .ethnosGamesVisualBandR679.isGameOver{
  background-color:var(--r779-charcoal) !important;
  background-image:linear-gradient(112deg,#202020 0%,#252525 58%,#0a3448 100%) !important;
  border-color:var(--r779-blue-line) !important;
}
html body .ethnosGamesFriendsContentR679,
html body .ethnosGamesSoloContentR679,
html body .ethnosGamesBandCopyR679{
  color:var(--r779-text) !important;
}
html body .ethnosGamesGameGridR679 > *,
html body .ethnosSoloGameGridR679 > *,
html body .ethnosGameActionCardR679,
html body .ethnosSoloGameCardR679,
html body .ethnosGamesStatusR649,
html body .ethnosGamesStatusR679{
  background-color:var(--r779-charcoal-soft) !important;
  border-color:var(--r779-blue-line) !important;
}
html body .ethnosGameActionCardR679{
  background-image:linear-gradient(135deg,#2b2b2b 0%,#252525 72%,#0b3f55 100%) !important;
}
html body .ethnosGamesUtilityR679 button,
html body .ethnosGamesTabsR649 button{
  background-color:var(--r779-charcoal-raised) !important;
  color:#e7f0f3 !important;
  border-color:var(--r779-blue-line) !important;
}
html body .ethnosGamesUtilityR679 button:hover,
html body .ethnosGamesUtilityR679 button.isActive,
html body .ethnosGamesTabsR649 button.isActive{
  background-color:var(--r779-blue) !important;
  color:#fff !important;
  border-color:var(--r779-blue) !important;
}

/* 3) Recherche rapide / approfondie : le beige devient anthracite,
      les visuels des continents et l'orange des actions sont conservés. */
html body.isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel,
html body.isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel > .memberExplorerHead,
html body.isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel > .memberExplorerBody,
html body.ethnosSalonR573Active .memberExplorerPanel.r329HomeTchatOpen,
html body.ethnosSalonR573Active .memberExplorerPanel.r329HomeTchatOpen > .memberExplorerHead,
html body.ethnosSalonR573Active .memberExplorerPanel.r329HomeTchatOpen > .memberExplorerBody{
  background-color:var(--r779-charcoal) !important;
  background-image:none !important;
  color:var(--r779-text) !important;
}
html body.isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel :is(.memberExplorerHead h2,.salonExplorerLabel,.salonQuickSearch label > span,.salonDeepSearchTagline),
html body.ethnosSalonR573Active .memberExplorerPanel.r329HomeTchatOpen :is(.memberExplorerHead h2,.salonExplorerLabel,.salonQuickSearch label > span,.salonDeepSearchTagline){
  color:var(--r779-text) !important;
  text-shadow:none !important;
}
html body :is(
  .memberExplorerPanel.r329HomeTchatOpen,
  .isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel
) .salonQuickSearch :is(input,select,.realFlagSelectButton){
  background-color:var(--r779-charcoal-raised) !important;
  color:var(--r779-text) !important;
  border-color:var(--r779-blue-line) !important;
}
html body :is(
  .memberExplorerPanel.r329HomeTchatOpen,
  .isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel
) .salonQuickSearch input::placeholder{
  color:#8fa2aa !important;
}
html body :is(
  .memberExplorerPanel.r329HomeTchatOpen,
  .isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel
) .salonQuickSearch,
html body :is(
  .memberExplorerPanel.r329HomeTchatOpen,
  .isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel
) .salonExplorerSection{
  border-color:rgba(64,167,196,.25) !important;
}

/* Variante hors salon actif : mêmes champs anthracite. */
html body.isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel .salonQuickSearch :is(input,select,.realFlagSelectButton),
html body.ethnosSalonR573Active .memberExplorerPanel.r329HomeTchatOpen .salonQuickSearch :is(input,select,.realFlagSelectButton){
  background-color:var(--r779-charcoal-raised) !important;
  color:var(--r779-text) !important;
  border-color:var(--r779-blue-line) !important;
}
html body.isTchatDrawerOpen:not(.ethnosSalonR573Active) .memberExplorerPanel .salonQuickSearch input::placeholder,
html body.ethnosSalonR573Active .memberExplorerPanel.r329HomeTchatOpen .salonQuickSearch input::placeholder{
  color:#8fa2aa !important;
}