/* =========================================================
   FAITHFUL WEDDING AUTHENTICATION THEME
   Loaded for every AccountController view.
========================================================= */
:root {
    --auth-coral: #df473d;
    --auth-coral-dark: #c55245;
    --auth-burgundy: #53020a;
    --auth-ink: #332c29;
    --auth-muted: #756762;
    --auth-blush: #fff8f5;
    --auth-blush-strong: #fff3ef;
    --auth-border: #ead7d1;
    --auth-gold: #d8843f;
    --auth-shadow: 0 1rem 2.8rem rgba(83, 2, 10, .13);
}

body {
    color: var(--auth-ink);
}

.auth-section,
.sign-up-in-section {
    min-height: 100vh;
    background:
        radial-gradient(circle at 7% 12%, rgba(223, 71, 61, .08), transparent 20%),
        radial-gradient(circle at 92% 85%, rgba(83, 2, 10, .045), transparent 24%),
        #f5ebe72e !important;
}

.auth-card,
.sign-up-in-section .register-wrap {
    border: 1px solid var(--auth-border);
    background: #fff !important;
    box-shadow: var(--auth-shadow) !important;
}

.auth-card {
    border-radius: 1.25rem;
}

.sign-up-in-section .register-wrap {
    border-radius: 1rem !important;
}

.auth-brand-panel {
    background:
        radial-gradient(circle at 90% 5%, rgba(255, 255, 255, .1), transparent 28%),
        linear-gradient(145deg, var(--auth-burgundy) 0%, #8e251f 58%, var(--auth-coral) 100%);
}

.auth-brand-panel .text-warning {
    color: #f3c99f !important;
}

.auth-form-inner h1,
.auth-form-inner h2,
.sign-up-in-section h1,
.sign-up-in-section h2,
.sign-up-in-section h3 {
    color: var(--auth-burgundy);
}

.auth-form-inner .text-muted,
.sign-up-in-section .text-muted {
    color: var(--auth-muted) !important;
}

.auth-form-inner .form-control,
.auth-form-inner .form-select,
.sign-up-in-section .form-control,
.sign-up-in-section .form-select {
    color: var(--auth-ink);
    background-color: #fff;
    border-color: #dcc9c3;
    border-radius: .65rem;
}

.auth-form-inner .form-control:focus,
.auth-form-inner .form-select:focus,
.sign-up-in-section .form-control:focus,
.sign-up-in-section .form-select:focus {
    border-color: var(--auth-coral);
    box-shadow: 0 0 0 .2rem rgba(223, 71, 61, .14);
}

.auth-form-inner .form-floating > label {
    color: #6f615c;
}

.auth-form-inner .form-check-input:checked,
.sign-up-in-section .form-check-input:checked {
    background-color: var(--auth-coral);
    border-color: var(--auth-coral);
}

.auth-eye-btn {
    color: var(--auth-muted);
}

.auth-eye-btn:hover,
.auth-forgot-link:hover,
.auth-signup-link,
.auth-signup-link:hover,
.auth-form-inner a:not(.btn),
.sign-up-in-section a:not(.btn) {
    color: var(--auth-coral-dark);
}

.auth-form-inner .btn-primary,
.sign-up-in-section .btn-primary {
    --bs-btn-bg: var(--auth-coral);
    --bs-btn-border-color: var(--auth-coral);
    --bs-btn-hover-bg: var(--auth-coral-dark);
    --bs-btn-hover-border-color: var(--auth-coral-dark);
    --bs-btn-active-bg: var(--auth-burgundy);
    --bs-btn-active-border-color: var(--auth-burgundy);
    min-height: 44px;
    border-radius: .65rem;
    font-weight: 650;
}

.auth-form-inner .btn-outline-secondary,
.sign-up-in-section .btn-outline-secondary {
    --bs-btn-color: #675853;
    --bs-btn-border-color: #d9c6c0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--auth-burgundy);
    --bs-btn-hover-border-color: var(--auth-burgundy);
    min-height: 44px;
    border-radius: .65rem;
}

.sign-up-in-section .mb-4 > .rounded-circle {
    color: var(--auth-coral) !important;
    background: var(--auth-blush-strong) !important;
    box-shadow: inset 0 0 0 1px #efcfc8;
}

.sign-up-in-section .mb-4 > .rounded-circle i {
    color: var(--auth-coral) !important;
}

.sign-up-in-section .mb-4 > .rounded-circle.bg-success {
    background: #edf9f1 !important;
    box-shadow: inset 0 0 0 1px #bfe4ca;
}

.sign-up-in-section .mb-4 > .rounded-circle.bg-success i {
    color: #218a4b !important;
}

.sign-up-in-section .mb-4 > .rounded-circle.bg-warning {
    background: #fff4e8 !important;
    box-shadow: inset 0 0 0 1px #efc99f;
}

.sign-up-in-section .mb-4 > .rounded-circle.bg-warning i {
    color: #a85324 !important;
}

.sign-up-in-section .alert {
    border-radius: .75rem;
}

.sign-up-in-section .alert-primary {
    color: #75433e;
    background: var(--auth-blush-strong);
    border-color: #efcfc8;
}

.sign-up-in-section .alert-warning {
    color: #70401d;
    background: #fff4e8;
    border-color: #efc99f;
}

.auth-form-inner hr,
.sign-up-in-section hr {
    border-color: var(--auth-border);
    opacity: 1;
}

.auth-section :is(a, button, input, select, [tabindex]):focus-visible,
.sign-up-in-section :is(a, button, input, select, [tabindex]):focus-visible {
    outline: 3px solid rgba(223, 71, 61, .3);
    outline-offset: 2px;
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .auth-section,
    .sign-up-in-section {
        padding: 1rem .75rem !important;
    }

    .auth-card,
    .sign-up-in-section .register-wrap {
        border-radius: .9rem !important;
    }

    .sign-up-in-section .register-wrap {
        padding: 1.5rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-card,
    .auth-form-inner .btn,
    .sign-up-in-section .btn {
        transition: none;
    }
}