/* =====================================================
   DEFINING LOCAL VAZIRMATN FONTS
===================================================== */
@font-face {
    font-family: 'Vazirmatn';
    src: url('/fonts/Vazirmatn-Regular.woff2') format('woff2'), url('/fonts/Vazirmatn-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Vazirmatn';
    src: url('/fonts/Vazirmatn-Black.woff2') format('woff2'), url('/fonts/Vazirmatn-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* تعریف فونت عنوان */
@font-face {
    font-family: 'Sahel-Black';
    src: url('/fonts/VazirmatnExtraBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* =====================================================
   GLOBAL APPLICATION CSS
===================================================== */
/* به‌جای این عمومی: */
a:focus {
    outline: 2px solid rgba(200, 150, 67, .5);
}

/* فقط وقتی با کیبورد فوکوس گرفته شده نشون بده (نه با کلیک ماوس): */
a:focus-visible {
    outline: 2px solid rgba(200, 150, 67, .5);
    outline-offset: 3px;
}

a:focus:not(:focus-visible) {
    outline: none;
}
/* اعمال وزیرمتن به کل سایت */
html, body, body * {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* اختصاص اختصاصی فونت پینار به عناوین و تیترها */
/*h1, h2, h3, h4, h5, h6,
.hero-content h1,
.section-header h2,
.hero-company-name strong {
    font-family: 'Sahel-Black', 'Vazirmatn', sans-serif !important;
}*/
/* =====================================================
   ROOT
===================================================== */

:root {
    /*--header-footer-bg: #19454B;*/
    --header-footer-bg: #11291a;
    --primary: #173522;
    --primary-dark: #11291a;
    --accent: #c89643;
    --accent-dark: #ad7b2d;
    --text: #1e2720;
    --text-muted: #737a73;
    --background: #ffffff;
    --background-soft: #f6f7f4;
    --border: #e7eae5;
}


/* =====================================================
   RESET
===================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
    color: var(--text);
    background: var(--background);
    font-size: 16px;
    line-height: 1.7;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* =====================================================
   TYPOGRAPHY
===================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    color: inherit;
}


p {
    margin-top: 0;
}


a {
    color: inherit;
}


img {
    max-width: 100%;
    display: block;
}


/* =====================================================
   CONTAINER
===================================================== */

.container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding-right: 24px;
    padding-left: 24px;
}


/* =====================================================
   SELECTION
===================================================== */

::selection {
    background: var(--accent);
    color: white;
}


/* =====================================================
   SCROLLBAR
===================================================== */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--accent);
    }


/* =====================================================
   FOCUS
===================================================== */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid rgba(200, 150, 67, .5);
    outline-offset: 3px;
}

/* =====================================================
   BUTTON
===================================================== */

button {
    font-family: inherit;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 768px) {

    body {
        font-size: 15px;
    }

    .container {
        padding-right: 18px;
        padding-left: 18px;
    }
}


@media (max-width: 480px) {

    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}