/* RECRE-553 (правка ПВ 2026-09-13): картка точки з офіційними даними
   від власника ВІЗУАЛЬНО виділяється — фіолетовий лейбл зверху і
   фіолетовий контур самої картки. Окремий файл, бо main.css під
   паралельним WIP; підключається на /map/ і /park/{slug}/ — обидві
   поверхні картки точки. */

/* Лейбл-стрічка на всю ширину картки (правка ПВ 2026-09-13:
   «довжиною всю картку, щоб було гармонічніше») */
.poi-owner-pill {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 0 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f1ebfd;
    border: 1px solid #c9b4f2;
    color: #6d3fc4;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.poi-owner-pill svg {
    width: 14px;
    height: 14px;
    color: #6d3fc4;
    stroke: #6d3fc4;
}

/* Фіолетовий контур картки. Контейнери будуються поза builder-ом
   (шаблон дока / корінь попапа), тож док виділяємо через :has —
   Chromium/Safari/Firefox 2024+ його мають; без підтримки :has
   деградація мʼяка: лишається сам лейбл. */
.pdm-info:has(.poi-owner-pill) {
    outline: 3px solid #8b5cf6;
    outline-offset: -2px;
    border-radius: 14px;
}

.rm-poi-popup--owner {
    outline: 3px solid #8b5cf6;
    outline-offset: -2px;
}

/* Плитка каталогу точок (pcat-card) — головна поверхня, якою
   користуються (клік по плитці докає саме її). Лейбл живе в наявному
   слоті чипа джерела, контур — на корені плитки. */
.pcat-card:has(.poi-owner-pill) {
    outline: 3px solid #8b5cf6;
    outline-offset: -2px;
}


/* RECRE-553 (правка ПВ): режим роботи — повнорядковий блок у тілі
   картки замість обрізаної пілюлі на фото. Текст переноситься. */
.pcat-meta--hours span {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}