/* Fotografiekaart.nl - Stylesheet */

/* Base */
body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    color: #1a1a1a;
}

/* Hero */
.hero {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

/* Cards */
.card {
    transition: transform .15s ease, box-shadow .15s ease;
}
.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.12) !important;
}

/* Kaartpagina - full height */
#map {
    height: calc(100vh - 56px);
    width: 100%;
}

/* Admin sidebar */
.sidebar .nav-link {
    color: #333;
    padding: .5rem 1rem;
    border-radius: .375rem;
    font-size: .9rem;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background: #f0f0f0;
    color: #dc3545;
}

/* Location detail - hover buurt links */
.hover-bg:hover {
    background: #f8f9fa;
}

/* Rating stars */
.text-warning {
    color: #f59e0b !important;
}

/* Foto thumbnails */
.img-fluid.rounded {
    border-radius: .5rem !important;
}

/* Filter panel op kaart */
.filter-panel .card {
    max-height: 80vh;
    overflow-y: auto;
}

/* Mobile aanpassingen */
@media (max-width: 768px) {
    #map {
        height: 60vh;
    }
    .filter-panel {
        margin: .5rem;
    }
    .hero .display-5 {
        font-size: 1.75rem;
    }
}

/* Navbar brand */
.navbar-brand {
    font-size: 1.1rem;
    letter-spacing: -.5px;
}

/* Form verbeteringen */
.form-label.fw-semibold {
    font-size: .9rem;
}

/* Locatie badge chips */
.badge.bg-light {
    border: 1px solid #dee2e6 !important;
}

/* Print */
@media print {
    .navbar, .filter-panel, footer { display: none; }
    #map { height: 400px !important; }
}