/* Custom styles for Car & Property Tracker application */

/* General body style */
body {
    background-color: #f8f9fa;
    color: #212529;
}

/* Hero section with gradient background */
.hero-section {
    background: linear-gradient(120deg, #0052A5, #8E54E9);
    color: #fff;
    border-radius: 0 0 20px 20px;
}

/* CTA section gradient (reverse colours) */
.cta-section {
    background: linear-gradient(120deg, #8E54E9, #0052A5);
    color: #fff;
    border-radius: 20px;
}

/* Navbar adjustments */
.navbar .navbar-brand {
    font-weight: 600;
    letter-spacing: 0.5px;
}
.navbar .nav-link {
    transition: color 0.2s;
}
.navbar .nav-link.active,
.navbar .nav-link:hover {
    color: #fff !important;
}

/* User badge */
.user-badge {
    font-size: 0.85rem;
    padding: 0.45rem 0.7rem;
    border-radius: 50rem;
}

/* Cards hover effect */
.card:hover {
    transform: translateY(-3px);
    transition: transform 0.2s;
}

/* Tables */
.table thead th {
    background-color: #f1f5f9;
    border-bottom: 2px solid #e2e8f0;
}
.table tbody tr:hover {
    background-color: #f9fafb;
}

/* Buttons override */
.btn-outline-light {
    color: #fff;
    border-color: rgba(255,255,255,0.6);
}
.btn-outline-light:hover {
    background-color: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.6);
}

.btn-success {
    background-color: #198754;
    border-color: #198754;
}
.btn-success:hover {
    background-color: #157347;
    border-color: #146c43;
}

.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

/* Responsive spacing adjustments */
@media (max-width: 576px) {
    .hero-section .display-4 {
        font-size: 2.2rem;
    }
}