/* Custom styles to complement Bootstrap */

/* Ensure full height for dashboard pages */
body {
    min-height: 100vh;
    padding-top: 70px; /* For fixed navbar */
}

/* Custom gradient for cards if desired */
.card {
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Custom button styles if needed */
.btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
    transform: translateY(-1px);
}

/* Custom status badges */
.status-badge {
    padding: 0.25em 0.5em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}

.status-available {
    color: #155724;
    background-color: #d4edda;
}

.status-rented {
    color: #721c24;
    background-color: #f8d7da;
}

.status-maintenance {
    color: #856404;
    background-color: #fff3cd;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.1rem;
    }

    /* Calendar responsive fonts */
    .table td strong {
        font-size: 0.8em;
    }

    .badge {
        font-size: 0.7em;
    }

    /* Bottom navigation responsive */
    .fixed-bottom .nav-link {
        font-size: 0.7rem;
        padding: 0.25rem;
        white-space: nowrap;
    }

    .fixed-bottom .nav-link i {
        font-size: 1rem;
    }
}

@media (max-width: 991px) {
    body {
        padding-bottom: 70px;
    }
}