/* Local Rudaw + NRT. Headings = Rudaw. Body = NRT. */
@font-face {
    font-family: "Rudaw";
    src: url("fonts/rudaw-regular.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Rudaw";
    src: url("fonts/rudaw-regular.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Rudaw";
    src: url("fonts/rudaw-regular.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Rudaw";
    src: url("fonts/rudaw-bold.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Rudaw";
    src: url("fonts/rudaw-bold.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Rudaw";
    src: url("fonts/rudaw-bold.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "NRT";
    src: url("fonts/nrt-regular.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "NRT";
    src: url("fonts/nrt-regular.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "NRT";
    src: url("fonts/nrt-regular.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "NRT";
    src: url("fonts/nrt-bold.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "NRT";
    src: url("fonts/nrt-bold.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "NRT";
    src: url("fonts/nrt-bold.ttf?v=1792258000-1793146353-1793146350") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

:root {
    --rb-font-head: "Rudaw", Tahoma, sans-serif;
    --rb-font-body: "NRT", Tahoma, sans-serif;
}

html, body,
button, input, select, textarea, label, a, p, span, li, td, th, div,
input::placeholder, textarea::placeholder,
.z-input, .z-input::placeholder, .b-sub, .stepper-val, .holo-input-wrap input, .holo-input-wrap input::placeholder,
.hud-val, .daily-hint-box .hint-text span,
.money-iqd, .money-usd,
.stat-card .val, .kpi-card .val, .stat-val, .asset-stat b,
.portal-brand-en, .portal-copy-en {
    font-family: var(--rb-font-body) !important;
}

h1, h2, h3, h4, h5, h6,
.dash-title h1,
.nav-tab-txt,
.rb-deposit-head h2,
.rb-modal h2,
.rb-modal h3,
.rb-modal.rb-deposit-modal h2,
.rb-dep-hist-title,
.rb-confirm-title,
.pf-identity-main h2,
.pf-page h1,
.section-title,
.z-title,
.card-txt,
.rb-nav-btn {
    font-family: "NRT", Tahoma, sans-serif !important;
}

/* Kurdish letters must join. Same rule as admin panel. */
html, body,
button, input, select, textarea, label, a, p, span, li, td, th, div,
h1, h2, h3, h4, h5, h6,
.rb-dep-hist-title,
.rb-confirm-title,
.rb-modal h2,
.rb-modal h3,
.section-title,
.z-title,
.card-txt,
.rb-nav-btn,
.rb-nav-txt,
.rb-hist-empty,
.rb-fin-card,
.rb-wait-title,
.rb-wait-sub {
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-feature-settings: normal !important;
    font-kerning: auto;
}

.en-num, .rb-time, .money-iqd, .money-usd,
.stat-card .val, .kpi-card .val, .stat-val,
.rb-otp-input, .rb-otp-timer-val, #rbOtpTimerVal,
.rb-account-num-box span, #payNum,
.rb-lock-input, .rb-cc-code {
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}
.en-num, .rb-time {
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    direction: ltr;
    unicode-bidi: isolate;
    -webkit-locale: "en";
}
.rb-otp-input { letter-spacing: 0.35em !important; }
.rb-otp-timer-val, #rbOtpTimerVal { letter-spacing: 0.12em !important; }
.rb-account-num-box span, #payNum { letter-spacing: 0.5px !important; }
.rb-lock-input { letter-spacing: 4px !important; }

.rb-need {
    outline: 2px solid #e11d48 !important;
    outline-offset: 3px;
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 4px rgba(225, 29, 72, 0.22) !important;
    border-radius: 12px;
}
input.rb-need,
textarea.rb-need,
select.rb-need {
    outline-offset: 0;
}
.z-dock {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: calc(64px + env(safe-area-inset-bottom, 0px));
    align-self: stretch;
}
.z-dock #guestDock,
.z-dock #memberDock {
    height: auto !important;
    min-height: 0;
    align-items: center !important;
}
html.rb-auth-member #guestDock,
body.rb-logged-in #guestDock { display: none !important; }
html.rb-auth-member #memberDock,
body.rb-logged-in #memberDock { display: flex !important; width: 100%; }
.z-dock .b-sub,
.z-dock .btn-sponsor {
    min-height: 42px;
    max-height: 48px;
    align-self: center;
}
.z-dock .btn-sponsor.insufficient {
    max-height: none;
    min-height: 48px;
}
.z-dock:has(.btn-sponsor.insufficient) {
    max-height: calc(76px + env(safe-area-inset-bottom, 0px));
}
html.rb-embed .z-dock,
body.rb-embed .z-dock {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(64px + env(safe-area-inset-bottom, 0px));
    flex: 0 0 auto !important;
    z-index: 20000 !important;
}
html.rb-embed .content,
body.rb-embed .content {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
}

.rb-need-bal {
    display: none !important;
}
.rb-need-bal[hidden] { display: none !important; }
.rb-need-bal.is-pulse {
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.28), 0 8px 20px rgba(225, 29, 72, 0.12);
}
.rb-need-bal-txt { flex: 1 1 auto; }
.rb-need-bal-btn {
    flex: 0 0 auto;
    border: 0;
    border-radius: 999px;
    padding: 8px 12px;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #fff;
    font: inherit;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.28);
}
.rb-need-msg {
    display: block;
    width: 100%;
    margin-top: 7px;
    color: #be123c;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.55;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-feature-settings: normal !important;
    text-align: right;
}

html.rb-admin,
html.rb-admin body,
html.rb-admin button,
html.rb-admin input,
html.rb-admin select,
html.rb-admin textarea,
html.rb-admin label,
html.rb-admin a,
html.rb-admin p,
html.rb-admin span,
html.rb-admin li,
html.rb-admin td,
html.rb-admin th,
html.rb-admin div,
html.rb-admin h1,
html.rb-admin h2,
html.rb-admin h3,
html.rb-admin h4,
html.rb-admin h5,
html.rb-admin h6,
html.rb-admin .dash-title h1,
html.rb-admin .nav-tab-txt,
html.rb-admin .panel-head h2 {
    font-family: "NRT", Tahoma, sans-serif !important;
}

.fa, .fas, .far, .fab, .fal, .fad,
.fa-solid, .fa-regular, .fa-brands,
[class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}