/* ====== CUSTOM APEX OVERRIDES ====== */

/* Cambia colore header/navigation bar Redwood Light */
:root {
  --ut-header-bg: #325faa;
  --ut-header-text-color: #ffffff;
  --ut-header-border-color: transparent;
  --ut-header-box-shadow: none;
}

/* Fallback per versioni con nome diverso */
:root {
  --ut-header-background-color: #325faa;
}

/* Forzo per sicurezza gli elementi visibili */
.t-Header-branding,
.t-Header-navBar {
  background-color: var(--ut-header-bg, #325faa) !important;
  color: var(--ut-header-text-color, #ffffff) !important;
}

.t-Header-nav a,
.t-Header-controls .a-Button {
  color: var(--ut-header-text-color, #ffffff) !important;
}

/* ====== Bottoni "Hot" (primari) in tutto l'ambiente ====== */
.t-Button--hot {
  --a-button-background-color: #325faa !important;
  --a-button-text-color: #ffffff !important;
  --a-button-border-color: #325faa !important;

  --a-button-hover-background-color: #2b4f90 !important;
  --a-button-hover-text-color: #ffffff !important;
  --a-button-hover-border-color: #2b4f90 !important;

  --a-button-active-background-color: #244479 !important;
  --a-button-active-text-color: #ffffff !important;
  --a-button-active-border-color: #244479 !important;

  --a-button-focus-background-color: #325faa !important;
  --a-button-focus-text-color: #ffffff !important;
  --a-button-focus-border-color: #325faa !important;

  /* opzionale: piccola ombra per profondità */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* fallback diretto (per login o temi che ignorano i token) */
.t-Button--hot {
  background-color: var(--a-button-background-color, #325faa) !important;
  color: var(--a-button-text-color, #ffffff) !important;
  border-color: var(--a-button-border-color, #325faa) !important;
}

.t-Button--hot:hover {
  background-color: var(--a-button-hover-background-color, #2b4f90) !important;
}

.t-Button--hot:active {
  background-color: var(--a-button-active-background-color, #244479) !important;
}