/* Bouillon Eats — accueil CLIENT uniquement — contours dorés lumineux V6.
   Photo validée: anneaux lumineux, double cadre partage bleu nuit, traits dorés
   des fiches commerçants avec éclats aux coins. Aucune logique métier modifiée. */
:root{--be-ref-or:#F4C66B;--be-ref-eclat:#FFF1BE;--be-ref-ivory:#F4EFE5;}
/* Anneaux dorés vraiment brillants, même si la palette Admin charge après. */
html body.be10Role-client #beHomeCategories#beHomeCategories .cat .ico,
html body.be10Role-client #beHomeCategories#beHomeCategories .cat.active .ico{
 position:relative!important;box-sizing:border-box!important;
 border:2px solid var(--be-ref-or)!important;border-radius:50%!important;
 outline:none!important;outline-offset:0!important;
 background-color:#071820!important;
 box-shadow:
   inset 0 0 0 1px rgba(255,244,204,.36),
   0 0 0 1px rgba(255,223,152,.32),
   0 0 3px 1px rgba(255,211,121,.56),
   0 0 9px 1px rgba(241,184,72,.28),
   0 0 16px 1px rgba(239,176,65,.10)!important;
}
html body.be10Role-client #beHomeCategories#beHomeCategories .cat.active .ico{
 border-color:#FFE39B!important;
 box-shadow:inset 0 0 0 1px rgba(255,248,219,.56),0 0 0 1px rgba(255,233,173,.60),
 0 0 4px 1px rgba(255,216,120,.65),0 0 10px 2px rgba(246,184,64,.39),
 0 0 18px 2px rgba(248,178,55,.14)!important;
}
/* Vrais petits éclats de lumière directement posés sur les cercles. */
html body.be10Role-client #beHomeCategories#beHomeCategories .cat .ico::after{
 content:''!important;position:absolute!important;inset:-4px!important;
 border-radius:50%!important;pointer-events:none!important;z-index:2!important;
 background:
  radial-gradient(ellipse 15px 3px at 28% 7%,rgba(255,255,246,1),rgba(255,239,171,.9) 37%,transparent 94%),
  radial-gradient(ellipse 12px 3px at 84% 83%,rgba(255,255,236,.99),rgba(255,234,160,.52) 47%,transparent 96%),
  radial-gradient(circle 3px at 29% 6%,rgba(255,255,250,1),transparent 98%)!important;
}
/* Grand cadre + petit cadre : double filet lumineux et FOND BLEU NUIT. */
html body.be10Role-client #shareBanner#shareBanner.shareBanner{
 position:relative!important;box-sizing:border-box!important;
 border:2px solid #F5C869!important;border-radius:17px!important;
 outline:none!important;
 background:linear-gradient(180deg,#0C2430,#071820)!important;
 box-shadow:
  inset 0 0 0 1px rgba(255,244,213,.28),
  0 0 0 1px rgba(255,211,117,.28),
  0 0 3px 1px rgba(255,221,144,.6),
  0 0 11px 2px rgba(245,187,78,.28),
  0 7px 21px rgba(0,0,0,.32)!important;
}
html body.be10Role-client #shareBanner#shareBanner button:not(.danger){
 border:1.5px solid #F9D88B!important;
 border-radius:12px!important;
 background-color:#102634!important;
 background-image:linear-gradient(180deg,#143041,#091D2B)!important;
 color:var(--be-ref-ivory)!important;
 box-shadow:
  inset 0 0 0 1px rgba(255,237,189,.24),
  inset 0 1px 0 rgba(255,249,226,.20),
  0 0 3px rgba(255,221,135,.73),
  0 0 10px rgba(245,189,79,.34)!important;
}
/* Reflets ponctuels, comme les brillances de la photo approuvée. */
html body.be10Role-client #shareBanner#shareBanner.shareBanner::after{
 content:''!important;position:absolute!important;inset:-4px!important;
 border-radius:19px!important;pointer-events:none!important;
 background:
  radial-gradient(ellipse 41px 3px at 28% 2%,rgba(255,255,241,1),rgba(255,244,207,.85) 26%,transparent 96%),
  radial-gradient(ellipse 36px 3px at 73% 98%,rgba(255,255,232,.98),rgba(255,231,156,.65) 32%,transparent 97%),
  radial-gradient(ellipse 3px 24px at 1.5% 75%,rgba(255,249,215,.88),transparent 96%),
  radial-gradient(ellipse 4px 27px at 98% 29%,rgba(255,249,215,.80),transparent 94%)!important;
}
/* Fiches commerçants : contours vrais OR + points scintillants. */
html body.be10Role-client #merchantGrid#merchantGrid .card:not(.be11Slot){
 position:relative!important;box-sizing:border-box!important;
 border:2px solid #F5C86F!important;border-radius:15px!important;
 outline:none!important;
 box-shadow:
  inset 0 0 0 1px rgba(255,241,207,.15),
  0 0 0 1px rgba(242,194,92,.25),
  0 0 4px 1px rgba(250,200,96,.49),
  0 0 11px 1px rgba(231,173,60,.20),
  0 5px 16px rgba(0,0,0,.32)!important;
}
html body.be10Role-client #merchantGrid#merchantGrid .card:not(.be11Slot)::after{
 content:''!important;position:absolute!important;inset:0!important;z-index:3!important;
 border-radius:inherit!important;pointer-events:none!important;
 background:
  radial-gradient(ellipse 30px 3px at 20% 0%,rgba(255,255,243,1),rgba(255,233,167,.75) 35%,transparent 95%),
  radial-gradient(ellipse 3px 36px at 0% 80%,rgba(255,255,225,.92),transparent 95%),
  radial-gradient(ellipse 29px 3px at 82% 100%,rgba(255,254,222,.93),rgba(255,221,126,.35) 55%,transparent 96%),
  radial-gradient(ellipse 3px 25px at 100% 29%,rgba(255,251,210,.8),transparent 96%)!important;
}
html body.be10Role-client #merchantGrid#merchantGrid .card:not(.be11Slot) .pad>button:not(.danger){
 border:2px solid #F4C96D!important;
 box-shadow:inset 0 0 0 1px rgba(255,236,185,.3),0 0 4px rgba(255,216,121,.63),0 0 10px rgba(245,186,74,.28)!important;
}
/* Conserver les slogans ivoire + champagne définis dans la version validée. */
html body.be10Role-client #beHomeHero .beHeroCaption .bePremiumWord[data-tone="ivory"]{color:#F4EFE5!important;}
html body.be10Role-client #beHomeHero .beHeroCaption .bePremiumWord[data-tone="gold"]{color:#E8C77A!important;}