/* Custom CSS for Shoe Store */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
}

.card-img-top {
    border-radius: 5px 5px 0 0;
}

.badge {
    font-weight: 500;
}

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

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

footer {
    background-color: #212529;
}

/* Product details page */
.img-fluid {
    max-height: 500px;
    width: 100%;
    object-fit: cover;
}

/* Admin specific styles */
.admin-sidebar {
    min-height: 100vh;
    background-color: #343a40;
}

.admin-sidebar .nav-link {
    color: rgba(255,255,255,.5);
    padding: 0.75rem 1rem;
}

.admin-sidebar .nav-link:hover, 
.admin-sidebar .nav-link.active {
    color: rgba(255,255,255,.75);
    background-color: rgba(255,255,255,.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .card {
        margin-bottom: 20px;
    }
}