/* GTG Finance brand layer for the auth pages (login, register, password reset…).
   Loaded after vendor/orchid/css/pages/auth.css; swaps the template's
   indigo/violet for the logo's royal blue + gold, matching public/css/site.css. */

.gtg-auth {
    --gtg-navy: #04173f;
    --gtg-navy-2: #0a2560;
    --gtg-blue: #0052c2;
    --gtg-blue-dark: #003e96;
    --gtg-gold: #e2a21c;
    --gtg-gold-light: #f7d27a;

    /* Re-point the template's own tokens so every auth.css rule follows. */
    --auth-indigo: var(--gtg-blue);
    --orchid-primary: var(--gtg-blue);
    --bs-primary: var(--gtg-blue);
    --bs-primary-rgb: 0, 82, 194;
    --bs-link-color: var(--gtg-blue);
    --bs-link-color-rgb: 0, 82, 194;
    --bs-link-hover-color: var(--gtg-blue-dark);
    --bs-link-hover-color-rgb: 0, 62, 150;

    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---------- Hero ---------- */
.gtg-auth .auth-hero {
    background:
        radial-gradient(circle at 12% 18%, rgba(226, 162, 28, .22), transparent 42%),
        radial-gradient(circle at 88% 82%, rgba(0, 82, 194, .55), transparent 48%),
        linear-gradient(150deg, var(--gtg-navy) 0%, var(--gtg-navy-2) 55%, #0c3778 100%);
}

.gtg-auth__logo-card {
    align-self: flex-start;
    padding: .7rem 1.1rem;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .55);
}
.gtg-auth__logo-card img { display: block; height: 52px; width: auto; }

.gtg-auth .auth-hero__eyebrow {
    background: rgba(226, 162, 28, .14);
    border-color: rgba(226, 162, 28, .4);
    color: var(--gtg-gold-light);
}
.gtg-auth__accent {
    background: linear-gradient(90deg, var(--gtg-gold-light), var(--gtg-gold));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.gtg-auth .auth-hero__features i {
    background: rgba(226, 162, 28, .16);
    color: var(--gtg-gold-light);
}

.gtg-auth__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    max-width: 560px;
}
.gtg-auth__stats > div {
    padding: .9rem 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .14);
}
.gtg-auth__stats strong { display: block; font-size: 1.25rem; font-weight: 800; color: #fff; }
.gtg-auth__stats span { font-size: .75rem; color: rgba(255, 255, 255, .7); }

/* ---------- Form panel ---------- */
.gtg-auth__back {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--orchid-text-muted);
    text-decoration: none;
}
.gtg-auth__back:hover { color: var(--auth-indigo); }

/* Wordmark above the form — only needed once the hero is hidden (below lg). */
.gtg-auth__panel-logo { display: none; margin-bottom: 1.75rem; }
.gtg-auth__panel-logo img { display: block; height: 48px; width: auto; max-width: 100%; }
@media (max-width: 991.98px) {
    .gtg-auth__panel-logo { display: inline-block; align-self: flex-start; }
}

/* Orchid sets links to the body text color; brand them inside the form. */
.gtg-auth .auth-form a { color: var(--auth-indigo); font-weight: 600; }
.gtg-auth .auth-form a:hover { color: var(--bs-link-hover-color); }

.gtg-auth .auth-form__eyebrow { color: var(--gtg-gold); }

.gtg-auth .auth-form .form-control:focus,
.gtg-auth .auth-form .form-select:focus,
.gtg-auth .auth-form .form-check-input:focus {
    border-color: var(--auth-indigo);
    box-shadow: 0 0 0 4px rgba(0, 82, 194, .14);
}
.gtg-auth .auth-form .form-check-input:checked {
    background-color: var(--auth-indigo);
    border-color: var(--auth-indigo);
}

/* Breeze's <x-primary-button> renders .btn.btn-primary */
.gtg-auth .auth-form .btn-primary {
    --bs-btn-bg: var(--gtg-blue);
    --bs-btn-border-color: var(--gtg-blue);
    --bs-btn-hover-bg: var(--gtg-blue-dark);
    --bs-btn-hover-border-color: var(--gtg-blue-dark);
    --bs-btn-active-bg: var(--gtg-blue-dark);
    --bs-btn-active-border-color: var(--gtg-blue-dark);
    --bs-btn-disabled-bg: var(--gtg-blue);
    --bs-btn-disabled-border-color: var(--gtg-blue);
    min-height: 48px;
    border-radius: 12px;
    font-weight: 700;
    box-shadow: 0 12px 24px -12px rgba(0, 82, 194, .6);
}
.gtg-auth .auth-form .btn-secondary,
.gtg-auth .auth-form .btn-outline-secondary { border-radius: 12px; }

.gtg-auth .auth-btn-primary {
    background: linear-gradient(120deg, var(--gtg-blue-dark) 0%, var(--gtg-blue) 60%, #2f7be6 100%);
    background-size: 200% 100%;
    box-shadow: 0 12px 24px -12px rgba(0, 82, 194, .6);
}


/* Developer credit link in the copyright line (auth pages) */
.gtg-auth .gtg-credit-link { color: var(--gtg-blue); font-weight: 700; text-decoration: none; }
.gtg-auth .gtg-credit-link:hover { color: #b07a07; }