/**
 * Bastion of Privacy Plugin — plugin.css
 * Public-facing plugin styles that extend the theme
 */

/* ============================================================
   THREAT TRACKER CATEGORY TABS
   ============================================================ */
.pf-tracker-tabs__nav {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--pf-border);
    padding-bottom: 0;
}

.pf-tracker-tab {
    font-family: var(--pf-font-mono);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--pf-subtle);
    background: transparent;
    border: 1px solid transparent;
    border-bottom: none;
    padding: 8px 14px;
    cursor: pointer;
    transition: color 150ms ease, background 150ms ease, border-color 150ms ease;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 2px 2px 0 0;
    position: relative;
    bottom: -1px;
}

.pf-tracker-tab:hover {
    color: var(--pf-off-white);
}

.pf-tracker-tab.active {
    color: var(--pf-accent);
    border-color: var(--pf-border);
    border-bottom-color: var(--pf-dark);
    background: var(--pf-dark);
}

.pf-tracker-tab__count {
    background: var(--pf-mid);
    color: var(--pf-subtle);
    font-size: .6rem;
    padding: 1px 6px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
}

.pf-tracker-tab.active .pf-tracker-tab__count {
    background: rgba(200,169,110,.15);
    color: var(--pf-accent);
}

/* Threat card loading state during tab switch */
.pf-tracker-tabs__content.loading {
    opacity: 0.4;
    pointer-events: none;
    transition: opacity 150ms ease;
}

/* Contact form submit result */
.pf-contact-result {
    margin-top: 1rem;
    padding: 1.5rem;
    background: rgba(39, 174, 96, 0.08);
    border: 1px solid rgba(39, 174, 96, 0.3);
}

/* Poll submit button loading state */
.pf-poll__submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Charter principles animation */
.pf-charter__principle {
    animation: pf-fade-in 400ms ease both;
}

.pf-charter__principle:nth-child(1)  { animation-delay:  50ms; }
.pf-charter__principle:nth-child(2)  { animation-delay: 100ms; }
.pf-charter__principle:nth-child(3)  { animation-delay: 150ms; }
.pf-charter__principle:nth-child(4)  { animation-delay: 200ms; }
.pf-charter__principle:nth-child(5)  { animation-delay: 250ms; }
.pf-charter__principle:nth-child(6)  { animation-delay: 300ms; }
.pf-charter__principle:nth-child(7)  { animation-delay: 350ms; }

@keyframes pf-fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.pf-donate-address [data-copy-target] {
    transition: background 150ms ease, color 150ms ease;
}