/* Congress Manager branding for the SFTPGo client portal.
   Loaded after SFTPGo's own styles (Metronic/Bootstrap theme). */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --brand-orange: #ff6700;
  --brand-orange-dark: #e05a00;
  --brand-navy: #0b2653;

  --bs-primary: var(--brand-orange);
  --bs-primary-rgb: 255, 103, 0;
  --bs-primary-active: var(--brand-orange-dark);
  --bs-primary-inverse: #ffffff;
  --bs-primary-light: rgba(255, 103, 0, 0.12);
  --bs-primary-clarity: rgba(255, 103, 0, 0.2);
  --bs-text-primary: var(--brand-orange);
  --bs-link-color: var(--brand-orange);
  --bs-link-color-rgb: 255, 103, 0;
  --bs-link-hover-color: var(--brand-orange-dark);
  --bs-link-hover-color-rgb: 224, 90, 0;
  --bs-component-active-bg: var(--brand-orange);
  --bs-component-hover-color: var(--brand-orange);
  --bs-component-checked-bg: var(--brand-orange);
}

/* ---------- Login page (styled like the Authentik login) ---------- */

body.app-blank {
  background: #05122a url("/static/branding/login-background.jpg") center / cover no-repeat fixed !important;
}
body.app-blank .flex-root,
body.app-blank .flex-column-fluid {
  background: transparent !important;
}

/* Card: dark, square corners, like Authentik's PatternFly card */
body.app-blank .bg-body.rounded.shadow-sm {
  background-color: #1b1d21 !important;
  color: #e0e0e0;
  border-radius: 0 !important;
  box-shadow: 0 4px 8px rgba(3, 3, 3, 0.48), 0 0 4px rgba(3, 3, 3, 0.24) !important;
  width: 100% !important;
  max-width: 560px;
  padding: 64px 48px 48px !important;
}
@media (max-width: 575px) {
  body.app-blank .bg-body.rounded.shadow-sm {
    padding: 40px 24px 32px !important;
  }
  body.app-blank .row.align-items-center > .col-5 {
    height: 120px;
  }
}
body.app-blank form .container {
  padding: 0;
  margin-bottom: 1.5rem !important;
}

/* Large white/orange logo, swapped in via CSS so the portal header keeps logo.png */
body.app-blank .row.align-items-center > .col-5 {
  flex: 0 0 100%;
  max-width: 100%;
  height: 170px;
  background: url("/static/branding/logo-transparent.png") center / contain no-repeat;
}
body.app-blank img[src*="/branding/logo"] {
  visibility: hidden;
}

/* Title + subtitle in place of the product name */
body.app-blank .row.align-items-center > .col-7 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 40px;
}
body.app-blank .row.align-items-center > .col-7 h1 {
  font-size: 0;
  margin: 0 !important;
}
body.app-blank .row.align-items-center > .col-7 h1::before {
  content: "Sign in to Congress Manager";
  display: block;
  font-size: 28px;
  font-weight: 400;
  color: #e0e0e0;
  margin-bottom: 16px;
}
body.app-blank .row.align-items-center > .col-7 h1::after {
  content: "Log in to continue to Downloads.";
  display: block;
  font-size: 16px;
  margin-bottom: 24px;
  font-weight: 400;
  color: #e0e0e0;
}

/* SSO button: orange, flat, "Log in" (same as Authentik) */
body.app-blank a[href$="/oidclogin"] {
  background-color: var(--brand-orange) !important;
  border: 0 !important;
  border-radius: 3px !important;
  color: #ffffff !important;
  height: 40px;
  min-height: 0;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px;
}
body.app-blank a[href$="/oidclogin"]:hover {
  background-color: var(--brand-orange-dark) !important;
}
a[href$="/oidclogin"] img,
a[href$="/oidclogin"] span {
  display: none;
}
a[href$="/oidclogin"]::after {
  content: "Log in";
  font-weight: 400;
}