/* BungalovTR - Mobil Liste / Harita */
.btr-mmap-toggle,
.btr-mmap-panel { display: none; }

@media (max-width: 820px) {
    .btr-mmap-toggle {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4px;
        margin: 10px 0 14px;
        padding: 4px;
        background: #eef3ed;
        border: 1px solid #dbe6d9;
        border-radius: 14px;
    }

    .btr-mmap-toggle button {
        min-height: 40px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #5d6c60;
        font: inherit;
        font-size: 13px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        cursor: pointer;
    }

    .btr-mmap-toggle button.is-active {
        background: #fff;
        color: #285c3b;
        box-shadow: 0 2px 8px rgba(36, 72, 48, .10);
    }

    .btr-mmap-panel {
        display: block;
        scroll-margin-top: 78px;
        margin: 0 0 18px;
    }

    .btr-mmap-panel[hidden] { display: none !important; }

    .btr-mmap-canvas {
        width: 100%;
        height: min(62vh, 520px);
        min-height: 390px;
        border: 1px solid #dbe5d9;
        border-radius: 18px;
        overflow: hidden;
        background: #edf2ec;
        box-shadow: 0 8px 24px rgba(36, 64, 43, .08);
    }

    .btr-mmap-count {
        margin: 8px 3px 0;
        color: #78847a;
        font-size: 11px;
        text-align: right;
    }

    .btr-mmap-empty {
        padding: 24px 18px;
        border: 1px solid #dfe7dd;
        border-radius: 16px;
        background: #f7f9f6;
        color: #657168;
        font-size: 13px;
        line-height: 1.5;
        text-align: center;
    }

    .btr-mmap-popup .leaflet-popup-content-wrapper {
        border-radius: 16px;
        padding: 0;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(19, 43, 27, .20);
    }

    .btr-mmap-popup .leaflet-popup-content { margin: 0; width: auto !important; }
    .btr-mmap-popup .leaflet-popup-close-button { z-index: 2; color: #24362a; font-size: 22px; }

    .btr-mmap-card { background: #fff; overflow: hidden; }
    .btr-mmap-card__media { display: block; height: 128px; background: #eef2ed; overflow: hidden; }
    .btr-mmap-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .btr-mmap-card__placeholder { height: 100%; display: grid; place-items: center; font-size: 30px; color: #719078; }
    .btr-mmap-card__body { padding: 11px 12px 12px; }
    .btr-mmap-card__top { display: flex; gap: 8px; align-items: flex-start; justify-content: space-between; }
    .btr-mmap-card h3 { margin: 0; color: #213329; font-size: 14px; line-height: 1.25; }
    .btr-mmap-card p { margin: 6px 0 9px; color: #738077; font-size: 11px; line-height: 1.35; }
    .btr-mmap-card__rating { flex: 0 0 auto; color: #795f13; font-size: 11px; font-weight: 800; white-space: nowrap; }
    .btr-mmap-card__link { display: inline-flex; align-items: center; color: #2d6842; font-size: 12px; font-weight: 800; text-decoration: none; }

    .leaflet-control-zoom a { color: #2d6541; }
}