/*
  WizeStack – custom CSS pour l'interface Zammad (injecté par nginx via sub_filter)
  Palette : marine #273E74 · orange #F79B01 · bleu #1C577D

  Déploiement : copié en /var/www/wizestack-css/zammad.css par Ansible
  (option `inject_css` de l'app). Après modification : Ctrl+F5 (cache navigateur).
  Sélecteurs validés sur l'UI réelle (page de connexion Zammad 7).
*/

:root {
  --wz-navy: #273E74;
  --wz-navy-dark: #1c2f59;
  --wz-orange: #F79B01;
}

/* ================================================================== */
/* 1. Masquer toute référence à Zammad                                */
/* ================================================================== */

/* Bandeau "Propulsé par [logo]" en bas de la page de connexion */
.poweredBy {
  display: none !important;
}

/* "Se connecter à <fqdn>" (1er <p> du corps plein écran) */
.login .fullscreen-body > p:first-child {
  display: none !important;
}

/* Filet de sécurité : tout lien sortant vers Zammad */
a[href*="zammad.org"],
a[href*="zammad.com"] {
  display: none !important;
}

/* ================================================================== */
/* 2. Page de connexion aux couleurs WizeStack                        */
/* ================================================================== */

.login,
body.login {
  background: linear-gradient(135deg, var(--wz-navy) 0%, var(--wz-orange) 100%) !important;
}

.login .btn--primary,
.login .js-submit {
  background-color: var(--wz-navy) !important;
  border-color: var(--wz-navy) !important;
  color: #fff !important;
}

/* ================================================================== */
/* 3. Boutons d'action principaux                                     */
/* ================================================================== */

.btn--primary {
  background-color: var(--wz-navy) !important;
  border-color: var(--wz-navy) !important;
  color: #fff !important;
}

.btn--primary:hover {
  background-color: var(--wz-navy-dark) !important;
  border-color: var(--wz-navy-dark) !important;
}

/* ================================================================== */
/* 4. Liens et éléments actifs (accent orange)                        */
/* ================================================================== */

a,
.tab.active,
.sidebar .active {
  color: var(--wz-orange);
}

.tabsSidebar .tab.active,
.page-header .tabs .tab.active {
  border-bottom: 2px solid var(--wz-orange) !important;
}