@import url("../../fonts.css");
/* ==========================================
   PARS OIL - NEW CORPORATE BLUE THEME
   Main Color: #32529b
   ========================================== */
/* استفاده از فونت اصلی پروژه */
html,
body,
button,
input,
select,
textarea {
    font-family: IRANSans, sans-serif !important;
}

body {
    font-size: 9pt;
    padding-top: 0;
}

/* منو و لینک‌ها */
.navbar,
.navbar a,
.pars-navbar,
.pars-navbar a {
    font-family: IRANSans, sans-serif !important;
}

/* عنوان‌ها */
h1, h2, h3, h4, h5, h6 {
    font-family: IRANSans, sans-serif !important;
}
:root {
    --pars-green: #32529b;
    --pars-deep: #263f79;
    --pars-green-2: #4267b2;
    --pars-gold: #32529b;
    --pars-gold-light: #dbe6ff;
    --pars-cream: #f5f7fc;
    --pars-ink: #263755;
    --pars-muted: #65748c;
    --pars-border: #dbe4f5;
    --pars-primary: #32529b;
    --pars-primary-dark: #263f79;
    --pars-primary-light: #eaf0fb;
}

/* Page */
body {
    background: var(--pars-cream);
    color: var(--pars-ink);
}

/* Navbar */
.navbar.pars-navbar {
    background: #263f79 !important;
    box-shadow: 0 8px 25px rgba(38, 63, 121, .16);
}

.pars-navbar .pars-nav-link {
    color: #edf2ff;
}

    .pars-navbar .pars-nav-link:hover,
    .pars-navbar .pars-nav-link:focus {
        color: #fff;
        background: rgba(255,255,255,.12);
    }

.pars-navbar .pars-nav-action {
    background: #fff;
    color: #32529b !important;
}

    .pars-navbar .pars-nav-action:hover {
        background: #dbe6ff;
        color: #263f79 !important;
    }

.pars-navbar .pars-nav-outline {
    border-color: rgba(255,255,255,.35);
    color: #fff;
}

    .pars-navbar .pars-nav-outline:hover {
        background: rgba(255,255,255,.12);
    }

.pars-navbar .pars-user {
    color: #eaf0fb;
}

/* Hero */
.pars-hero {
    background: radial-gradient( circle at 16% 42%, #4d72bc 0, transparent 38% ), linear-gradient( 115deg, #32529b, #263f79 78% );
    color: #fff;
}

    .pars-hero:before {
        background-image: radial-gradient( rgba(255,255,255,.5) 1px, transparent 1px );
    }

    .pars-hero h1 {
        color: #fff;
    }

        .pars-hero h1 em {
            color: #dbe6ff;
        }

    .pars-hero p {
        color: #e5ecfa;
    }

/* Buttons */
.pars-page a.pars-btn-gold {
    background: #fff;
    color: #32529b;
    border: 1px solid #fff;
}

    .pars-page a.pars-btn-gold:hover {
        background: #dbe6ff;
        color: #263f79;
    }

.pars-page a.pars-btn-green {
    background: #32529b;
    color: #fff;
}

    .pars-page a.pars-btn-green:hover {
        background: #263f79;
        color: #fff;
    }

.pars-page a.pars-btn-light {
    background: rgba(255,255,255,.1);
    color: #fff;
    border-color: rgba(255,255,255,.6);
}

    .pars-page a.pars-btn-light:hover {
        background: #fff;
        color: #32529b;
    }

/* Feature Cards */
.pars-feature {
    background: #fff;
    border-color: #dbe4f5;
    box-shadow: 0 12px 35px rgba(50,82,155,.08);
    transition: transform .2s, box-shadow .2s;
}

    .pars-feature:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 40px rgba(50,82,155,.14);
    }

    .pars-feature .bi {
        background: #eaf0fb;
        color: #32529b;
    }

    .pars-feature h3 {
        color: #263f79;
    }

/* Cards */
.pars-card {
    border-color: #dbe4f5;
    box-shadow: 0 10px 35px rgba(50,82,155,.06);
}

.pars-step-num {
    color: #32529b;
}

/* CTA */
.pars-cta {
    background: linear-gradient( 120deg, #32529b, #263f79 );
}

    .pars-cta p {
        color: #e5ecfa;
    }

/* Footer */
.pars-footer {
    background: #263f79;
    color: #e5ecfa;
}

    .pars-footer h3 {
        color: #fff;
    }

    .pars-footer p,
    .pars-footer a {
        color: #e5ecfa;
    }

        .pars-footer a:hover {
            color: #fff;
        }

/* Forms */
.pars-page .form-control,
.pars-page .form-select {
    border-color: #dbe4f5;
}

    .pars-page .form-control:focus,
    .pars-page .form-select:focus {
        border-color: #32529b;
        box-shadow: 0 0 0 .2rem rgba(50,82,155,.15);
    }

/* Tables */
.pars-page .table thead {
    background: #32529b;
    color: #fff;
}

/* Notice */
.pars-notice {
    border-color: #dbe4f5;
    box-shadow: 0 8px 30px rgba(50,82,155,.09);
}

.pars-notice-header {
    background: #32529b;
    border-bottom: none;
}

.pars-notice-icon {
    background: rgba(255,255,255,.15);
    color: #fff;
}

.pars-notice-header h2 {
    color: #fff;
}

.pars-notice-header span {
    color: #e3eafa;
}

.pars-notice-alert {
    background: #f5f7fc;
    border-right-color: #32529b;
}

    .pars-notice-alert > i,
    .pars-notice-alert strong {
        color: #32529b;
    }

.pars-notice-time-card {
    background: #fff;
    border-color: #dbe4f5;
}

    .pars-notice-time-card i,
    .pars-notice-time-card strong,
    .pars-notice-capacity i,
    .pars-notice-block h3,
    .pars-notice-conditions h3,
    .pars-notice-block h3 i,
    .pars-notice-conditions h3 i,
    .pars-notice-conditions strong {
        color: #32529b;
    }

.pars-notice-conditions {
    background: #f5f7fc;
}

.pars-notice-thanks {
    color: #32529b;
}

/* Accessibility */
.pars-navbar a:focus-visible,
.pars-page a:focus-visible,
.pars-footer a:focus-visible,
.pars-navbar button:focus-visible {
    outline: 3px solid #a9c0f2;
    outline-offset: 3px;
}

/* Pars Oil - Blue & Gold Accents */

/* طلایی شدن عبارت عرضه مستقیم محصولات در بنر */
.pars-hero h1 em {
    color: #f2d69a !important;
    font-style: normal;
    font-weight: 900;
}

/* چهار کارت مزایای سامانه */
.pars-feature {
    border: 1px solid #dbe4f5;
    border-top: 3px solid #d8ad5b;
    transition: transform .25s ease, box-shadow .25s ease;
}

    .pars-feature .bi {
        background: #fbf3e3 !important;
        color: #b4822d !important;
    }

    /* عنوان کارت‌ها */
    .pars-feature h3 {
        color: #32529b;
        font-weight: 800;
    }

    /* تأکید طلایی هنگام هاور */
    .pars-feature:hover {
        transform: translateY(-5px);
        border-top-color: #b4822d;
        box-shadow: 0 15px 35px rgba(50,82,155,.12);
    }

        .pars-feature:hover h3 {
            color: #a67525;
        }

/* هماهنگی با موبایل */
@media (max-width: 576px) {
    .pars-feature {
        border-top-width: 3px;
    }

        .pars-feature h3 {
            font-size: 16px;
        }
}