/* =========================
   Reset و پایه
========================= */

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

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    direction: rtl;
    text-align: right;
    font-family: IRANSans, "IRANSansWeb", "Vazirmatn", Tahoma, sans-serif;
    background-color: #f5f7fb;
    color: #222;
    line-height: 1.8;
}

/* لینک‌ها */
a {
    color: #0066cc;
    text-decoration: none;
}

a:hover {
    color: #004b99;
    text-decoration: underline;
}

/* کانتینر عمومی صفحه داخلی */
.behkavosh-page {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

/* سرصفحه صفحه داخلی */
.behkavosh-page-header {
    margin-bottom: 1.75rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.07);
}

.behkavosh-page-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1b3158;
    margin-bottom: 0.5rem;
}

.behkavosh-page-subtitle {
    font-size: 0.95rem;
    color: #6c7a96;
}

/* محتوای اصلی صفحه داخلی */
.behkavosh-page-content {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(15, 35, 52, 0.08);
    padding: 1.75rem 1.5rem;
}

/* هدینگ‌ها در متن */
.behkavosh-page-content h2,
.behkavosh-page-content h3,
.behkavosh-page-content h4 {
    color: #1b3158;
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.behkavosh-page-content h2 {
    font-size: 1.3rem;
    margin-top: 1.5rem;
}

.behkavosh-page-content h3 {
    font-size: 1.1rem;
    margin-top: 1.25rem;
}

.behkavosh-page-content h4 {
    font-size: 1rem;
    margin-top: 1rem;
}

/* پاراگراف‌ها */
.behkavosh-page-content p {
    font-size: 0.96rem;
    margin-bottom: 0.75rem;
    color: #333;
}

/* لیست‌ها */
.behkavosh-page-content ul,
.behkavosh-page-content ol {
    padding-right: 1.2rem;
    margin-bottom: 0.9rem;
}

.behkavosh-page-content li {
    margin-bottom: 0.35rem;
    font-size: 0.95rem;
}

/* باکس‌های نکته/هشدار/مزایا */
.bk-box {
    border-radius: 10px;
    padding: 1rem 1rem 0.9rem;
    margin: 1rem 0;
    border: 1px solid rgba(0,0,0,0.04);
}

.bk-box--info {
    background: #f0f6ff;
    border-color: #c4d9ff;
}

.bk-box--success {
    background: #e9f9f0;
    border-color: #bfe8d0;
}

.bk-box--warning {
    background: #fff7e5;
    border-color: #ffe2a9;
}

.bk-box__title {
    font-weight: 700;
    margin-bottom: 0.4rem;
    color: #1b3158;
}

/* دکمه‌ها */
.bk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1.25rem;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.2s ease;
    text-decoration: none;
    white-space: nowrap;
}

.bk-btn--primary {
    background: linear-gradient(135deg, #0052cc, #007bff);
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 82, 204, 0.4);
}

.bk-btn--primary:hover {
    background: linear-gradient(135deg, #0041a3, #0064cc);
    box-shadow: 0 6px 14px rgba(0, 82, 204, 0.45);
    transform: translateY(-1px);
}

.bk-btn--ghost {
    background: transparent;
    border: 1px solid #d3d9e7;
    color: #1b3158;
}

.bk-btn--ghost:hover {
    border-color: #9aa6c3;
    background: rgba(229, 234, 246, 0.5);
}

/* گرید دو ستونه برای مزایا/ویژگی‌ها */
.bk-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.5rem;
    margin: 1rem 0;
}

.bk-grid__item-title {
    font-weight: 600;
    margin-bottom: 0.15rem;
    color: #1b3158;
}

.bk-grid__item-text {
    font-size: 0.9rem;
    color: #4b5567;
}

/* تیک آیکن کوچک کنار لیست مزایا */
.bk-list-check {
    list-style: none;
    padding-right: 0;
}

.bk-list-check li {
    position: relative;
    padding-right: 1.5rem;
    margin-bottom: 0.4rem;
}

.bk-list-check li::before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 0.1rem;
    color: #0f9960;
    font-size: 0.85rem;
}

/* برچسب‌های کوچک (مثلا نسل پنجم، نسل ششم) */
.bk-badge {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #e6efff;
    color: #1b3158;
    margin-left: 0.25rem;
}

/* سکشن‌های جداشونده در متن */
.bk-section {
    padding: 1rem 0 0.1rem;
    border-top: 1px dashed #e1e5f2;
    margin-top: 1rem;
}

/* جدول‌های سادۀ مقایسه‌ای */
.bk-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 0.9rem;
}

.bk-table th,
.bk-table td {
    border: 1px solid #dde3f2;
    padding: 0.5rem 0.6rem;
}

.bk-table th {
    background-color: #f4f6fb;
    font-weight: 600;
    color: #1b3158;
}

/* نوار مسیر / عنوان کوچک بالای صفحه (اختیاری) */
.bk-breadcrumb {
    font-size: 0.8rem;
    color: #8a94ac;
    margin-bottom: 0.4rem;
}

.bk-breadcrumb a {
    color: #8a94ac;
}

.bk-breadcrumb span {
    margin: 0 0.25rem;
}

/* واکنش‌گرا */
@media (max-width: 768px) {
    .behkavosh-page {
        padding: 1rem 0.8rem 2rem;
    }

    .behkavosh-page-content {
        padding: 1.3rem 1.1rem;
    }

    .behkavosh-page-title {
        font-size: 1.35rem;
    }

    .bk-grid {
        grid-template-columns: 1fr;
    }
}