/* Mapa jedál — doplnkové štýly k app.css (panel/home/loader/faby/switch sa dedia) */

/* kruhový foto-marker jedla na mape (namiesto číslovaných bodov miest) */
.food-marker {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: #eee;
    border: 2.5px solid #fff;
    box-shadow: 0 4px 12px -2px rgba(19, 26, 36, .45);
}
.food-marker.sel {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(255, 77, 46, .35), 0 6px 16px -3px rgba(19, 26, 36, .5);
    z-index: 700 !important;
}

/* zoznam jedál (skupiny) */
.dish-card {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 10px 12px;
    border-radius: 16px;
    cursor: pointer;
    transition: background .15s ease;
}
.dish-card:hover { background: rgba(19, 26, 36, .04); }
.dish-thumb {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    object-fit: cover;
    flex: 0 0 auto;
    background: rgba(19, 26, 36, .06);
}
.dish-body { min-width: 0; flex: 1 1 auto; }
.dish-name { font-weight: 800; font-size: 15.5px; line-height: 1.2; }
.dish-count { font-size: 12.5px; color: var(--ink-soft); font-weight: 600; margin-top: 2px; }
.dish-card .bi-chevron-right { color: var(--ink-soft); font-size: 15px; flex: 0 0 auto; }

/* detail jedla — hlavička so späť + zoznam podnikov */
.dish-back {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    padding: 6px 4px 12px;
    color: var(--ink);
}
.dish-back .db-thumb { width: 40px; height: 40px; border-radius: 11px; object-fit: cover; flex: 0 0 auto; }
.dish-back .db-title { text-align: left; min-width: 0; }
.dish-back .db-title strong { display: block; font-size: 17px; font-weight: 800; }
.dish-back .db-title small { color: var(--ink-soft); font-weight: 600; font-size: 12.5px; }
.dish-back .bi-arrow-left { font-size: 18px; color: var(--accent); flex: 0 0 auto; }

.dplace-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    transition: background .15s ease;
}
.dplace-row:hover { background: rgba(19, 26, 36, .04); }
.dplace-thumb {
    width: 50px; height: 50px; border-radius: 12px; object-fit: cover; flex: 0 0 auto;
    background: rgba(19, 26, 36, .06);
}
.dplace-body { min-width: 0; flex: 1 1 auto; }
.dplace-name { font-weight: 800; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dplace-meta { display: flex; align-items: center; gap: 10px; font-size: 12.5px; margin-top: 2px; }
.dplace-meta .stars { color: var(--amber); font-weight: 700; }
.dplace-meta .cnt { color: var(--accent); font-weight: 700; }
.dplace-meta .dist { color: var(--ink-soft); font-weight: 600; }
.dplace-row .bi-chevron-right { color: var(--ink-soft); font-size: 15px; flex: 0 0 auto; }

.food-empty { text-align: center; color: var(--ink-soft); padding: 40px 20px; font-weight: 600; }
.food-empty i { font-size: 34px; display: block; margin-bottom: 10px; opacity: .5; }