/* =========================================================================
   _shared.css — wspólne komponenty konkordancji.
   <mark> highlighting (stem-PL), breadcrumb, empty-states, a11y helpers, print.
   Wydzielone z konkordancja.css (v3.7k refaktor 2026-05-02 noc).
   ========================================================================= */
/* === <mark> highlight terminu w stem-PL =================================== */
.concordance-occurrence__context mark,
.concordance-diary-card__text mark {
    background: var(--accent-gold-100);
    color: var(--gray-900);
    padding: 0 3px;
    border-radius: 3px;
    font-weight: 600;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}


/* === BREADCRUMB (term + diary) =========================================== */
.concordance-breadcrumb {
    margin-bottom: var(--s-3);
}
.concordance-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-2);
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: var(--gray-500);
}
.concordance-breadcrumb__item a {
    color: var(--green-700);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.concordance-breadcrumb__item a:hover,
.concordance-breadcrumb__item a:focus-visible { text-decoration: underline; }
.concordance-breadcrumb__item--current {
    color: var(--gray-900);
    font-weight: 600;
}
.concordance-breadcrumb__sep { color: var(--gray-400); }


/* === EMPTY STATES ======================================================== */
.concordance-empty-section {
    padding: var(--s-8) 0;
}
.concordance-empty {
    text-align: center;
    max-width: 560px;
    margin: 0 auto;
    padding: var(--s-5);
}
.concordance-empty__title {
    font-family: var(--ff-serif);
    font-size: clamp(22px, 3.5vw, 28px);
    color: var(--green-900);
    margin: 0 0 var(--s-3);
}
.concordance-empty p {
    color: var(--gray-600);
    margin-bottom: var(--s-4);
}


/* === A11y helpers ======================================================== */
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* === PRINT =============================================================== */
@media print {
    .concordance-mobile-search,
    .concordance-search-section,
    .concordance-alphabet-section,
    .concordance-pagination,
    .concordance-diary-card__foot,
    .concordance-diary-back-link,
    .concordance-diary-nav { display: none !important; }

    .concordance-diary-card {
        border: 0;
        box-shadow: none;
        padding: 0;
    }
    .concordance-diary-card__text { font-size: 12pt; line-height: 1.55; }
    .concordance-diary-card__text mark { background: #f3e7c7; }
}
