/* Custom Styles for WMA Website */

/* --- Statistics Section (about_wma.php) --- */

.stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* Hook for Grid Font Family */
    font-family: 'Raleway', sans-serif;
}

.stats-grid .stat-item {
    border-right: 2px solid rgba(255, 255, 255, 0.4);
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}

/* Remove right border on 2nd and 4th items (end of each row on mobile) */
.stats-grid .stat-item:nth-child(2n) {
    border-right: none;
}

/* Remove bottom border on last row (3rd and 4th items) */
.stats-grid .stat-item:nth-child(n+3) {
    border-bottom: none;
}

@media (min-width: 768px) {
    .stats-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .stats-grid .stat-item {
        border-bottom: none;
        border-right: 2px solid rgba(255, 255, 255, 0.4);
    }
    .stats-grid .stat-item:last-child {
        border-right: none;
    }
    /* Reset the mobile override for even items */
    .stats-grid .stat-item:nth-child(2n) {
        border-right: 2px solid rgba(255, 255, 255, 0.4);
    }
    .stats-grid .stat-item:nth-child(4) {
        border-right: none;
    }
}

/* --- Specific Font Hooks for Statistics --- */

.wma-stat-number {
    /* Set custom font for numbers here */
    font-family: 'Inter', system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
    /* Font size handled by Tailwind classes but can be overridden here */
}

.wma-stat-text {
    /* Set custom font for text labels here */
    font-family: 'Raleway', sans-serif;
}

/* --- Online Services Container Adjustments --- */
/* --- Global Input Styles --- */
input[type="text"], 
input[type="search"], 
input[type="email"], 
input[type="tel"], 
input[type="number"], 
input[type="password"],
textarea,
select {
    background-color: #ffffff !important;
    color: #1f2937 !important; /* text-gray-800 */
}

/* Fix for auto-fill backgrounds in some browsers */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}