/* Angles du site (Theo, 28/09 : « retirer ces petits radius qu'il reste pour être vraiment plus aligné sur la DA géométrique cellules grid »,
   puis le 29/09 : « pousse la version droit coin signature partout sur le site »).
   Chargé sur toutes les pages du site (home, pages projet, contact, mentions, confidentialité, 404), data-angles="droits" posé sur <html>.
   Sur la home, Cmd+G compare encore les trois : clé angles= dans l'adresse, rien = droits, actuels = les anciens arrondis, zero = tout droit.
   droits : les petits arrondis (3, 4 et 6 px) et les pastilles en pilule passent à l'angle droit ; l'angle signature des pièces reste (24 px sur les boutons
            et les flèches des chantiers, 16 sur la flèche des projets de la home et le lien profil des témoignages, 12 sur la flèche des projets des pages projet
            et les flèches des témoignages, 9 sur l'étiquette des portraits), il change toujours de coin au survol.
   zero   : tout à l'angle droit, angles signature compris ; les puces rondes des sous-services deviennent carrées, le cadre des pages dans les scènes aussi.
   Hors champ : les interfaces dessinées dans les scènes (éditeur, Figma, CMS, fenêtre des process) gardent leurs arrondis, ce sont des captures d'outils, pas la grille du site.
   Les !important passent devant les règles des variantes (html[data-…]) et des styles propres à chaque page sans en recopier les sélecteurs. */

/* ---- Les deux niveaux : cartes, visuels, vidéos, captures, portraits, badges, pastilles, tableaux, case à cocher */
html:is([data-angles="droits"], [data-angles="zero"]) :is(
  .carte-projet, .projet .visuel, .visuel-video video, .carte-projet .secteur, .carte-projet .badge,
  .services .carte .visuel, .services .livrables li, .services .depli i,
  .scene, .portrait, .linkedin, .pied .badge, .fin .badge, .apropos .membre .photo,
  .fiche .f-pastille, .reel video, .reel img, figure.capture .img,
  .tableau, .a-completer, .cases .consent input
) { border-radius: 0 !important; }

/* ---- droits : l'angle signature seul, les trois autres à 0 */
html[data-angles="droits"] .b { border-radius: 0 !important; }
html[data-angles="droits"][data-bt-forme="coin"] .b { border-radius: 0 0 24px 0 !important; }
html[data-angles="droits"][data-bt-forme="coin"][data-bt-anim="coin"] .b:is(:hover, .hover) { border-radius: 24px 0 0 0 !important; }
/* Le bouton d'envoi du contact remplit sa cellule : droit au repos, coin en bas à droite au survol, comme avant */
html[data-angles="droits"] .cases .envoi .b { border-radius: 0 !important; }
html[data-angles="droits"] .cases .envoi .b:hover { border-radius: 0 0 24px 0 !important; }
html[data-angles="droits"] .projets .carte-projet .fleche { border-radius: 0 0 16px 0 !important; }
html[data-angles="droits"] .projets .rangees .projet:is(:hover, .en-vue) .carte-projet .fleche { border-radius: 16px 0 0 0 !important; }
html[data-angles="droits"] .autres .carte-projet .fleche { border-radius: 0 0 12px 0 !important; }
html[data-angles="droits"] .autres .rangees .projet:is(:hover, .en-vue) .carte-projet .fleche { border-radius: 12px 0 0 0 !important; }
html[data-angles="droits"] .chantiers .commandes button { border-radius: 0 0 0 24px !important; }
html[data-angles="droits"] .chantiers .commandes button + button { border-radius: 0 0 24px 0 !important; }
html[data-angles="droits"] .temoignages .auteur .profil-in { border-radius: 0 0 16px 0 !important; }
html[data-angles="droits"] .temoignages .auteur .profil-in:hover { border-radius: 16px 0 0 0 !important; }

/* ---- zero : plus aucun arrondi, ni angle signature ni puce ronde */
html[data-angles="zero"] :is(
  .b, .b .fleche, .projets .carte-projet .fleche, .temoignages .temo-nav button, .temoignages .auteur .profil-in,
  .apropos .membre > span:not(.photo), .scene .cadre
) { border-radius: 0 !important; }
html[data-angles="zero"] .scene { --rayon: 0px; }
html[data-angles="zero"] .services li::before { border-radius: 0 !important; }