/*
 * Il fondo comune dei componenti FM.
 *
 * DA DOVE VIENE IL MAGENTA. Hello Elementor, in assets/css/reset.css, veste
 * ogni bottone nudo del sito:
 *
 *   [type="button"], [type="submit"], button {
 *     border: 1px solid #c36; color: #c36;
 *   }
 *   [type="button"]:hover, [type="button"]:focus,
 *   button:hover, button:focus { background-color: #c36; color: #fff; }
 *
 * I widget di Elementor non lo prendono perche' dichiarano da soli il proprio
 * aspetto. I nostri lo prendono tutti, perche' lasciano il <button> spoglio:
 * e' quel #cc3366 che ricompare a ogni componente nuovo, su ogni sito col tema
 * Hello. Non e' mai stato un colore scelto da qualcuno.
 *
 * Dichiarare il solo stato di riposo non basta. La regola di Hello e' su
 * :hover, cioe' vale (0,1,1); una `.fm-trigger { background: none }` vale
 * (0,1,0) e al passaggio del mouse perde. Il passaggio va dichiarato.
 *
 * SI TOCCANO SOLO I BOTTONI CHE PORTANO UNA CLASSE fm-. Non i bottoni dentro
 * un contenitore FM: dentro una card di prodotto ci sono i bottoni di
 * WooCommerce e di Elementor, che hanno il proprio aspetto e non vanno
 * spogliati.
 *
 * Il colore al passaggio e' quello della pelle, che a sua volta arriva dai
 * Colori globali del Kit: i bottoni dei componenti seguono la palette del
 * sito senza che nessuno debba dirglielo. Un componente che vuole altro lo
 * dichiara da se' - basta una classe in piu' nel selettore.
 */

button[class^="fm-"],
button[class*=" fm-"],
[type="button"][class^="fm-"],
[type="button"][class*=" fm-"] {
	border: 0;
	border-radius: 0;
	background: none;
	color: inherit;
}

button[class^="fm-"]:hover,
button[class*=" fm-"]:hover,
button[class^="fm-"]:focus,
button[class*=" fm-"]:focus,
[type="button"][class^="fm-"]:hover,
[type="button"][class*=" fm-"]:hover,
[type="button"][class^="fm-"]:focus,
[type="button"][class*=" fm-"]:focus {
	background: none;
	color: var( --fm-theme-action, var( --e-global-color-primary, currentColor ) );
}