/* Seebox bundled fonts — Pelak + Vazirmatn (local plugin assets). */

@font-face {
    font-family: 'Pelak';
    src: url('../fonts/pelak/Pelak-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pelak';
    src: url('../fonts/pelak/Pelak-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pelak';
    src: url('../fonts/pelak/Pelak-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pelak';
    src: url('../fonts/pelak/Pelak-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pelak';
    src: url('../fonts/pelak/Pelak-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/vazirmatn/Vazirmatn-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/vazirmatn/Vazirmatn-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/vazirmatn/Vazirmatn-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/vazirmatn/Vazirmatn-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --seebox-font: 'Pelak', 'Vazirmatn', Tahoma, Geneva, Verdana, ui-sans-serif, system-ui, sans-serif;
}

/* Apply font stack to all Seebox UI surfaces */
.seebox-settings-shell,
.seebox-settings-panel,
.seebox-ui,
.seebox-payment-table-page,
.seebox-deposit-box,
.seebox-order-pay-plan,
.custom-deposit-info,
#deposit-modal,
.seebox-badge-preview-card,
.wc-deposits-checkout-mode,
.wc-deposits-checkout-mode .seebox-deposit-box,
.single-product .custom-deposit-info,
.single-product #deposit-modal,
.woocommerce-Tabs-panel--description ~ .custom-deposit-info {
    font-family: var(--seebox-font);
}

.seebox-settings-shell input,
.seebox-settings-shell select,
.seebox-settings-shell textarea,
.seebox-settings-shell button,
.seebox-settings-shell label,
.seebox-settings-shell p,
.seebox-settings-shell h1,
.seebox-settings-shell h2,
.seebox-settings-shell h3,
.seebox-settings-shell h4,
.custom-deposit-info strong,
.custom-deposit-info span,
.custom-deposit-info a,
#deposit-modal button,
#deposit-modal p,
#deposit-modal div,
#deposit-modal span,
#deposit-modal a {
    font-family: inherit;
}