/* BOUILLON EATS — Client — contours APPROUVÉS : trait fin, reflets nets.
   Couleurs / dimensions des contenus / données marchands inchangées.
   Ce fichier est délibérément chargé en dernier APRES les règles de l'Admin.
   Les micro-éclats restent fixes, sans animation ni surcharge GPU. */
:root {
 --be-or-reflet:#E5BD61;
 --be-or-clair:#FBE3A4;
 --be-nuit-fonce:#071820;
}
/* 1 — Les catégories : UN anneau fin. Reflets ponctuels, pas halo jaune épais. */
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:1.6px solid var(--be-or-reflet) !important;
 border-radius:50% !important;
 outline:0 !important;
 outline-offset:0 !important;
 background-color:var(--be-nuit-fonce) !important;
 box-shadow:inset 0 0 0 1px rgba(255,242,202,.12), 0 0 0 1px rgba(244,212,139,.15), 0 0 5px rgba(240,194,99,.26) !important;
}
html body.be10Role-client #beHomeCategories#beHomeCategories .cat.active .ico {
 border-color:var(--be-or-clair) !important;
 box-shadow:inset 0 0 0 1px rgba(255,239,185,.20),0 0 0 1px rgba(247,218,160,.22),0 0 7px rgba(240,194,99,.33) !important;
}
/* Les minuscules scintillements sont dessinés à la jonction du contour. */
html body.be10Role-client #beHomeCategories#beHomeCategories .cat .ico::after {
 content:'' !important;
 position:absolute !important;
 inset:-3px !important;
 border-radius:50% !important;
 pointer-events:none !important;
 background:
  radial-gradient(ellipse 15px 2px at 34% 3%,rgba(255,252,231,.98),rgba(255,245,197,.72) 37%,transparent 90%),
  radial-gradient(ellipse 10px 2px at 76% 95%,rgba(255,252,221,.89),transparent 85%),
  radial-gradient(circle 2.5px at 32% 3%,rgba(255,255,244,.96),transparent 98%) !important;
}
/* 2 — Le double cadre de PARTAGER : deux lignes fines, bleu nuit, éclats en surface. */
html body.be10Role-client #shareBanner#shareBanner.shareBanner {
 position:relative !important;
 box-sizing:border-box !important;
 padding:9px 10px !important;
 border:1.6px solid var(--be-or-reflet) !important;
 border-radius:17px !important;
 background:linear-gradient(180deg,#071a24,#071820) !important;
 outline:none !important;
 box-shadow:0 0 0 1px rgba(255,235,177,.18),0 5px 14px rgba(0,0,0,.26),0 0 8px rgba(240,196,97,.22) !important;
}
html body.be10Role-client #shareBanner#shareBanner button:not(.danger) {
 background:#0b2230 !important;
 background-color:#0b2230 !important;
 background-image:linear-gradient(180deg,#102938,#091d2a) !important;
 border:1.4px solid var(--be-or-clair) !important;
 border-radius:12px !important;
 color:#F4EFE5 !important;
 box-shadow:inset 0 1px 0 rgba(255,240,199,.12),0 0 3px rgba(250,209,115,.18) !important;
}
/* Reflets fins et nets sur les lignes du cadre externe. Aucune interaction interceptée. */
html body.be10Role-client #shareBanner#shareBanner.shareBanner::after {
 content:'' !important;
 position:absolute !important;
 inset:-3px !important;
 border-radius:19px !important;
 pointer-events:none !important;
 background:
  radial-gradient(ellipse 37px 2px at 33% 4%,rgba(255,254,232,.96),rgba(255,229,167,.60) 34%,transparent 95%),
  radial-gradient(ellipse 32px 2px at 71% 98%,rgba(255,254,221,.88),rgba(255,231,163,.42) 35%,transparent 95%),
  radial-gradient(ellipse 3px 19px at 2% 70%,rgba(255,245,212,.70),transparent 91%) !important;
}
/* 3 — Fiches commerçants : liseré or avec quelques points lumineux ciblés. */
html body.be10Role-client #merchantGrid#merchantGrid .card:not(.be11Slot){
 border:1.5px solid var(--be-or-reflet) !important;
 border-radius:14px !important;
 outline:none !important;
 box-shadow:inset 0 0 0 1px rgba(255,239,199,.08), 0 4px 14px rgba(0,0,0,.25), 0 0 6px rgba(241,198,98,.24) !important;
}
html body.be10Role-client #merchantGrid#merchantGrid .card:not(.be11Slot)::after{
 content:'' !important;
 position:absolute !important;
 inset:0 !important;
 z-index:3 !important;
 pointer-events:none !important;
 border-radius:inherit !important;
 background:
  radial-gradient(ellipse 26px 2px at 18% 0%,rgba(255,255,231,.94),rgba(255,236,181,.45) 38%,transparent 94%),
  radial-gradient(ellipse 2px 25px at 0% 77%,rgba(255,251,215,.93),transparent 91%),
  radial-gradient(ellipse 22px 2px at 80% 100%,rgba(255,248,203,.85),transparent 94%) !important;
}
html body.be10Role-client #merchantGrid#merchantGrid .card:not(.be11Slot) .pad>button:not(.danger){
 border-color:var(--be-or-reflet) !important;
 box-shadow:0 0 4px rgba(240,194,99,.17) !important;
}