/* Vazir Font */
@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

.beban-tracking-box {
    padding: 24px;
    border-radius: 8px;
    margin: 24px 0px;
    font-family: inherit;
    direction: rtl;
    font-size: 14px;
}

.beban-tracking-text {
    font-size: 14px;
    margin: 0 0 16px;
    font-family: inherit;
    font-weight: 500;
}

.beban-tracking-link a {
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-family: inherit;
    font-weight: 700;
}

.beban-tracking-code {
    font-size: 14px;
    color: #333;
    margin: 10px 0 0;
    font-weight: 500;
}

.beban-copy-code {
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    user-select: none;
    font-weight: 700;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.beban-copy-icon {
    opacity: 0.5;
    transition: opacity 0.2s ease;
    width: 20px;
}

.beban-copy-code:hover .beban-copy-icon {
    opacity: 1;
}

@media (max-width: 480px) {
    .beban-tracking-box {
        padding: 10px;
    }
    .beban-tracking-text,
    .beban-tracking-link a,
    .beban-tracking-code {
        font-size: 13px;
    }
}