/**
 * استایل‌های سایت
 */
.wp-factor-buttons {
    --wpf-doc-accent: #006d7d;
    --wpf-doc-ink: #172b32;
    --wpf-doc-surface: #f2f7f8;
    --wpf-doc-line: #cfdee1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 20px;
    margin-block: 20px;
    padding: clamp(14px, 3vw, 22px);
    background: var(--wpf-doc-surface);
    color: var(--wpf-doc-ink);
    border: 1px solid var(--wpf-doc-line);
    border-inline-start: 3px solid var(--wpf-doc-accent);
    border-radius: 12px;
}

.wp-factor-buttons h3 {
    margin: 0 0 4px;
    color: inherit;
    font-size: 1.05em;
}

.wp-factor-buttons p { margin: 0; font-size: .875em; line-height: 1.8; }
.wp-factor-buttons .wpf-public-document-copy { flex: 1 1 220px; min-width: 0; }
.wp-factor-buttons .wpf-public-document-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.wp-factor-buttons .wpf-public-document-actions .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    box-sizing: border-box;
    margin: 0;
    padding: 7px 14px;
    border: 1px solid var(--wpf-doc-accent);
    background: transparent;
    color: var(--wpf-doc-accent);
    font-size: .875em;
    text-decoration: none;
    border-radius: 8px;
    touch-action: manipulation;
}
.wp-factor-buttons .wpf-public-document-actions .view-invoice { background: var(--wpf-doc-accent); color: #fff; }
.wp-factor-buttons .wpf-public-document-actions .button:hover { text-decoration: underline; }
.wp-factor-buttons .wpf-public-document-actions .button:focus-visible { outline: 2px solid var(--wpf-doc-accent); outline-offset: 3px; }
@media (max-width: 480px) {
    .wp-factor-buttons .wpf-public-document-actions { width: 100%; }
    .wp-factor-buttons .wpf-public-document-actions .button { flex: 1 1 130px; }
}
@media (prefers-color-scheme: dark) {
    .wp-factor-buttons {
        --wpf-doc-accent: #81dae3;
        --wpf-doc-ink: #edf6f7;
        --wpf-doc-surface: #1a2a30;
        --wpf-doc-line: #3b535c;
    }
    .wp-factor-buttons .wpf-public-document-actions .view-invoice { color: #16282e; }
}
/* First-party analytics consent */
.wp-factor-consent-banner {
    position: fixed;
    z-index: 999999;
    inset-inline: max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    display: flex;
    direction: rtl;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    max-width: 760px;
    margin-inline: auto;
    padding: 16px 18px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 14px;
    background: #fff;
    color: #17212b;
    box-shadow: 0 18px 55px rgba(21,42,55,.22);
    font-family: inherit;
    text-align: right;
}
.wp-factor-consent-copy { min-width: 0; }
.wp-factor-consent-copy strong { display: block; margin-bottom: 5px; font-size: 15px; }
.wp-factor-consent-copy p { margin: 0; color: #546e7a; font-size: 13px; line-height: 1.75; }
.wp-factor-consent-actions { display: flex; flex: 0 0 auto; gap: 8px; }
.wp-factor-consent-actions button { min-height: 44px; padding: 0 16px; border-radius: 9px; border: 1px solid #cbd8de; background: #fff; color: #263238; font: inherit; font-weight: 700; cursor: pointer; }
.wp-factor-consent-actions .wp-factor-consent-accept { border-color: #006d7d; background: #006d7d; color: #fff; }
.wp-factor-consent-actions button:focus-visible { outline: 3px solid rgba(0,137,155,.28); outline-offset: 2px; }
@media (max-width: 600px) {
    .wp-factor-consent-banner { align-items: stretch; flex-direction: column; gap: 13px; padding: 15px; }
    .wp-factor-consent-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .wp-factor-consent-actions button { width: 100%; }
}
@media (prefers-color-scheme: dark) {
    .wp-factor-consent-banner { border-color: rgba(255,255,255,.14); background: #17242b; color: #f5f8fa; box-shadow: 0 18px 55px rgba(0,0,0,.42); }
    .wp-factor-consent-copy p { color: #b0bec5; }
    .wp-factor-consent-actions button { border-color: #50636c; background: #21323a; color: #f5f8fa; }
    .wp-factor-consent-actions .wp-factor-consent-accept { border-color: #81dae3; background: #81dae3; color: #16282e; }
    .wp-factor-consent-banner .wp-factor-consent-copy a { color: #81dae3; }
}
.wp-factor-consent-copy a { display: inline-block; margin-top: 5px; color: #007f91; font-size: 12px; text-underline-offset: 3px; }
