/* Custom SIMS Stylesheet & MVTyper Dhivehi Font */

@font-face {
    font-family: 'MVTyper';
    src: url('../fonts/mvtyper.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Faseyha';
    src: url('../fonts/faseyha.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Ensure divider is visible */
.pagination .page-item:not(:last-child) .page-link {
    border-right: 2px solid #ffffff; /* Visible white divider between buttons */
}

/* General button styles */
.pagination .page-link {
    background-color: #28a745 !important; /* Bootstrap green color */
    color: white !important; /* White text */
    border: 1px solid #28a745 !important; /* Green border */
}

/* Hover effect for buttons */
.pagination .page-link:hover {
    background-color: #218838 !important; /* Darker green on hover */
    color: white !important;
}

/* Active button styling */
.pagination .page-item.active .page-link {
    background-color: #1e7e34 !important; /* Active green */
    border-color: #1c7430 !important;
}

/* Remove margin for the last item */
.pagination .page-item:last-child .page-link {
    border-right: none !important; /* No divider for the last button */
}

/* Optional: Adding spacing between buttons for better separation */
.pagination .page-item .page-link {
    padding: 8px 16px; /* Padding for buttons */
    margin-left: 2px; /* Small space between buttons */
}

.navbar form select {
    font-size: 0.9rem;
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    min-width: 140px;
}

/* RTL (Right-to-Left) text & Dhivehi MVTyper Font support */
[dir="rtl"],
.font-dhivehi,
.rtl-cell,
td[dir="rtl"],
th[dir="rtl"],
span[dir="rtl"],
div[dir="rtl"],
input[dir="rtl"],
textarea[dir="rtl"],
select[dir="rtl"] {
    font-family: 'MVTyper', 'Faseyha', 'Faruma', 'MV Boli', sans-serif !important;
    direction: rtl;
    text-align: right;
}

.text-rtl {
    direction: rtl;
    text-align: right;
}

.text-ltr {
    direction: ltr;
    text-align: left;
}

/* RTL form inputs */
input[dir="rtl"],
textarea[dir="rtl"],
select[dir="rtl"] {
    text-align: right;
}

input[dir="ltr"],
textarea[dir="ltr"],
select[dir="ltr"] {
    text-align: left;
}

/* RTL table cells */
td[dir="rtl"],
th[dir="rtl"] {
    text-align: right;
}

td[dir="ltr"],
th[dir="ltr"] {
    text-align: left;
}

/* Premium SIMS Portal Cards Theme */
.sims-portal-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.sims-profile-header {
    background: linear-gradient(135deg, #0f4c81 0%, #1e3a8a 100%);
    border-radius: 12px 12px 0 0;
    color: #ffffff;
    padding: 20px 24px;
}

.sims-profile-avatar {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    flex-shrink: 0;
}

.sims-profile-avatar-icon {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    border: 2.5px solid #ffffff;
    color: #ffffff;
    font-size: 34px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(4px);
    flex-shrink: 0;
}

.sims-meta-label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
}

.sims-meta-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1e293b;
}

.sims-badge-pill {
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 0.82rem;
    font-weight: 600;
}