/**
 * Filament guest auth (login / 2FA / password reset) — Premium Food.
 */

html.fi:has(.fi-simple-layout),
.fi-simple-layout,
.bx-login-page.fi-body,
.fi-body:has(.fi-simple-layout) {
    min-height: 100dvh;
    background-color: #FEF9F2 !important;
    background-image:
        radial-gradient(
            circle 520px at 50% -40px,
            rgba(255, 93, 1, 0.22) 0%,
            rgba(255, 93, 1, 0.08) 42%,
            transparent 72%
        ),
        radial-gradient(
            circle 340px at 12% 18%,
            rgba(255, 93, 1, 0.20) 0%,
            rgba(255, 93, 1, 0.08) 45%,
            transparent 72%
        ),
        radial-gradient(
            circle 300px at 86% 46%,
            rgba(255, 93, 1, 0.16) 0%,
            rgba(255, 93, 1, 0.06) 48%,
            transparent 72%
        ),
        radial-gradient(
            circle 320px at 42% 86%,
            rgba(255, 93, 1, 0.14) 0%,
            rgba(255, 93, 1, 0.05) 50%,
            transparent 72%
        ) !important;
    background-repeat: no-repeat !important;
    background-attachment: local;
}

.fi-simple-layout .fi-simple-main-ctn,
.bx-login-page .fi-simple-main-ctn {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    background: transparent !important;
    background-image: none !important;
}

.fi-simple-layout .fi-simple-main,
.bx-login-page .fi-simple-main {
    position: relative;
    width: 100%;
    background: #ffffff !important;
    border: 1px solid #C9B59A !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 18px 50px rgba(20, 20, 20, 0.08);
    padding: 2.15rem 1.85rem 1.85rem !important;
}

.fi-simple-layout .fi-simple-page,
.bx-login-page .fi-simple-page {
    width: 100%;
}

.fi-simple-layout .fi-simple-header,
.bx-login-page .fi-simple-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
    margin-bottom: 1.5rem;
}

.fi-simple-layout .fi-logo,
.fi-simple-layout .fi-logo span,
.bx-login-page .fi-logo,
.bx-login-page .fi-logo span {
    color: #1D4D2B !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
}

.fi-simple-layout .fi-simple-header-heading,
.bx-login-page .fi-simple-header-heading {
    color: #1D4D2B !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    font-size: 1.7rem !important;
    line-height: 1.2;
}

.fi-simple-layout .fi-simple-header-subheading,
.bx-login-page .fi-simple-header-subheading {
    color: #6B6B6B !important;
    font-size: 0.95rem;
    font-weight: 500;
}

.fi-simple-layout .fi-fo-field-wrp-label,
.fi-simple-layout .fi-fo-field-wrp-label span,
.bx-login-page .fi-fo-field-wrp-label,
.bx-login-page .fi-fo-field-wrp-label span {
    color: #141414 !important;
    font-weight: 600;
}

.fi-simple-layout .fi-input-wrp,
.bx-login-page .fi-input-wrp {
    background: #ffffff !important;
    border: 1px solid #EDE4D8 !important;
    border-radius: 0.85rem !important;
    box-shadow: none !important;
}

.fi-simple-layout .fi-input-wrp:focus-within,
.bx-login-page .fi-input-wrp:focus-within {
    border-color: #1D4D2B !important;
    box-shadow: 0 0 0 3px rgba(29, 77, 43, 0.12) !important;
}

.fi-simple-layout .fi-input,
.fi-simple-layout .fi-input-wrp input,
.bx-login-page .fi-input,
.bx-login-page .fi-input-wrp input {
    background: #ffffff !important;
    color: #141414 !important;
}

.fi-simple-layout input:-webkit-autofill,
.fi-simple-layout input:-webkit-autofill:hover,
.fi-simple-layout input:-webkit-autofill:focus,
.bx-login-page input:-webkit-autofill,
.bx-login-page input:-webkit-autofill:hover,
.bx-login-page input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #141414 !important;
    caret-color: #141414;
    border-radius: 0.75rem;
}

.fi-simple-layout .fi-input-wrp-suffix,
.bx-login-page .fi-input-wrp-suffix {
    background: #F7F1E8 !important;
    color: #1D4D2B !important;
    border-color: #EDE4D8 !important;
}

.fi-simple-layout .fi-checkbox-input:checked,
.fi-simple-layout input[type="checkbox"]:checked,
.bx-login-page .fi-checkbox-input:checked,
.bx-login-page input[type="checkbox"]:checked {
    background-color: #FF5D01 !important;
    border-color: #FF5D01 !important;
}

.fi-simple-layout .fi-fo-checkbox,
.fi-simple-layout .fi-checkbox-label,
.bx-login-page .fi-fo-checkbox,
.bx-login-page .fi-checkbox-label {
    color: #141414 !important;
}

.fi-simple-layout .fi-sc-actions .fi-btn-color-primary,
.fi-simple-layout .fi-btn-color-primary,
.bx-login-page .fi-sc-actions .fi-btn-color-primary,
.bx-login-page .fi-btn-color-primary {
    --bg: #FF5D01 !important;
    --hover-bg: #E85400 !important;
    --text: #ffffff !important;
    --hover-text: #ffffff !important;
    background-color: #FF5D01 !important;
    border-color: #FF5D01 !important;
    color: #ffffff !important;
    border-radius: 0.8rem !important;
}

.fi-simple-layout .fi-sc-actions .fi-btn-color-primary:hover,
.bx-login-page .fi-sc-actions .fi-btn-color-primary:hover {
    background-color: #E85400 !important;
    border-color: #E85400 !important;
    color: #ffffff !important;
}

.fi-simple-layout .fi-sc-actions .fi-btn-color-primary,
.fi-simple-layout .fi-sc-actions .fi-btn-color-primary span,
.fi-simple-layout .fi-sc-actions .fi-btn-color-primary .fi-btn-label,
.bx-login-page .fi-btn-color-primary,
.bx-login-page .fi-btn-color-primary span,
.bx-login-page .fi-btn-color-primary .fi-btn-label {
    color: #ffffff !important;
}

.fi-simple-layout .fi-link,
.bx-login-page .fi-link {
    color: #FF5D01 !important;
    font-weight: 600;
}

.fi-simple-layout .fi-link:hover,
.bx-login-page .fi-link:hover {
    color: #E85400 !important;
}