/* Custom branding for transfert.secivda.cloud */

/* Background image */
body {
  background-image: url('/img/background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Light dark overlay for contrast */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: -1;
}

/* Force all text to white */
body,
.mantine-Text-root,
.mantine-Title-root,
.mantine-Anchor-root,
.mantine-Table-root,
.mantine-Table-root th,
.mantine-Table-root td,
.mantine-AppShell-main,
.mantine-NavLink-root,
.mantine-Menu-item,
h1, h2, h3, h4, h5, h6, p, span, a, label, td, th {
  color: #ffffff !important;
}

/* Dimmed text slightly less bright */
.mantine-Text-root[data-dimmed],
[class*="dimmed"] {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Transparent backgrounds on content areas */
.mantine-AppShell-main {
  background-color: transparent !important;
}

/* Header: semi-transparent dark */
.mantine-Header-root,
.mantine-AppShell-header {
  background-color: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(10px);
}

/* Footer: semi-transparent dark */
.mantine-Footer-root,
.mantine-AppShell-footer {
  background-color: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(10px);
}

/* Cards/Papers: glassmorphism effect */
.mantine-Paper-root {
  background-color: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Inputs: dark with white text */
.mantine-Input-input,
.mantine-TextInput-input,
.mantine-PasswordInput-input,
.mantine-Select-input,
.mantine-Textarea-input {
  background-color: rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Buttons: keep their colors */
.mantine-Button-root {
  color: #ffffff !important;
}

/* Table rows hover */
.mantine-Table-root tr:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Table header */
.mantine-Table-root thead {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Dividers */
.mantine-Divider-root {
  border-color: rgba(255, 255, 255, 0.15) !important;
}