/* IIUM Login Page Styles */

html, body,
html body,
body.fi-body {
    background-image: url('/images/login-page-bg.JPG') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Target all potential login page containers */
.fi-simple-layout,
.fi-simple-page {
    background: transparent !important;
}

/* Ensure login form container has semi-transparent white background */
.fi-simple-main {
    background-color: rgba(255, 255, 255, 0.9) !important; /* Semi-transparent white */
    backdrop-filter: blur(2px) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

/* Additional fallback selectors */
.fi-simple-main .fi-simple-main-ctn {
    background: transparent !important;
}

/* IIUM Blue Color Scheme */
.fi-color-primary {
    --fi-color-50: 239 246 255;
    --fi-color-100: 219 234 254;
    --fi-color-200: 191 219 254;
    --fi-color-300: 147 197 253;
    --fi-color-400: 96 165 250;
    --fi-color-500: 59 130 246;
    --fi-color-600: 37 99 235;
    --fi-color-700: 29 78 216;
    --fi-color-800: 30 64 175;
    --fi-color-900: 30 58 138;
    --fi-color-950: 23 37 84;
}

/* IIUM Specific Styles */
.fi-simple-main {
    max-width: 28rem;
}

/* Custom button styling for IIUM theme */
.bg-blue-600 {
    background-color: #1d4ed8;
}

.hover\:bg-blue-700:hover {
    background-color: #1e40af;
}

.focus\:ring-blue-500:focus {
    --tw-ring-color: #3b82f6;
}

/* Form styling */
.fi-input {
    border-radius: 0.5rem;
    border: 1px solid #d1d5db;
}

.fi-input:focus {
    border-color: #1d4ed8;
    --tw-ring-color: #1d4ed8;
}

/* Header styling */
h1 {
    color: #1e40af;
}

/* Dark mode adjustments */
.dark h1 {
    color: #60a5fa;
}