/* nav-mark.css — small Khatt وقت mark on masjid pages (ADR 0001).

   Product identity only: Arabic وقت linking to the Hub. Not a second wordmark
   beside the masjid name. Colours use Khatt tokens from brand-tokens.css with
   the same values as fallbacks. */

.waqt-nav-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 8px;
    padding: 2px 8px 3px;
    border-radius: 999px;
    text-decoration: none;
    font-family: "Geeza Pro", "Noto Naskh Arabic", "Arabic Typesetting", serif;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--wq-brand-on-dark, #ecdcb0);
    background: rgba(var(--wq-brand-ink-rgb, 11, 42, 31), 0.35);
    border: 1px solid rgba(var(--wq-brand-on-dark-rgb, 236, 220, 176), 0.35);
    transition: background 0.15s ease, border-color 0.15s ease;
}

.waqt-nav-mark:hover,
.waqt-nav-mark:focus-visible {
    background: rgba(var(--wq-brand-ink-rgb, 11, 42, 31), 0.55);
    border-color: rgba(var(--wq-brand-on-dark-rgb, 236, 220, 176), 0.55);
    color: var(--wq-brand-surface, #fff3d6);
    outline: none;
}

.waqt-nav-mark:focus-visible {
    outline: 2px solid var(--wq-brand-on-dark, #ecdcb0);
    outline-offset: 2px;
}

@media print {
    .waqt-nav-mark { display: none !important; }
}