/* ==========================================================
   BORDERPASS
   base.css
   Version : 1.0.0
========================================================== */
/* ==========================================================
   FONT
========================================================== */
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-Thin.woff2") format("woff2");
    font-weight:100;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-ExtraLight.woff2") format("woff2");
    font-weight:200;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-Light.woff2") format("woff2");
    font-weight:300;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-Regular.woff2") format("woff2");
    font-weight:400;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-Medium.woff2") format("woff2");
    font-weight:500;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-SemiBold.woff2") format("woff2");
    font-weight:600;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2");
    font-weight:700;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-ExtraBold.woff2") format("woff2");
    font-weight:800;
}
@font-face{
    font-family:"Vazirmatn";
    src:url("../fonts/vazirmatn/Vazirmatn-Black.woff2") format("woff2");
    font-weight:900;
}
/* ==========================================================
   RESET
========================================================== */
*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    font-size:16px;
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}
body{
    direction:rtl;
    font-family:"Vazirmatn",sans-serif;
    background-color:#f5f7fb;
    background-image:
        linear-gradient(rgba(245,247,251,.78),rgba(245,247,251,.78)),
        url("../images/home/marzyar-border-background.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    color:#222;
    line-height:1.7;
    min-height:100vh;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
img{
    display:block;
    max-width:100%;
    height:auto;
}
picture{
    display:block;
}
svg{
    display:block;
}
a{
    text-decoration:none;
    color:inherit;
}
ul{
    list-style:none;
}
button{
    border:none;
    background:none;
    cursor:pointer;
    font:inherit;
}
input,
textarea,
select{
    font:inherit;
}
textarea{
    resize:vertical;
}
table{
    width:100%;
    border-collapse:collapse;
}
hr{
    border:none;
    border-top:1px solid #ddd;
}
::selection{
    background:#1d4ed8;
    color:#fff;
}
/* ==========================================================
   VARIABLES
========================================================== */
:root{
    --primary:#2563eb;
    --primary-hover:#1d4ed8;
    --secondary:#64748b;
    --success:#16a34a;
    --danger:#dc2626;
    --warning:#f59e0b;
    --info:#0891b2;
    --white:#ffffff;
    --black:#111827;
    --text:#222222;
    --text-light:#6b7280;
    --border:#e5e7eb;
    --background:#f5f7fb;
    --radius:12px;
    --shadow:0 10px 25px rgba(0,0,0,.08);
    --transition:.25s ease;
}
/* ==========================================================
   TYPOGRAPHY
========================================================== */
h1{
    font-size:2rem;
    font-weight:700;
}
h2{
    font-size:1.75rem;
    font-weight:700;
}
h3{
    font-size:1.4rem;
    font-weight:600;
}
h4{
    font-size:1.2rem;
    font-weight:600;
}
h5{
    font-size:1rem;
    font-weight:600;
}
h6{
    font-size:.9rem;
    font-weight:600;
}
p{
    color:var(--text-light);
}
strong{
    font-weight:700;
}
small{
    font-size:.875rem;
}
/* ==========================================================
   FOCUS
========================================================== */
:focus-visible{
    outline:3px solid rgba(37,99,235,.25);
    outline-offset:2px;
}

/* نمایش یکپارچه و خوانای مبالغ */
.money-amount {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
    white-space: nowrap;
    font-family: "Vazirmatn", Tahoma, sans-serif;
    font-weight: 800;
    font-size: 1.04em;
    line-height: 1.45;
    unicode-bidi: isolate;
}

.money-number {
    display: inline-block;
    direction: ltr;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.025em;
}

.money-unit {
    font-size: 0.88em;
    font-weight: 700;
    opacity: 0.82;
}

.money-input {
    direction: ltr;
    text-align: left;
    font-family: "Vazirmatn", Tahoma, sans-serif;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.025em;
}