/*
 * WCE brand guard.
 * Questa è l'ultima regola grafica caricata nelle sole schermate WCE.
 * Neutralizza gli accenti viola/blu ereditati da WordPress, dal tema e dai
 * componenti futuri, mantenendo come colori d'interfaccia arancio, nero e bianco.
 */
:root {
  --wce-orange: #e85d32 !important;
  --wce-orange-dark: #cf4d27 !important;
  --wce-black: #171717 !important;
  --wce-white: #fff !important;

  --wp-admin-theme-color: #e85d32 !important;
  --wp-admin-theme-color--rgb: 232, 93, 50 !important;
  --wp-admin-theme-color-darker-10: #cf4d27 !important;
  --wp-admin-theme-color-darker-10--rgb: 207, 77, 39 !important;
  --wp-admin-theme-color-darker-20: #b84420 !important;
  --wp-admin-theme-color-darker-20--rgb: 184, 68, 32 !important;

  --wp--preset--color--accent: #e85d32 !important;
  --wp--preset--color--accent-1: #e85d32 !important;
  --wp--preset--color--accent-2: #fff !important;
  --wp--preset--color--accent-3: #171717 !important;
  --wp--preset--color--accent-4: #171717 !important;
  --wp--preset--color--accent-5: #fff !important;
  --wp--preset--color--vivid-purple: #e85d32 !important;
  --wp-block-synced-color: #e85d32 !important;
  --wp-block-synced-color--rgb: 232, 93, 50 !important;
  --wp-bound-block-color: #e85d32 !important;

  --global--color-primary: #e85d32 !important;
  --global--color-secondary: #171717 !important;
  --global--color-background: #fff !important;
}

body.wce-portal-page,
body.wp-admin {
  --wp-admin-theme-color: #e85d32 !important;
  --wp-admin-theme-color-darker-10: #cf4d27 !important;
  --wp-admin-theme-color-darker-20: #b84420 !important;
  --wp--preset--color--accent: #e85d32 !important;
  --wp--preset--color--accent-1: #e85d32 !important;
  --wp--preset--color--accent-2: #fff !important;
  --wp--preset--color--accent-3: #171717 !important;
  --wp--preset--color--accent-4: #171717 !important;
  --wp--preset--color--accent-5: #fff !important;
  --wp--preset--color--vivid-purple: #e85d32 !important;
  --wp-block-synced-color: #e85d32 !important;
  --wp-bound-block-color: #e85d32 !important;

  /* Elementor: la pagina Portal usa sempre la palette WCE, anche quando il
     kit del sito mantiene ancora i colori predefiniti del builder. */
  --e-global-color-primary: #e85d32 !important;
  --e-global-color-secondary: #171717 !important;
  --e-global-color-text: #171717 !important;
  --e-global-color-accent: #e85d32 !important;
}

/*
 * Hello Elementor 3.x inserisce direttamente in reset.css #c36 (#cc3366)
 * per link, pulsanti e stati hover (#336). Queste regole hanno la stessa
 * specificita delle regole del tema e, essendo caricate per ultime, ne
 * sostituiscono il colore solo nel WCE Portal. Le regole specifiche dei
 * singoli componenti (presente/assente/ritardo, navigazione, ecc.) restano
 * libere di prevalere.
 */
:where(body.wce-portal-page) a {
  color: #e85d32;
}

:where(body.wce-portal-page) a:hover,
:where(body.wce-portal-page) a:focus {
  color: #cf4d27;
}

:where(body.wce-portal-page) button,
:where(body.wce-portal-page) [type="button"],
:where(body.wce-portal-page) [type="submit"],
:where(body.wce-portal-page) [type="reset"] {
  border-color: #e85d32;
  color: #e85d32;
}

:where(body.wce-portal-page) button:hover,
:where(body.wce-portal-page) button:focus,
:where(body.wce-portal-page) [type="button"]:hover,
:where(body.wce-portal-page) [type="button"]:focus,
:where(body.wce-portal-page) [type="submit"]:hover,
:where(body.wce-portal-page) [type="submit"]:focus,
:where(body.wce-portal-page) [type="reset"]:hover,
:where(body.wce-portal-page) [type="reset"]:focus {
  border-color: #e85d32;
  background-color: #e85d32;
  color: #fff;
}

body.wce-portal-page ::selection,
body.wp-admin ::selection {
  background: #e85d32;
  color: #fff;
}

body.wce-portal-page :where(input, textarea, select),
body.wp-admin :where(input, textarea, select) {
  caret-color: #e85d32;
}

body.wce-portal-page :where(input[type="checkbox"], input[type="radio"], progress),
body.wp-admin :where(input[type="checkbox"], input[type="radio"], progress) {
  accent-color: #e85d32 !important;
}

body.wce-portal-page :where(a, button, input, textarea, select):focus-visible,
body.wp-admin :where(a, button, input, textarea, select):focus-visible {
  outline-color: #e85d32 !important;
}

body.wce-portal-page :where(input, textarea, select):focus,
body.wp-admin :where(input, textarea, select):focus {
  border-color: #e85d32 !important;
  box-shadow: 0 0 0 2px rgba(232, 93, 50, .14) !important;
}

body.wce-portal-page :where(.button-link, .components-button.is-link),
body.wp-admin :where(.button-link, .components-button.is-link) {
  color: #b94420 !important;
}