/**
 * Keeratin Salon Finder — CSS v2.0
 * Leaflet overrides + marker styles + animations
 * (Migre de lcsalonfinder vers lcpro)
 */

/* ── Leaflet marker icon reset ── */
.lcsf-marker,
.lcsf-marker-user {
    background: none !important;
    border: none !important;
}

/* ── Leaflet popup styling ── */
.leaflet-popup-content-wrapper {
    border-radius: 0 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
}
.leaflet-popup-tip {
    box-shadow: none !important;
}
.leaflet-popup-content {
    margin: 16px !important;
    font-family: 'Inter', sans-serif !important;
}

/* ── Map attribution smaller ── */
.leaflet-control-attribution {
    font-size: 10px !important;
    opacity: 0.6;
}

/* ── Card entrance animation ── */
.lcsf-card {
    animation: lcsfFadeUp 0.4s ease both;
}
.lcsf-card:nth-child(1) { animation-delay: 0s; }
.lcsf-card:nth-child(2) { animation-delay: 0.06s; }
.lcsf-card:nth-child(3) { animation-delay: 0.12s; }
.lcsf-card:nth-child(4) { animation-delay: 0.18s; }
.lcsf-card:nth-child(5) { animation-delay: 0.24s; }
.lcsf-card:nth-child(6) { animation-delay: 0.30s; }
.lcsf-card:nth-child(7) { animation-delay: 0.36s; }
.lcsf-card:nth-child(8) { animation-delay: 0.42s; }
.lcsf-card:nth-child(9) { animation-delay: 0.48s; }

@keyframes lcsfFadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Scrollbar on map ── */
.leaflet-container {
    font-family: 'Inter', sans-serif !important;
}

/* ── Cluster styling (if needed later) ── */
.lcsf-cluster {
    background: rgba(197, 165, 90, 0.2);
    border: 2px solid #C5A55A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0a0a0a;
}