:root {
  --bs-primary: #e30613;
  --bs-primary-hover: #b90010;
  --bs-primary-active: #a1000e;
  --bs-btn-hover-bg: #b90010;
  --bs-btn-hover-border-color: #b90010;
}

@font-face {
  font-family: 'Formula1';
  src: url('https://www.giviservice.com/static/fonts/FORMULA1-REGULAR.OTF') format('opentype');
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background: url("branding/background.jpg") no-repeat center center fixed;
  background-size: cover;
  min-height: 100vh;
  display: flex;
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* overlay scuro */
  z-index: -1;
}

.landing-container {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 40px 60px;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
  max-width: 600px;
  width: 90%;
  color: #f0f0f0;
}

img#logo {
  max-width: 240px;
  margin-bottom: 20px;
  filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.6));
  transition: transform 0.3s ease;
}

img#logo:hover {
  transform: scale(1.06);
}

h1 {
  font-family: 'Formula1', sans-serif;
  font-size: 2rem;
  margin: 10px 0;
  color: #ffffff;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

p {
  font-size: 1.1rem;
  color: #dddddd;
  margin-bottom: 30px;
}

button, .login-button {
  background: #e30613;
  color: #ffffff;
  padding: 14px 28px;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
  text-decoration: none;
}

button:hover, .login-button:hover {
  background: #b9000f;
}

/* Pulsante login completamente personalizzato */
button[type="submit"],
.login-button {
  display: inline-block;
  background-color: #e30613 !important;  /* Rosso GIVI */
  color: white !important;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
}


button[type="submit"]:hover,
.login-button:hover {
  background-color: #a1000e !important; /* Rosso scuro hover */
  color: white !important;
}


html[lang="it"] form[action="/auth/login"]::after {
  position: relative;
}

/* Testo in inglese */
html[lang="en"] #sign_in_form button[type="submit"]::after {
  content: "⚠️ PRIVATE SYSTEM NOTICE⚠️\A\AThis is a private system intended for authorized users only. All data transferred or accessed through this portal is confidential. Sharing, reproducing, or disclosing any content without explicit permission is strictly prohibited.";
}

/* Testo in italiano */
html[lang="it"] #sign_in_form button[type="submit"]::after {
  content: "⚠️ SISTEMA PRIVATO⚠️\A\AQuesto è un sistema privato riservato agli utenti autorizzati. Tutti i dati trasferiti o visualizzati tramite questo portale sono confidenziali. Condividere, riprodurre o divulgare informazioni senza autorizzazione è severamente vietato.";
}

#sign_in_form button[type="submit"]::after {
  pointer-events: none;
  font-size: 1rem;
  color: #dddddd;
  white-space: pre-wrap;
  line-height: 1.4;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  border-radius: 8px;
  font-weight: normal;
  position: absolute;
  top: 100%;
  margin-top: -100px;
}