/* ============================================
   Whooho Chat - Custom Branding
   Colori: Giallo (#FFD700), Nero (#000000), Bianco (#FFFFFF)
   ============================================ */

/* === TEMA PRINCIPALE === */

/* Colore primario - Giallo */
:root {
  --color-primary: #FFD700;
  --color-primary-dark: #E6C200;
  --color-primary-light: #FFF3B0;
  --color-primary-hover: #E6C200;
  --color-primary-active: #CCA800;
  --color-text-on-primary: #000000;
  --color-secondary: #000000;
  --color-secondary-hover: #333333;
  --color-secondary-text: #FFFFFF;
}

/* === PULSANTI === */

/* Pulsante primario (submit, login, continua) - GIALLO */
button.button.primary,
button[type="submit"],
.btn.primary,
button.-primary,
.auth__button,
.loginform button[type="submit"],
.finish-setup button,
.onboarding button[type="submit"],
.submit-btn {
  background-color: #FFD700 !important;
  border-color: #FFD700 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

button.button.primary:hover,
button[type="submit"]:hover,
.btn.primary:hover,
button.-primary:hover,
.auth__button:hover {
  background-color: #E6C200 !important;
  border-color: #E6C200 !important;
}

/* Pulsante secondario - NERO */
button.button.secondary,
button.-secondary,
.btn.secondary {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #FFFFFF !important;
}

button.button.secondary:hover,
button.-secondary:hover,
.btn.secondary:hover {
  background-color: #333333 !important;
}

/* === LINK === */
a, .link {
  color: #000000 !important;
}

a:hover, .link:hover {
  color: #FFD700 !important;
}

/* Sidebar - lasciata col tema chiaro originale */
/* (l'utente preferisce il grigio chiaro) */

/* === HEADER TITLE === */
h1, h2, h3, h4, h5, h6 {
  color: #000000 !important;
}

/* === PAGINA DI LOGIN === */

/* Background pagina login */
.login-page,
.auth-page,
.loginform {
  background-color: #FFFFFF !important;
}

/* Logo container */
.login-page .logo,
.auth-page .logo {
  text-align: center;
}

/* Welcome text */
.auth-page h2,
.loginform h2 {
  color: #000000 !important;
}

/* Input fields focus */
input:focus, textarea:focus, select:focus {
  border-color: #FFD700 !important;
  box-shadow: 0 0 0 1px #FFD700 !important;
}

/* Checkbox checked */
input[type="checkbox"]:checked {
  background-color: #FFD700 !important;
  border-color: #FFD700 !important;
}

/* === BADGES E TAG === */
.badge, .tag, .label {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

/* === TOGGLE SWITCH === */
.toggle-switch.active,
.switch.active {
  background-color: #FFD700 !important;
}

/* === TAB ATTIVO === */
.tab.active,
.nav-tabs .active a,
.tabs .active {
  border-bottom-color: #FFD700 !important;
  color: #FFD700 !important;
}

/* === PROGRESS BAR === */
.progress-bar,
.progress .bar {
  background-color: #FFD700 !important;
}

/* === MESSAGGIO INVIATO === */
.message.outgoing,
.message--outgoing,
.conversation .outgoing {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

/* Super Admin - lasciato col tema originale */