/* consent.css — cookie banner (uses theme variables from style.css, RTL-safe) */
.wn-consent {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    padding: 0.75rem;
    pointer-events: none;
}
.wn-consent[hidden] { display: none; }
.wn-consent-box {
    pointer-events: auto;
    width: 100%;
    max-width: 760px;
    max-height: 85vh;
    overflow-y: auto;
    background: var(--bg-primary, #fff);
    color: var(--text-primary, #1a1a1a);
    border: 1px solid var(--border, #e0e0e0);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
    padding: 1.1rem 1.25rem;
    font-size: 0.85rem;
    line-height: 1.55;
}
.wn-consent-box h2 { font-size: 1rem; margin-bottom: 0.4rem; color: var(--text-primary, #1a1a1a); }
.wn-consent-box p  { color: var(--text-secondary, #555); margin-bottom: 0.85rem; }
.wn-consent-box a  { color: var(--accent, #2563eb); text-decoration: underline; }
.wn-consent-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-end; margin-top: 0.75rem; }
.wn-consent-btn {
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    padding: 0.55rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--border, #d0d0d0);
    background: var(--bg-secondary, #f4f4f4);
    color: var(--text-primary, #1a1a1a);
}
.wn-consent-btn:hover { border-color: var(--accent, #2563eb); }
.wn-consent-btn.primary { background: var(--accent, #2563eb); border-color: var(--accent, #2563eb); color: #fff; }
.wn-consent-btn.primary:hover { background: var(--accent-hover, #1d4ed8); }
.wn-consent-btn:focus-visible, .wn-consent-row input:focus-visible { outline: 2px solid var(--accent, #2563eb); outline-offset: 2px; }
.wn-consent-row {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;
    padding: 0.65rem 0; border-top: 1px solid var(--border, #e0e0e0); cursor: pointer;
}
.wn-consent-row small { display: block; color: var(--text-muted, #888); font-weight: 400; }
.wn-consent-row input { width: 1.15rem; height: 1.15rem; margin-top: 0.15rem; flex-shrink: 0; accent-color: var(--accent, #2563eb); }
@media (max-width: 560px) {
    .wn-consent-actions { flex-direction: column; }
    .wn-consent-btn { width: 100%; }
}
@media print { .wn-consent { display: none; } }