/* ── Lmcs Points de vente – frontend styles ── */

.lmcs-pdv-wrap { display: flex; flex-direction: column; gap: 28px; }

/* ── Carte ── */
.lmcs-pdv-map {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #c8bfaf;
    z-index: 0; /* sous le header sticky Flatsome */
}

.lmcs-pdv-popup { font-size: .92rem; line-height: 1.5; }
.lmcs-pdv-popup strong { display: block; font-size: 1rem; margin-bottom: 2px; color: #2c2416; }
.lmcs-pdv-popup a { color: #763636; font-weight: 600; }

/* ── Liste ── */
.lmcs-pdv-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.lmcs-pdv-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e0d8;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
}

.lmcs-pdv-card:hover { box-shadow: 0 6px 18px rgba(44, 36, 22, .12); transform: translateY(-2px); }

.lmcs-pdv-card.lmcs-pdv-active { border-color: #834343; box-shadow: 0 0 0 2px rgba(131, 67, 67, .25); }

.lmcs-pdv-photo {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f4f1ea;
}

.lmcs-pdv-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.lmcs-pdv-photo-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.6rem;
    opacity: .45;
}

.lmcs-pdv-body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; }

.lmcs-pdv-name {
    margin: 0 !important;
    font-size: 1.15rem;
    color: #2c2416;
}

.lmcs-pdv-addr { margin: 0; font-size: .92rem; line-height: 1.5; color: #6b6459; }

.lmcs-pdv-links {
    margin: 4px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    font-size: .9rem;
}

.lmcs-pdv-links a { font-weight: 600; color: #763636; text-decoration: underline; }
.lmcs-pdv-links a:hover { color: #611919; }

.lmcs-pdv-locate {
    background: none;
    border: 1px solid #c8bfaf;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: .82rem;
    font-family: inherit;
    color: #2c2416;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.lmcs-pdv-locate:hover { background: #f4f1ea; border-color: #8a7450; }