/**
 * MsKS @mention kontaktné karty — 2026-07-02
 * Frontend: full kontaktná karta z <span class="msks-contact-mention" data-uid>.
 * Editor:   inline chip s avatarom + menom v RichText + autocomplete popup.
 */

/* ─── FRONTEND KARTA ───
   2026-07-03: display: flex, avatar align-top na úrovni prvého riadku,
   avatar zväčšený o 15% (44 → 50px), QR kód vpravo, partner name link. */
.msks-contact-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    background: #fff;
    border: 1px solid rgba(26,26,24,0.09);
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);
    max-width: 480px;
    margin: 8px 0;
    font-family: 'DM Sans', -apple-system, sans-serif;
    line-height: 1.35;
    color: #1a1a1a;
    text-indent: 0;
    text-align: left;
}
.msks-contact-card__body {
    flex: 1 1 auto;
    min-width: 0;
}
.msks-contact-card__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #efeadb center/cover no-repeat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94908a;
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
    text-transform: uppercase;
    align-self: flex-start;
    margin-top: 2px;
}
/* 2026-07-03 rev 3: QR kód vizitka — presne vysoký ako obsah karty (JS resize).
   CSS drží štvorec s aspect-ratio 1 ako fallback, JS potom nastaví explicitnú width/height. */
.msks-contact-card__qr-wrap {
    flex-shrink: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    aspect-ratio: 1 / 1;
    width: 100px;
    height: 100px;
}
.msks-contact-card__qr {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    border-radius: 4px;
}
/* Partner link */
.msks-contact-card__office a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted currentColor;
}
.msks-contact-card__office a:hover {
    text-decoration: none;
    border-bottom-style: solid;
}
.msks-contact-card__body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}
.msks-contact-card__name {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .005em;
    color: #1a1a1a;
}
.msks-contact-card__pos {
    font-size: 12px;
    color: #6a6a64;
}
/* 2026-07-03: pracovná lokácia */
.msks-contact-card__office {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    color: #813a22;
    font-weight: 600;
    margin-top: 2px;
}
.msks-contact-card__office-txt { display: inline; }
html[data-theme="dark"] .msks-contact-card__office { color: #d68b6f; }
.msks-contact-card__meta {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-top: 4px;
    font-size: 12px;
}
.msks-contact-card__phone,
.msks-contact-card__mail {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #813a22;
    text-decoration: none;
    font-weight: 600;
}
.msks-contact-card__phone:hover,
.msks-contact-card__mail:hover { text-decoration: underline; }
/* 2026-07-03: SVG feather-line ikony (rovnaké ako na single-partner.php) */
.msks-contact-card__ico {
    flex-shrink: 0;
    color: currentColor;
    opacity: .8;
}

/* Dark mode override */
html[data-theme="dark"] .msks-contact-card {
    background: #25252e;
    border-color: rgba(180,170,150,0.10);
    color: #c9bfa8;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
html[data-theme="dark"] .msks-contact-card__name { color: #f1ead8; }
html[data-theme="dark"] .msks-contact-card__pos  { color: #a89b83; }
html[data-theme="dark"] .msks-contact-card__phone,
html[data-theme="dark"] .msks-contact-card__mail { color: #d68b6f; }

/* ─── EDITOR CHIP (v RichText) ─── */
.msks-contact-mention {
    display: inline-block;
    padding: 1px 8px 2px;
    background: rgba(129,58,34,.09);
    color: #813a22;
    border-radius: 999px;
    font-weight: 600;
    font-size: .95em;
    line-height: 1.4;
    white-space: nowrap;
    text-decoration: none;
}
.msks-contact-mention:hover { background: rgba(129,58,34,.15); }

/* ─── EDITOR AUTOCOMPLETE ITEM ─── */
.msks-mention-opt {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 2px;
    min-width: 220px;
}
.msks-mention-opt__avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #efeadb center/cover no-repeat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94908a;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
    text-transform: uppercase;
}
.msks-mention-opt__body {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.msks-mention-opt__name {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
}
.msks-mention-opt__pos {
    font-size: 11px;
    color: #6a6a64;
}