/* 06/11/2026 (Raph) : bouton « Contacter un commercial » (barre orange) + mise en avant des cartes au clic */
/* 11/11/2026 (Raph, choix 1) : fond gris fonce du site, texte blanc ; survol = gris un peu plus clair (#4a4a4a), texte blanc (12/11 : plus de blanchiment) */
#gfc-btn-commercial { float: right; display: inline-flex; align-items: center; gap: 6px; margin: 6px 14px 0 0; padding: 4px 12px; border-radius: 14px; background: #353535; color: #fff !important; font-weight: 700; font-size: 13px; line-height: 18px; text-decoration: none !important; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: background .15s, color .15s; white-space: nowrap; }
#gfc-btn-commercial:hover, #gfc-btn-commercial:focus { background: #4a4a4a; color: #fff !important; }
#gfc-btn-commercial svg { flex: none; }
/* 12/11 v g : mobile = bouton avec texte, sur sa propre ligne au-dessus de la barre (JS placer()) ; il prend la place de la bande orange vide (padding-top de #to_top en global.css <= 414 px) */
@media (max-width: 767px) { #to_top > #gfc-btn-commercial { float: none; display: flex; width: max-content; max-width: calc(100% - 2em); margin: .45em .75em .45em auto; } }   /* 12/11 v h : cale a droite (Raph) */
@media (max-width: 414px) { #to_top.cut-top:has(> #gfc-btn-commercial) { padding-top: 0; } }
#gfc-commerciaux.gfc-com-focus { animation: gfcComFocus 2.4s ease-out; border-radius: 14px; }
@keyframes gfcComFocus { 0%, 15% { box-shadow: 0 0 0 0 rgba(232,130,12,.0); } 25% { box-shadow: 0 0 0 6px rgba(232,130,12,.85); } 70% { box-shadow: 0 0 0 6px rgba(232,130,12,.6); } 100% { box-shadow: 0 0 0 0 rgba(232,130,12,0); } }
#gfc-commerciaux [tabindex="-1"]:focus { outline: none; }