/* ETSS Branding 1.0.9 - Circuit Core v3.0 anonymous GLPI pages */

:root {
  --etss-burgundy: #7b1635;
  --etss-burgundy-hover: #64122b;
  --etss-burgundy-active: #501023;
  --etss-black: #111111;
  --etss-white: #ffffff;
  --etss-mist: #f6f2f3;
  --etss-blush: #e8d8de;
}

body:has(form[action*="login.php"]),
body:has(.page-anonymous) {
  min-height: 100vh;
  background-color: var(--etss-mist) !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(123, 22, 53, 0.12), transparent 34%),
    radial-gradient(circle at 88% 82%, rgba(232, 216, 222, 0.72), transparent 36%) !important;
}

body:has(form[action*="login.php"]) .page,
body:has(.page-anonymous) .page {
  background: transparent !important;
}

body:has(form[action*="login.php"]) .card,
body:has(.page-anonymous) .card {
  border: 1px solid rgba(123, 22, 53, 0.18);
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(17, 17, 17, 0.12);
}

body:has(form[action*="login.php"]) .glpi-logo,
body:has(.page-anonymous) .glpi-logo,
.page-anonymous .glpi-logo {
  --logo: none !important;
  content: none !important;
  display: block;
  width: 340px !important;
  max-width: 100%;
  height: 104px !important;
  margin-inline: auto;
  background: transparent url("assets/etss-lockup-horizontal-2000.png") center / 440px auto no-repeat !important;
}

body:has(form[action*="login.php"]) .btn-primary,
body:has(.page-anonymous) .btn-primary {
  --tblr-btn-color: #ffffff;
  --tblr-btn-bg: var(--etss-burgundy);
  --tblr-btn-border-color: var(--etss-burgundy);
  --tblr-btn-hover-color: #ffffff;
  --tblr-btn-hover-bg: var(--etss-burgundy-hover);
  --tblr-btn-hover-border-color: var(--etss-burgundy-hover);
  --tblr-btn-focus-shadow-rgb: 123, 22, 53;
  --tblr-btn-active-color: #ffffff;
  --tblr-btn-active-bg: var(--etss-burgundy-active);
  --tblr-btn-active-border-color: var(--etss-burgundy-active);
  --tblr-btn-disabled-color: #ffffff;
  --tblr-btn-disabled-bg: #9c6174;
  --tblr-btn-disabled-border-color: #9c6174;
  color: #ffffff !important;
}

body:has(form[action*="login.php"]) .btn-primary :is(svg, i),
body:has(.page-anonymous) .btn-primary :is(svg, i) {
  color: currentColor !important;
}

body:has(form[action*="login.php"]) .form-check-input:checked,
body:has(.page-anonymous) .form-check-input:checked {
  background-color: var(--etss-burgundy);
  border-color: var(--etss-burgundy);
}

body:has(form[action*="login.php"]) .footer,
body:has(.page-anonymous) .footer,
body:has(form[action*="login.php"]) .footer a,
body:has(.page-anonymous) .footer a {
  color: rgba(17, 17, 17, 0.76) !important;
}

@media (max-width: 575.98px) {
  body:has(form[action*="login.php"]) .glpi-logo,
  body:has(.page-anonymous) .glpi-logo,
  .page-anonymous .glpi-logo {
    width: 286px !important;
    height: 92px !important;
    background-size: 368px auto !important;
  }
}