/* V10 — commandes plus précises ; couleurs des statuts et paiements protégées */
body.be10HasShareButton.be10Role-client .shareBanner button:not(.danger){background:var(--be10-share-button)!important;color:var(--be10-share-button-text,#10151b)!important}
body.be10HasMenuButton.be10Role-client #merchantGrid .card .pad>button:not(.danger){background:var(--be10-menu-button)!important;color:var(--be10-menu-button-text,#10151b)!important}
body.be10HasBorderCards.be10Role-client #merchantGrid .card,
body.be10HasBorderCards:not(.be10Role-client) .card:not(.merchantStatus):not(.danger),
body.be10HasBorderCards:not(.be10Role-client) .kpiCard,
body.be10HasBorderCards:not(.be10Role-client) .mKpi,
body.be10HasBorderCards:not(.be10Role-client) .dashcard,
body.be10HasBorderCards:not(.be10Role-client) .stat{border-color:var(--be10-border-cards)!important}
body.be10HasBorderCategories.be10Role-client .cats .cat .ico,
body.be10HasBorderCategories.be10Role-client #beHomeCategories .cat .ico{border-color:var(--be10-border-categories)!important}
body.be10HasBorderShare.be10Role-client .shareBanner{border-color:var(--be10-border-share)!important}
body.be10HasBorderButtons .be9Back,
body.be10HasBorderButtons .be9Cancel,
body.be10HasBorderButtons .be9Secondary,
body.be10HasBorderButtons .be9Primary:not(.danger),
body.be10HasBorderButtons .back{border:2px solid var(--be10-border-buttons)!important}
body.be10HasBorderView.be10Role-client #merchantGrid .card .pad>button:not(.danger){border:2px solid var(--be10-border-view)!important}
body.be10HasIconBg.be10Role-client #beHomeCategories .cat.active .ico{background:var(--be10-icon-bg)!important}
body.be10Role-client #beHomeCategories .cat .ico{opacity:1!important;visibility:visible!important}
/* V10 ne change jamais les pastilles vert/rouge « Ouvert/Fermé » */

body.be10HasBorderHearts.be10Role-client #merchantGrid .favbtn{border-color:var(--be10-border-hearts)!important}
body.be10HasBorderLocation.be10Role-client #beLocationBadge{box-shadow:0 0 0 3px var(--be10-border-location)!important}

/* V10.1 : contraste constant de la catégorie active et anneau réellement recolorable.
   La règle globale be9HasIcons colorait le symbole de Tous comme son fond. */
body.be10Role-client #beHomeCategories .cat.active .ico {
 color: var(--be10-active-icon-text,#10151b)!important;
 outline:2px solid var(--be10-border-categories,#f4bd2d)!important;
 outline-offset:2px!important;
}


/* V10.2 — Option 1 validée : toutes les catégories gardent un fond sombre.
   La sélection utilise uniquement un contour renforcé, recolorable dans l’Admin.
   Neutralise également les anciens fonds jaunes et le double anneau V10.1. */
body.be10Role-client #beHomeCategories .cat .ico,
#beHomeCategories .cat .ico {
  background: #071820 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  border-width: 2px !important;
}
body.be10HasIconBg.be10Role-client #beHomeCategories .cat.active .ico,
body.be10Role-client #beHomeCategories .cat.active .ico,
#beHomeCategories .cat.active .ico {
  background: #071820 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  border-width: 4px !important;
  color: var(--be9-icons, #F6BE2C) !important;
}
/* Le texte des symboles reste lisible, même sur un téléphone étroit. */
#beHomeCategories .cat.active .ico:not(:has(img)) {
  text-shadow: none;
}

/* V10.6 — bouton Partager indépendant des boutons Voir la carte.
   L'ancien champ primary_color ne doit plus pouvoir écraser ce réglage.
   Les valeurs V10 ignorées auparavant ne changent pas le bouton avant
   qu'une couleur soit explicitement publiée depuis l'éditeur V10.6. */
body.be10Role-client #shareBanner.shareBanner button:not(.danger),
body.be10Role-client.be9HasPrimary #shareBanner.shareBanner button.be9Primary:not(.danger),
body.be10Role-client.be11ShareExplicit #shareBanner.shareBanner button:not(.danger){
  background:var(--be11-share-color,#F6BE2C)!important;
  color:var(--be11-share-text,#10151b)!important;
  background-image:none!important;
}
/* Couleur des symboles de favoris séparée du contour du rond. */
body.be10Role-client.be9HasHearts #merchantGrid .favbtn{
  color:var(--be9-hearts,#E53935)!important;
}

/* V10.7 — additional independent decorative borders (never change payment/status semantic colors) */
body.be10HasBorderHeader .appbar,body.be10HasBorderHeader .beBrandBar,body.be10HasBorderHeader .topbar,body.be10HasBorderHeader header:not(.merchantStatus){border-bottom:2px solid var(--be10-border-header)!important}
body.be10HasBorderNav .bottom,body.be10HasBorderNav .bottomNav{border-top:3px solid var(--be10-border-nav)!important}
body.be10HasBorderInputs input:not([type=checkbox]):not([type=radio]):not([type=color]),body.be10HasBorderInputs textarea,body.be10HasBorderInputs select{border-color:var(--be10-border-inputs)!important}
body.be10HasBorderPanels .modal .box,body.be10HasBorderPanels .modal-content,body.be10HasBorderPanels .sheet,body.be10HasBorderPanels .adminDrawer,body.be10HasBorderPanels .drawer,body.be10HasBorderPanels .panel{border-color:var(--be10-border-panels)!important}
body.be10HasBorderStats .kpiCard,body.be10HasBorderStats .mKpi,body.be10HasBorderStats .dashcard,body.be10HasBorderStats .stat{border:2px solid var(--be10-border-stats)!important}
body.be10HasBorderSections section:not(.merchantStatus),body.be10HasBorderSections .seoLocal,body.be10HasBorderSections .beUiSection{border-color:var(--be10-border-sections)!important}

/* Le bouton Partager possède UNE couleur de fond, indépendante de son cadre et des cartes. */
body.be10Role-client.be11ShareExplicit #shareBanner button {background-color:var(--be11-share-color)!important;background-image:none!important;color:var(--be11-share-text)!important}
/* Les cœurs réagissent à leur couleur sélectionnée, y compris si la fiche se redessine. */
body.be10Role-client #merchantGrid .favbtn{color:var(--be-heart,#E53935)!important}
