/*Write your custom style or CSS code here*/

/* ===================================================================
   IranSansX (ایران‌سنس) — Persian web font
   Files: /assets/fonts/iransans/{woff2,woff}/IRANSansX-*.woff2|woff
   Paths are relative to this file (templates/pbhost-rtl/css/) so they
   keep working when WHMCS is installed in a sub-directory.
   =================================================================== */
@font-face {
    font-family: 'IRANSansX';
    src: url('../../../assets/fonts/iransans/woff2/IRANSansX-Regular.woff2') format('woff2'),
         url('../../../assets/fonts/iransans/woff/IRANSansX-Regular.woff') format('woff');
    font-weight: 300 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANSansX';
    src: url('../../../assets/fonts/iransans/woff2/IRANSansX-Bold.woff2') format('woff2'),
         url('../../../assets/fonts/iransans/woff/IRANSansX-Bold.woff') format('woff');
    font-weight: 600 900;
    font-style: normal;
    font-display: swap;
}

/* Point the theme's Bootstrap CSS variables at IranSans (body + headings
   all resolve font-family through these variables). */
:root,
:root[data-bs-theme="light"],
:root[data-bs-theme="dark"] {
    --font-family-sans-serif: 'IRANSansX', 'Segoe UI', Tahoma, Arial, sans-serif !important;
    --font-family-monospace: 'IRANSansX', 'Segoe UI', Tahoma, monospace !important;
}

/* Belt-and-braces: force base documents + common wrappers to IranSans and
   override the Open Sans / Raleway stacks the theme hardcodes in places. */
html, body, .tt-body-wrapper, body .container, body .primary-content {
    font-family: 'IRANSansX', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.btn, .btn-lrg, a, p, span, label, .navbar, .lead, .tagline,
.tt-hero *, .tt-cta *, .tt-product *, .tt-product-price, .price {
    font-family: 'IRANSansX', 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* Keep genuine code samples readable in a real monospace face. */
code, pre, kbd, samp, .font-family-monospace {
    font-family: 'Courier New', Courier, monospace !important;
}

.sidebar .sidebar-menu-item-icon-wrapper {
    margin-left: .25rem;
    margin-right: 0;
}

.dataTables_wrapper .dataTables_paginate {
    float: left;
}

.tt-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    font-family: "Font Awesome 6 Pro";
    transform: rotate(180deg);
}

.fa-long-arrow-left {
    --fa: "";
    --fa--fa: ""
}

.fa-long-arrow-right {
    --fa: "";
    --fa--fa: ""
}

.page-item:first-child .page-link{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.page-item:last-child .page-link{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

/* PBDP SSO — login-with-PBDP button on the login page (login.tpl) */
.pbdp-sso-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    background: #0f172a;
    color: #fff;
    border: 0;
    padding: 10px 14px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    direction: rtl;
    transition: filter .2s ease, transform .2s ease;
}
.pbdp-sso-btn:hover,
.pbdp-sso-btn:focus{
    color: #fff;
    text-decoration: none;
    filter: brightness(1.18);
    transform: translateY(-1px);
}
.pbdp-sso-btn svg{ flex: 0 0 auto; }