/* Custom login page - Cabo Huerto del Río */

body:has(.fi-simple-layout) {
    background-image:
        linear-gradient(135deg, rgba(46, 156, 220, 0.35) 0%, rgba(0, 30, 60, 0.65) 100%),
        url('/images/residence-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
}

.fi-simple-layout {
    background: transparent !important;
}

/* === LOGO CONTAINER — n7iyy l white card autour === */
body:has(.fi-simple-layout) .fi-logo,
body:has(.fi-simple-layout) a.fi-logo,
.fi-simple-layout .fi-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 6rem !important;
    max-height: 6rem !important;
    margin: 0 auto 1rem !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* === LOGO IMAGE === */
body:has(.fi-simple-layout) .fi-logo img,
body:has(.fi-simple-layout) img.fi-logo,
.fi-simple-layout .fi-logo img,
.fi-simple-layout img.fi-logo {
    height: 6rem !important;
    max-height: 6rem !important;
    width: auto !important;
    max-width: 320px !important;
    object-fit: contain !important;
    background: transparent !important;
}

/* === Form card === */
.fi-simple-main {
    background: rgba(255, 255, 255, 0.97) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 20px !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.5),
                0 0 0 1px rgba(255, 255, 255, 0.4);
    padding: 2rem 2rem !important;
    max-width: 28rem !important;
}

.fi-simple-header {
    text-align: center;
    margin-bottom: 1rem !important;
}

.fi-simple-header h1 {
    color: #1976B5 !important;
    font-weight: 600;
    font-size: 1.125rem !important;
}

.fi-simple-main button[type="submit"] {
    height: 2.75rem;
    font-weight: 500;
    background-color: #2E9CDC !important;
    transition: all 0.2s ease;
}

.fi-simple-main button[type="submit"]:hover {
    background-color: #1976B5 !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 16px -4px rgba(46, 156, 220, 0.4);
}

.fi-simple-main .fi-input-wrp {
    border-radius: 8px;
}

.fi-simple-footer a {
    color: #2E9CDC !important;
}

@media (max-width: 640px) {
    .fi-simple-main {
        margin: 1rem;
        padding: 1.5rem !important;
    }
    
    body:has(.fi-simple-layout) .fi-logo,
    body:has(.fi-simple-layout) .fi-logo img {
        height: 4.5rem !important;
        max-height: 4.5rem !important;
    }
}