/* Bouillon Eats client — FINITION PREMIUM confirmée sur la maquette du 15 octobre.
   Pure présentation : ne modifie ni commandes, ni panier, ni statuts, ni Supabase.
   Ajouté APRÈS les styles personnalisables pour assurer les contours validés. */
:root { --be-premium-gold: #D5AC58; --be-premium-glow: #E8C77A; --be-premium-ivory:#F4EFE5; }
/* Conserver le château : uniquement les LETTRES des slogans bicolores. */
body.be10Role-client #beHomeHero .beHeroCaption { color:#F4EFE5!important; text-shadow:0 2px 4px rgba(0,0,0,.94),0 4px 9px rgba(0,0,0,.72)!important; }
#beHomeHero .beHeroCaption .bePremiumWord[data-tone="gold"]{color:#E8C77A!important}
#beHomeHero .beHeroCaption .bePremiumWord[data-tone="ivory"]{color:#F4EFE5!important}
/* Fins anneaux dorés lumineux des catégories. */
body.be10Role-client #beHomeCategories .cat .ico {
 border:2px solid #D5AC58!important;border-radius:50%!important;
 background-color:#071820!important;
 box-shadow:inset 0 0 0 1px rgba(244,239,229,.07),0 0 8px rgba(213,172,88,.22)!important;
}
body.be10Role-client #beHomeCategories .cat.active .ico {
 border:2px solid #E8C77A!important;
 box-shadow:0 0 0 1px rgba(232,199,122,.55),0 0 16px rgba(232,199,122,.26)!important;
}
/* Double contour : extérieur doré + intérieur doré sur fond BLEU NUIT, pas gris. */
body.be10Role-client #shareBanner.shareBanner{
 box-sizing:border-box!important;margin:14px 18px 8px!important;
 padding:8px 10px!important;border:2px solid #D5AC58!important;
 border-radius:16px!important;background:linear-gradient(180deg,#0B2130,#071820)!important;
 box-shadow:0 0 0 1px rgba(232,199,122,.14),0 5px 19px rgba(0,0,0,.23),0 0 11px rgba(232,199,122,.20)!important;
}
body.be10Role-client #shareBanner.shareBanner button:not(.danger){
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 min-height:57px!important;margin:0!important;padding:10px clamp(12px,4vw,26px)!important;
 border:1.5px solid #E8C77A!important;border-radius:12px!important;
 background:linear-gradient(180deg,#223848,#102634)!important;
 color:#F4EFE5!important;font-weight:800!important;
 font-size:clamp(11px,3.4vw,17px)!important;letter-spacing:.015em!important;
 text-align:center!important;white-space:nowrap!important;
 box-shadow:inset 0 0 0 1px rgba(232,199,122,.13),0 0 9px rgba(232,199,122,.21)!important;
}
body.be10Role-client #shareBanner button::before,
body.be10Role-client #shareBanner button::after{
 content:'';display:inline-block;width:23px;height:23px;flex:0 0 23px;
 background-repeat:no-repeat;background-size:contain;background-position:center;
}
body.be10Role-client #shareBanner button::before{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8C77A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='m8.3 10.8 7.4-4.4M8.3 13.2l7.4 4.4'/%3E%3C/svg%3E")!important;
}
body.be10Role-client #shareBanner button::after{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8C77A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4 20-7ZM22 2 11 13'/%3E%3C/svg%3E")!important;
}
/* Cadres dorés fins et éclairés des deux cartes commerçants, mêmes photos et contenus. */
body.be10Role-client #merchantGrid .card:not(.be11Slot){
 border:2px solid #D5AC58!important;border-radius:14px!important;
 box-shadow:0 0 0 1px rgba(213,172,88,.13),0 0 10px rgba(213,172,88,.17)!important;
 overflow:hidden;
}
body.be10Role-client #beHomeFeaturedTitle{color:#F4EFE5!important}
body.be10Role-client .bottom{border-top:1px solid #D5AC58!important}
@media(max-width:375px){body.be10Role-client #shareBanner.shareBanner button:not(.danger){font-size:11px!important;gap:7px!important}body.be10Role-client #shareBanner button::before,body.be10Role-client #shareBanner button::after{width:19px;height:19px;flex-basis:19px}}

/* Trait doré discret sous « Nos commerces à la une », comme dans la maquette approuvée. */
body.be10Role-client #beHomeFeaturedTitle::after{
 content:'◆';display:block;text-align:center;margin:7px auto 3px;
 width:68%;font-size:13px;line-height:16px;letter-spacing:0;
 color:#E8C77A;background:linear-gradient(90deg,transparent 0%,#D5AC58 18%,#E8C77A 45%,transparent 45%,transparent 55%,#E8C77A 55%,#D5AC58 82%,transparent 100%) center / 100% 1px no-repeat;
}