/* ==========================================================================
   site.css — wersja angielska, invite-only (ładowany jako ostatni arkusz).
   ========================================================================== */

/* Strona tylko po angielsku: ukrycie przełączników języka
   (nagłówek, menu mobilne, ustawienia w panelu klienta). */
.lang-switch,
.mobile-nav__label[data-i18n="language.label"],
.form-fieldset:has([data-set-language]) {
    display: none !important;
}

/* ---------- Informacja „tylko dla członków” ---------- */

.access-notice {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-5);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-lg);
    background: var(--gradient-brand-soft);
}

.access-notice__head {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.access-notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    color: var(--color-on-cta);
    background: var(--gradient-cta);
}

.access-notice__title {
    font-family: var(--font-heading);
    font-size: var(--fs-md);
    font-weight: var(--fw-bold);
    color: var(--color-heading);
}

.access-notice__text {
    font-size: var(--fs-sm);
    color: var(--color-text-secondary);
}

.access-notice__actions {
    display: grid;
    gap: var(--space-2);
}

.members-note {
    margin-bottom: var(--space-5);
}

/* ---------- Strony prawne ---------- */

.legal {
    max-width: 760px;
}

.legal h2 {
    margin-top: var(--space-8);
}

.legal ul {
    padding-left: var(--space-6);
}

.legal table {
    width: 100%;
    margin-block: var(--space-4);
    font-size: var(--fs-sm);
    border: 1px solid var(--color-border);
}

.legal th,
.legal td {
    padding: var(--space-3);
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--color-divider);
}

.legal th {
    background: var(--table-header-background);
    color: var(--table-header-text);
}

.legal code {
    font-family: var(--font-mono);
    font-size: 0.9em;
    color: var(--color-primary-text);
}

.legal__updated {
    font-size: var(--fs-sm);
    color: var(--color-text-muted);
}

.legal__nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-5);
}