مدیاویکی:Common.css: تفاوت میان نسخه‌ها

نسخهٔ کنونی تا ۷ اکتبر ۲۰۲۶، ساعت ۰۱:۰۷

/* =========================================================
   ویکی‌داد — MediaWiki:Common.css
   نسخه نهایی یکپارچه
   پالت: رسمی + زنده + کمی فانتزی

   نکته:
   فونت محلی Vazirmatn در MediaWiki:Vector-2022.css
   تعریف شده است و این فایل فقط از خانواده فونت استفاده می‌کند.
   ========================================================= */


/* =========================================================
   1. DESIGN SYSTEM
   ========================================================= */

:root {

    /* هویت اصلی ویکی‌داد */
    --wd-teal: #147d73;
    --wd-teal-dark: #0d625b;
    --wd-teal-mid: #2c8d82;
    --wd-teal-soft: #e6f4f0;

    /* آبی فیروزه‌ای */
    --wd-cyan: #16758a;
    --wd-cyan-soft: #e8f5f7;

    /* طلایی */
    --wd-gold: #b98a32;
    --wd-gold-dark: #85651f;
    --wd-gold-soft: #fbf4df;

    /* آبی */
    --wd-blue: #3979a7;
    --wd-blue-dark: #285f87;
    --wd-blue-soft: #edf5fb;

    /* بنفش */
    --wd-purple: #76629a;
    --wd-purple-dark: #604d82;
    --wd-purple-soft: #f3eff9;

    /* مرجانی */
    --wd-coral: #c97838;
    --wd-coral-dark: #a95e27;
    --wd-coral-soft: #fff2e7;

    /* سبز پاسخ */
    --wd-success: #4b9b57;
    --wd-success-dark: #31743a;
    --wd-success-soft: #edf8f2;

    /* قرمز خطا */
    --wd-danger: #c85b5b;
    --wd-danger-dark: #9a3f3f;
    --wd-danger-soft: #fff1f1;

    /* متن */
    --wd-text: #293b3a;
    --wd-text-soft: #657572;
    --wd-text-light: #7b8986;

    /* زمینه */
    --wd-bg: #ffffff;
    --wd-bg-soft: #f7faf9;
    --wd-bg-warm: #fcfaf6;

    /* خطوط */
    --wd-border: #dce8e4;
    --wd-border-dark: #c8d9d4;

    /* سایه */
    --wd-shadow:
        0 4px 18px rgba(25, 83, 76, 0.07);

    --wd-shadow-hover:
        0 6px 18px rgba(25, 83, 76, 0.11);

    /* گوشه */
    --wd-radius: 10px;
    --wd-radius-small: 7px;

    /* فونت محلی ویکی‌داد */
    --wd-font:
        "WikidadVazirmatn",
        Tahoma,
        Arial,
        sans-serif;
}


/* =========================================================
   2. پایه ویکی
   ========================================================= */

html {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;
    color: var(--wd-text);
}


/* =========================================================
   3. لینک‌های عمومی صفحات حقوقی
   ========================================================= */

.mw-body a {
    color: var(--wd-cyan);
}

.mw-body a:hover {
    color: var(--wd-teal-dark);
}


/* =========================================================
   4. تیترهای MediaWiki
   ========================================================= */

.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
    color: var(--wd-text);
    font-weight: 700;
}


/* =========================================================
   5. صفحه حقوقی
   ========================================================= */

.law-page {
    direction: rtl;
    text-align: right;
    line-height: 2;
    font-family: var(--wd-font);
}

.law-page a {
    color: var(--wd-cyan);
    font-weight: 500;
    text-decoration: none;
}

.law-page a:hover {
    color: var(--wd-teal-dark);
    text-decoration: underline;
}


/* =========================================================
   6. بردکرامب
   قوانین و مقررات ← قانون ← فصل ← ماده
   ========================================================= */

.wd-breadcrumb {

    direction: rtl;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px;

    margin: 12px 0 24px;
    padding: 0;

    font-family: var(--wd-font);

    font-size: 13px;
    line-height: 1.8;
}


/* کادر هر سطح */

.wd-breadcrumb-item {

    display: inline-flex;
    align-items: center;

    box-sizing: border-box;

    min-height: 35px;

    padding: 5px 13px;

    background:
        linear-gradient(
            135deg,
            #f7faf9,
            #eef6f3
        );

    border: 1px solid #d4e3df;

    border-radius: 8px;

    color: #42645f;

    white-space: nowrap;

    box-shadow:
        0 1px 3px rgba(25, 83, 76, 0.04);

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}

.wd-breadcrumb-item a {

    color: #3c6861 !important;

    text-decoration: none !important;

    font-weight: 650;
}

.wd-breadcrumb-item:hover {

    background:
        linear-gradient(
            135deg,
            #edf8f4,
            #e2f1ed
        );

    border-color: #9fc8bf;

    transform: translateY(-1px);

    box-shadow:
        0 3px 9px rgba(25, 83, 76, 0.08);
}

.wd-breadcrumb-item:hover a {
    color: var(--wd-teal-dark) !important;
}


/* فلش */

.wd-breadcrumb-arrow {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 17px;

    color: #93aaa5;

    font-size: 14px;
    font-weight: 700;

    user-select: none;
}


/* ماده جاری */

.wd-breadcrumb-current {

    display: inline-flex;
    align-items: center;

    box-sizing: border-box;

    min-height: 35px;

    padding: 5px 14px;

    background:
        linear-gradient(
            135deg,
            #e0f2ec,
            #d4ebe5
        );

    border: 1px solid #acd0c6;

    border-right: 3px solid var(--wd-teal);

    border-radius: 8px;

    color: var(--wd-teal-dark);

    font-weight: 800;

    white-space: nowrap;

    box-shadow:
        0 2px 7px rgba(20, 125, 115, 0.08);
}


/* =========================================================
   7. صفحه اصلی — هدر
   ========================================================= */

.wd-home {

    direction: rtl;
    text-align: right;

    font-family: var(--wd-font);
}


/* هدر اصلی */

.wd-hero {

    position: relative;

    margin-bottom: 28px;

    padding: 34px 30px;

    background:
        linear-gradient(
            135deg,
            #eaf7f3 0%,
            #e2f2ee 52%,
            #edf7f5 100%
        );

    border-right: 6px solid var(--wd-teal);

    border-radius: 13px;

    box-shadow: var(--wd-shadow);

    overflow: hidden;
}


/* یک هاله خیلی ظریف برای زنده‌تر شدن هدر */

.wd-hero::before {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    left: -45px;
    top: -55px;

    background: rgba(255,255,255,.35);

    border-radius: 50%;

    pointer-events: none;
}

.wd-hero::after {

    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    left: 70px;
    bottom: -45px;

    background: rgba(255,255,255,.22);

    border-radius: 50%;

    pointer-events: none;
}

.wd-hero-title {

    position: relative;
    z-index: 1;

    color: var(--wd-teal-dark);

    font-size: 30px;

    font-weight: 900;

    line-height: 1.7;
}

.wd-hero-subtitle {

    position: relative;
    z-index: 1;

    margin-top: 5px;

    color: #60736f;

    font-size: 15px;

    line-height: 2;
}

.wd-search-box {

    position: relative;
    z-index: 1;

    margin-top: 22px;
}


/* =========================================================
   8. فهرست قانون — سربرگ
   ========================================================= */

.wd-law-index {

    direction: rtl;
    text-align: right;

    margin: 24px 0;

    font-family: var(--wd-font);
}

.wd-law-index-head {

    padding: 20px 22px;

    background:
        linear-gradient(
            135deg,
            #eef8f4,
            #e2f2ee
        );

    border-right: 5px solid var(--wd-teal);

    border-radius: 11px;

    margin-bottom: 16px;

    box-shadow:
        0 2px 10px rgba(25, 83, 76, 0.05);
}

.wd-law-index-title {

    color: var(--wd-teal-dark);

    font-size: 21px;

    font-weight: 850;

    line-height: 1.9;
}

.wd-law-index-description {

    margin-top: 5px;

    color: var(--wd-text-soft);

    font-size: 13px;

    line-height: 2;
}

.wd-law-index-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 12px;
}

.wd-law-index-meta span {

    display: inline-block;

    padding: 4px 9px;

    background: rgba(255,255,255,.82);

    border: 1px solid #d3e2de;

    border-radius: 6px;

    color: #52635f;

    font-size: 11px;
}

.wd-law-index-status {
    font-weight: 700;
}


/* =========================================================
   9. فصل قانون
   ========================================================= */

.wd-law-chapter {
    margin: 13px 0;
}

.wd-law-chapter a {

    display: block;

    color: inherit !important;

    text-decoration: none !important;
}

.wd-law-chapter-clickable {

    display: flex;

    align-items: center;
    justify-content: space-between;

    width: 100%;

    min-height: 64px;

    box-sizing: border-box;

    padding: 12px 18px;

    background:
        linear-gradient(
            135deg,
            #eef8f4 0%,
            #e3f1ed 100%
        );

    border: 1px solid #cfe1dc;

    border-right: 5px solid var(--wd-teal);

    border-radius: 10px;

    box-shadow:
        0 2px 8px rgba(25, 83, 76, 0.045);

    transition:
        background .17s ease,
        border-color .17s ease,
        transform .17s ease,
        box-shadow .17s ease;
}

.wd-law-chapter-clickable:hover {

    background:
        linear-gradient(
            135deg,
            #e5f5ef,
            #d9eee8
        );

    border-color: #a8cbc2;

    transform: translateY(-1px);

    box-shadow:
        0 5px 14px rgba(25, 83, 76, 0.09);
}

.wd-law-chapter-main {

    display: flex;

    flex-direction: column;

    min-width: 0;
}

.wd-law-chapter-title {

    color: #185e57;

    font-size: 16px;

    font-weight: 800;

    line-height: 1.9;
}

.wd-law-chapter-description {

    margin-top: 2px;

    color: #71847f;

    font-size: 12px;

    line-height: 1.8;
}

.wd-law-chapter-arrow {

    flex: 0 0 auto;

    margin-right: 15px;

    width: 29px;
    height: 29px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #d8ebe5;

    border-radius: 50%;

    color: #27766d;

    font-size: 15px;

    font-weight: 800;
}


/* =========================================================
   10. مبحث قانون
   ========================================================= */

.wd-law-topic {
    margin: 9px 0;
}

.wd-law-topic a {

    display: block;

    color: inherit !important;

    text-decoration: none !important;
}

.wd-law-topic-clickable {

    display: flex;

    align-items: center;
    justify-content: space-between;

    width: 100%;

    min-height: 55px;

    box-sizing: border-box;

    padding: 10px 16px;

    background:
        linear-gradient(
            135deg,
            #fbfcfc,
            #f5f9f7
        );

    border: 1px solid #dfe8e5;

    border-right: 4px solid #75a69e;

    border-radius: 9px;

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}

.wd-law-topic-clickable:hover {

    background:
        linear-gradient(
            135deg,
            #f2f8f6,
            #ebf4f1
        );

    border-color: #bfd6d0;

    transform: translateX(-2px);

    box-shadow:
        0 3px 9px rgba(25, 83, 76, 0.06);
}

.wd-law-topic-main {

    display: flex;

    flex-direction: column;

    min-width: 0;
}

.wd-law-topic-title {

    color: #486863;

    font-size: 14px;

    font-weight: 750;

    line-height: 1.9;
}

.wd-law-topic-description {

    color: #7b8986;

    font-size: 11px;

    line-height: 1.8;
}

.wd-law-topic-arrow {

    flex: 0 0 auto;

    margin-right: 12px;

    color: #70958f;

    font-size: 14px;
}


/* =========================================================
   11. ماده در فهرست
   ========================================================= */

.wd-law-item {
    margin: 6px 0;
}

.wd-law-item a {

    display: block;

    color: inherit !important;

    text-decoration: none !important;
}

.wd-law-item-clickable {

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 50px;

    box-sizing: border-box;

    padding: 8px 13px;

    background: #ffffff;

    border: 1px solid #e1e9e6;

    border-radius: 8px;

    transition:
        background .15s ease,
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.wd-law-item-clickable:hover {

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #f1f8f5
        );

    border-color: #b8d3cc;

    transform: translateX(-2px);

    box-shadow:
        0 3px 9px rgba(25, 83, 76, 0.055);
}

.wd-law-item-number {

    flex: 0 0 auto;

    min-width: 72px;

    color: #24746b;

    font-size: 13px;

    font-weight: 850;
}

.wd-law-item-text {

    display: flex;

    flex-direction: column;

    flex: 1;

    min-width: 0;
}

.wd-law-item-title {

    color: #405552;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.8;
}

.wd-law-item-summary {

    margin-top: 1px;

    color: #7b8986;

    font-size: 11px;

    line-height: 1.8;
}

.wd-law-item-status {

    flex: 0 0 auto;

    margin-right: 9px;

    padding: 3px 8px;

    background: #edf7f3;

    border: 1px solid #d4e8e2;

    border-radius: 5px;

    color: #31786f;

    font-size: 10px;

    font-weight: 700;
}

.wd-law-item-arrow {

    flex: 0 0 auto;

    margin-right: 9px;

    color: #7d9993;

    font-size: 14px;
}


/* =========================================================
   12. جعبه‌های محتوایی
   ========================================================= */

.term-box {

    background:
        linear-gradient(
            135deg,
            #f7f3fb,
            #f1edf8
        );

    border-right: 5px solid var(--wd-purple);

    border-radius: 10px;

    padding: 18px 22px;

    margin: 18px 0;

    box-shadow:
        0 2px 9px rgba(118, 98, 154, 0.06);
}


.related-laws-box {

    background:
        linear-gradient(
            135deg,
            #fffaf0,
            #f9f3e6
        );

    border-right: 5px solid var(--wd-gold);

    border-radius: 10px;

    padding: 18px 22px;

    margin: 20px 0;

    box-shadow:
        0 2px 9px rgba(185, 138, 50, 0.055);
}

.related-laws-title {

    color: var(--wd-gold-dark);

    font-weight: 800;

    font-size: 1.12em;
}


.judgment-box {

    background:
        linear-gradient(
            135deg,
            #f1f7fc,
            #eaf3fa
        );

    border-right: 5px solid var(--wd-blue);

    border-radius: 10px;

    padding: 20px 24px;

    margin: 18px 0;

    box-shadow:
        0 2px 9px rgba(57, 121, 167, 0.055);
}

.judgment-title {

    color: var(--wd-blue-dark);

    font-weight: 800;
}


.advisory-box {

    background:
        linear-gradient(
            135deg,
            #fcf7ef,
            #f7efe3
        );

    border-right: 5px solid #a9783b;

    border-radius: 10px;

    padding: 20px 24px;

    margin: 18px 0;

    box-shadow:
        0 2px 9px rgba(169, 120, 59, 0.055);
}


.explanation-box {

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbfa
        );

    border-right: 5px solid var(--wd-teal);

    border-radius: 10px;

    padding: 20px 24px;

    margin: 18px 0;

    box-shadow:
        0 3px 11px rgba(20, 80, 70, 0.055);
}


/* =========================================================
   13. نکات و جستارهای وابسته
   ========================================================= */

.related-topics-box {

    background:
        linear-gradient(
            135deg,
            #f8faf9,
            #f2f6f5
        );

    border-right: 4px solid #7d918d;

    border-radius: 8px;

    padding: 18px 22px;

    margin: 20px 0;
}


/* =========================================================
   14. ناوبری قدیمی مواد
   ========================================================= */

.law-navigation {

    margin: 35px 0;

    padding: 18px;

    background:
        linear-gradient(
            135deg,
            #edf8f5,
            #e4f2ee
        );

    border: 1px solid #c9e3df;

    border-radius: 12px;

    direction: rtl;
    text-align: center;

    box-shadow:
        0 3px 11px rgba(20, 100, 90, .05);
}

.law-navigation-title {

    color: var(--wd-teal-dark);

    font-weight: 800;

    font-size: 1.15em;

    margin-bottom: 12px;
}


/* =========================================================
   15. جدول قدیمی فهرست مواد
   ========================================================= */

.law-index-table {

    width: 100%;

    border-collapse: collapse;

    direction: rtl;

    margin: 20px 0;
}

.law-index-table th {

    background: var(--wd-teal);

    color: #ffffff;

    padding: 10px;
}

.law-index-table td {

    padding: 9px;

    border: 1px solid #ddd;
}

.law-index-table tr:nth-child(even) {

    background: #f8fbfa;
}

.law-index-table a {

    text-decoration: none;
}


/* =========================================================
   16. عنوان‌ها / سکشن‌های محتوایی
   ========================================================= */

.wd-section-title {

    display: flex;

    align-items: center;

    gap: 10px;

    margin: 28px 0 12px;

    padding-bottom: 8px;

    border-bottom: 1px solid var(--wd-border);

    color: var(--wd-text);

    font-size: 19px;

    font-weight: 800;
}

.wd-section-title::before {

    content: "";

    width: 4px;

    height: 25px;

    background: var(--wd-teal);

    border-radius: 3px;
}


/* =========================================================
   17. تست تعاملی — نسخه اصلی و نهایی
   ========================================================= */

.wd-test {

    direction: rtl;

    text-align: right;

    margin: 32px 0;

    font-family: var(--wd-font);
}

.wd-test-options {

    display: flex;

    flex-direction: column;

    gap: 9px;
}

.wd-test-options ul {

    margin: 0 !important;

    padding: 0 !important;
}

.wd-test-options li {

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* گزینه */

.wd-test-option {

    display: flex;

    align-items: center;

    width: 100%;

    box-sizing: border-box;

    padding: 12px 15px;

    background: #ffffff;

    border: 1px solid #dfe7e5;

    border-radius: 8px;

    color: #37474f !important;

    font-family: var(--wd-font);

    font-size: 15px;

    line-height: 1.9;

    text-align: right;

    cursor: pointer;

    user-select: none;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease,
        box-shadow .15s ease;
}

.wd-test-option:hover {

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #f0f8f6
        );

    border-color: var(--wd-teal);

    transform: translateY(-1px);

    box-shadow:
        0 3px 9px rgba(20, 125, 115, .07);
}


/* علامت گزینه */

.wd-test-option::before {

    content: "□";

    flex: 0 0 auto;

    margin-left: 11px;

    font-size: 21px;

    line-height: 1;

    color: #78909c;
}

.wd-test-option.wd-selected::before {

    content: "☑";
}


/* صحیح */

.wd-test-option.wd-correct {

    background:
        linear-gradient(
            90deg,
            #edf9f2,
            #e5f5ec
        );

    border-color: var(--wd-success);

    color: #276b35 !important;

    box-shadow:
        0 3px 10px rgba(75, 155, 87, .08);
}

.wd-test-option.wd-correct::before {

    color: var(--wd-success);
}


/* غلط */

.wd-test-option.wd-wrong {

    background:
        linear-gradient(
            90deg,
            #fff3f1,
            #fff0ed
        );

    border-color: var(--wd-danger);

    color: var(--wd-danger-dark) !important;
}

.wd-test-option.wd-wrong::before {

    content: "☒";

    color: var(--wd-danger);
}


/* نتیجه */

.wd-test-result-message.wd-result-correct {

    color: #287653;
}

.wd-test-result-message.wd-result-wrong {

    color: #a04444;
}

.wd-test.wd-test-finished .wd-test-option {

    cursor: default;
}

.wd-test.wd-test-finished .wd-test-option:hover {

    transform: none;
}


/* نوع سؤال */

.wd-test-source {

    font-size: 12px;

    font-weight: normal;

    color: var(--wd-purple);

    white-space: nowrap;
}


/* =========================================================
   18. بانک تست قدیمی — حفظ سازگاری
   ========================================================= */

.test-bank {
    margin: 25px 0;
}

.test-card {

    border-radius: 12px;

    padding: 20px 22px;

    margin: 22px 0;

    box-shadow:
        0 3px 12px rgba(0,0,0,.07);

    direction: rtl;
    text-align: right;
}

.test-official {

    background: var(--wd-blue-soft);

    border-right: 6px solid var(--wd-blue);
}

.test-official .test-label {
    color: var(--wd-blue-dark);
}

.test-authored {

    background: var(--wd-purple-soft);

    border-right: 6px solid var(--wd-purple);
}

.test-authored .test-label {
    color: var(--wd-purple-dark);
}

.test-trap {

    background: var(--wd-coral-soft);

    border-right: 6px solid var(--wd-coral);
}

.test-trap .test-label {
    color: var(--wd-coral-dark);
}

.test-label {

    font-weight: bold;

    font-size: .92em;

    margin-bottom: 10px;
}

.test-option {

    display: block;

    background: rgba(255,255,255,.72);

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 10px 13px;

    margin: 8px 0;

    cursor: pointer;
}

.test-option:hover {
    background: #ffffff;
}

.test-answer {

    margin-top: 15px;

    padding: 15px 18px;

    background: var(--wd-success-soft);

    border-right: 4px solid var(--wd-success);

    border-radius: 8px;
}

.test-answer-title {

    color: var(--wd-success-dark);

    font-weight: bold;
}

.exam-tip {

    background:
        linear-gradient(
            135deg,
            #fff9df,
            #fff5d1
        );

    border-right: 4px solid #d0a928;

    border-radius: 8px;

    padding: 13px 16px;

    margin-top: 12px;
}


/* =========================================================
   19. منابع و مآخذ — دو ستونه
   ========================================================= */

.wd-references {

    direction: rtl;

    text-align: right;

    font-family: var(--wd-font);

    font-size: 13px;

    color: #52615e;
}

.wd-references ol {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: 28px;

    row-gap: 2px;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

    counter-reset: wd-reference;
}

.wd-references li {

    position: relative;

    box-sizing: border-box;

    margin: 0 !important;

    padding: 4px 27px 4px 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    line-height: 1.9;

    min-height: 0;

    counter-increment: wd-reference;
}

.wd-references li::before {

    content: counter(wd-reference);

    position: absolute;

    right: 0;
    top: 50%;

    transform: translateY(-50%);

    color: var(--wd-teal);

    font-size: 11px;

    font-weight: 800;
}

.wd-references a {

    color: var(--wd-cyan);

    text-decoration: none;
}

.wd-references a:hover {

    color: var(--wd-teal-dark);

    text-decoration: underline;
}

.wd-references .mw-cite-backlink {

    margin-right: 4px;

    white-space: nowrap;
}

.wd-references .mw-cite-backlink a {

    color: var(--wd-teal);

    font-weight: bold;
}


/* =========================================================
   20. جعبه ماده — هماهنگی رنگی بدون تخریب Template
   ========================================================= */

.law-article-box a {

    color: var(--wd-cyan);
}

.law-article-box a:hover {

    color: var(--wd-teal-dark);
}


/* =========================================================
   21. جزئیات بازشونده
   ========================================================= */

.law-collapsible {

    margin: 20px 0;

    border: 1px solid var(--wd-border);

    border-radius: 10px;

    background: #ffffff;

    overflow: hidden;
}

.law-collapsible summary {

    cursor: pointer;

    padding: 13px 17px;

    background:
        linear-gradient(
            135deg,
            #f1f8f5,
            #eaf4f1
        );

    color: var(--wd-teal-dark);

    font-weight: 800;

    list-style: none;
}

.law-collapsible summary::-webkit-details-marker {
    display: none;
}

.law-collapsible > div,
.law-collapsible > p {
    padding: 0 18px;
}


/* =========================================================
   22. لیست‌ها
   ========================================================= */

.law-page ul,
.law-page ol {
    line-height: 2.1;
}

.law-page li {
    margin-bottom: 4px;
}


/* =========================================================
   23. جدول‌های عمومی
   ========================================================= */

.mw-body table {
    direction: rtl;
}


/* =========================================================
   24. موبایل
   ========================================================= */

@media (max-width: 700px) {

    .wd-hero {

        padding: 25px 20px;

        border-right-width: 5px;
    }

    .wd-hero-title {
        font-size: 24px;
    }

    .wd-hero-subtitle {
        font-size: 13px;
    }

    .wd-breadcrumb {

        gap: 5px;

        margin: 10px 0 18px;

        font-size: 12px;
    }

    .wd-breadcrumb-item,
    .wd-breadcrumb-current {

        min-height: 32px;

        padding: 4px 9px;

        border-radius: 7px;
    }

    .wd-breadcrumb-arrow {

        width: 12px;

        font-size: 12px;
    }

    .wd-law-index-head {

        padding: 16px 15px;
    }

    .wd-law-index-title {
        font-size: 18px;
    }

    .wd-law-chapter-clickable {

        min-height: 55px;

        padding: 10px 12px;
    }

    .wd-law-chapter-title {
        font-size: 14px;
    }

    .wd-law-topic-clickable {
        padding: 9px 11px;
    }

    .wd-law-topic-title {
        font-size: 13px;
    }

    .wd-law-item-clickable {
        padding: 8px 10px;
    }

    .wd-law-item-number {

        min-width: 63px;

        font-size: 12px;
    }

    .wd-law-item-title {
        font-size: 12px;
    }

    .wd-law-item-summary {
        font-size: 10px;
    }

    .wd-references ol {

        grid-template-columns: 1fr;

        column-gap: 0;
    }
}


/* =========================================================
   25. چاپ
   ========================================================= */

@media print {

    .wd-breadcrumb {

        margin-bottom: 15px;
    }

    .wd-breadcrumb-item,
    .wd-breadcrumb-current {

        background: #ffffff !important;

        border-color: #999 !important;

        color: #000 !important;
    }

    .wd-breadcrumb-arrow {
        color: #555 !important;
    }

    .wd-test-option {

        break-inside: avoid;
    }

    .law-navigation {

        break-inside: avoid;
    }
}


/* =========================================================
   WIKIDAD — COMPACT ARTICLE LAYOUT
   ========================================================= */

/* صفحه مقاله */
.law-page {
    line-height: 1.95;
}

/* پاراگراف‌ها */
.law-page p {
    margin: 0.2em 0 !important;
}

/* تیترهای داخلی */
.law-page h2,
.law-page h3,
.law-page h4 {
    margin-top: 12px !important;
    margin-bottom: 6px !important;
}


/* ---------------------------------------------------------
   فاصله بخش‌های اصلی
   --------------------------------------------------------- */

.law-page > div[style*="margin:30px 0"] {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.law-page > div[style*="margin:30px 0 20px"] {
    margin-top: 12px !important;
    margin-bottom: 10px !important;
}

.law-page > div[style*="margin:30px 0 0"] {
    margin-top: 12px !important;
    margin-bottom: 6px !important;
}

.law-page > div[style*="margin:25px 0"] {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.law-page > div[style*="margin:22px 0"] {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


/* ---------------------------------------------------------
   فاصله عنوان بخش از محتوای آن
   --------------------------------------------------------- */

.law-page div[style*="margin-bottom:16px"] {
    margin-bottom: 6px !important;
}

.law-page div[style*="margin-bottom:15px"] {
    margin-bottom: 6px !important;
}

.law-page div[style*="margin-bottom:10px"] {
    margin-bottom: 5px !important;
}

.law-page div[style*="margin-bottom:8px"] {
    margin-bottom: 4px !important;
}


/* ---------------------------------------------------------
   متن بخش‌ها
   --------------------------------------------------------- */

.law-page div[style*="line-height:2.3"] {
    line-height: 2 !important;
}

.law-page div[style*="line-height:2.25"] {
    line-height: 2 !important;
}

.law-page div[style*="line-height:2.2"] {
    line-height: 1.95 !important;
}

.law-page div[style*="line-height:2.1"] {
    line-height: 1.9 !important;
}


/* ---------------------------------------------------------
   اصطلاحات
   --------------------------------------------------------- */

.law-page .term-box {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.law-page .term-box > div {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


/* ---------------------------------------------------------
   تست‌ها — فشرده
   --------------------------------------------------------- */

.law-page .wd-test {
    margin: 10px 0 !important;
}


/* عنوان تست */

.law-page .wd-test-header {
    padding-top: 0 !important;
    padding-bottom: 5px !important;
    margin: 0 !important;
}


/* متن سؤال */

.law-page .wd-test-question {
    line-height: 1.9 !important;
    margin: 0 !important;
}


/* ناحیه گزینه‌ها */

.law-page .wd-test > div[style*="padding:20px 4px 8px"] {
    padding: 7px 4px 2px !important;
    margin: 0 !important;
}


/* اگر padding با شکل دیگری ثبت شده باشد */

.law-page .wd-test > div[style*="padding:20px"] {
    padding-top: 7px !important;
    padding-bottom: 2px !important;
}


/* فاصله گزینه‌ها */

.law-page .wd-test-options {
    gap: 5px !important;
}


/* خود گزینه‌ها */

.law-page .wd-test-option {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}


/* نتیجه تست */

.law-page .wd-test-result {
    margin-top: 8px !important;
}


/* ---------------------------------------------------------
   جعبه‌های معیارهای تشخیص
   --------------------------------------------------------- */

.law-page div[style*="margin-bottom:9px"] {
    margin-bottom: 4px !important;
}


/* ---------------------------------------------------------
   جدول
   --------------------------------------------------------- */

.law-page table {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.law-page table th,
.law-page table td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.law-page div[style*="border-bottom:1px solid #dfe7e5"] {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}


/* ---------------------------------------------------------
   Breadcrumb
   --------------------------------------------------------- */

.wd-breadcrumb {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
}


/* ---------------------------------------------------------
   ارجاعات
   --------------------------------------------------------- */

.law-page .wd-references {
    margin-top: 2px !important;
}

.law-page .wd-references ol {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   مسیر مطالعه
   --------------------------------------------------------- */

.law-page div[style*="margin:20px 0 8px"] {
    margin-top: 8px !important;
    margin-bottom: 4px !important;
}


/* ---------------------------------------------------------
   موبایل
   --------------------------------------------------------- */

@media (max-width:700px) {

    .law-page > div[style*="margin:30px"] {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .law-page > div[style*="margin:25px"] {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .law-page .wd-test {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

}


/* =========================================================
   دکمه سابقه تقنینی ماده
   ========================================================= */

.wd-version-toggle {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;

    box-sizing: border-box !important;

    padding: 7px 13px !important;

    background: #f8faf9 !important;

    border: 1px solid #cfdad6 !important;

    border-radius: 7px !important;

    color: #28706a !important;

    font-family:
        "WikidadVazirmatn",
        Tahoma,
        Arial,
        sans-serif !important;

    font-size: 13px !important;

    font-weight: bold !important;

    line-height: 1.5 !important;

    cursor: pointer !important;

    user-select: none !important;

    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease !important;
}

.wd-version-toggle:hover {

    background: #edf5f2 !important;

    border-color: #168477 !important;

    color: #11695f !important;

    transform: translateY(-1px) !important;
}

.wd-version-toggle-icon {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    font-size: 17px !important;

    font-weight: 800 !important;

    line-height: 1 !important;
}

.wd-version-toggle-label {

    display: inline-block !important;

    white-space: nowrap !important;
}


/* =========================================================
   WIKIDAD — RESPONSIVE SYSTEM
   نسخه 1.0
   ========================================================= */


/* =========================================================
   1. عناصر پایه — جلوگیری از بیرون‌زدگی
   ========================================================= */

.mw-body,
.law-page,
.wd-home {

    box-sizing: border-box;

    max-width: 100%;
}

.mw-body *,
.law-page *,
.wd-home * {

    box-sizing: border-box;
}


/* تصاویر */

.law-page img,
.wd-home img {

    max-width: 100%;

    height: auto;
}


/* iframe و ویدئو */

.law-page iframe,
.law-page video,
.wd-home iframe,
.wd-home video {

    max-width: 100%;
}


/* =========================================================
   2. جدول‌ها — جلوگیری از خراب شدن صفحه
   ========================================================= */

.law-page table,
.wd-home table {

    max-width: 100%;
}


/* =========================================================
   3. متن‌های خیلی طولانی
   ========================================================= */

.law-page a,
.wd-home a {

    overflow-wrap: anywhere;
}


/* =========================================================
   4. تبلت و نمایشگرهای متوسط
   ========================================================= */

@media (max-width: 1000px) {

    .wd-hero {
        padding: 28px 24px;
    }

    .wd-hero-title {
        font-size: 27px;
    }

    .wd-law-index-head {
        padding: 18px 19px;
    }

    .term-box,
    .related-laws-box,
    .judgment-box,
    .advisory-box,
    .explanation-box,
    .related-topics-box {

        padding-left: 18px;

        padding-right: 18px;
    }

}


/* =========================================================
   5. موبایل
   ========================================================= */

@media (max-width: 700px) {

    /* -----------------------------------------
       صفحه قانون
       ----------------------------------------- */

    .law-page {

        width: 100%;

        max-width: 100%;

        overflow-wrap: break-word;
    }


    /* -----------------------------------------
       Breadcrumb
       ----------------------------------------- */

    .wd-breadcrumb {

        width: 100%;

        max-width: 100%;

        gap: 4px;
    }

    .wd-breadcrumb-item,
    .wd-breadcrumb-current {

        max-width: 100%;

        white-space: normal;
    }


    /* -----------------------------------------
       Hero
       ----------------------------------------- */

    .wd-hero {

        padding: 22px 16px;

        margin-bottom: 18px;

        border-right-width: 4px;
    }

    .wd-hero-title {

        font-size: 22px;

        line-height: 1.65;
    }

    .wd-hero-subtitle {

        font-size: 12px;

        line-height: 1.9;
    }

    .wd-search-box {

        margin-top: 16px;
    }


    /* -----------------------------------------
       عنوان فهرست قانون
       ----------------------------------------- */

    .wd-law-index {

        margin: 16px 0;
    }

    .wd-law-index-head {

        padding: 14px 13px;

        margin-bottom: 10px;
    }

    .wd-law-index-title {

        font-size: 17px;
    }

    .wd-law-index-description {

        font-size: 12px;
    }


    /* -----------------------------------------
       فصل
       ----------------------------------------- */

    .wd-law-chapter-clickable {

        min-height: 52px;

        padding: 9px 11px;
    }

    .wd-law-chapter-title {

        font-size: 13px;

        line-height: 1.8;
    }

    .wd-law-chapter-description {

        font-size: 11px;
    }

    .wd-law-chapter-arrow {

        margin-right: 9px;

        width: 26px;

        height: 26px;

        font-size: 13px;
    }


    /* -----------------------------------------
       مبحث
       ----------------------------------------- */

    .wd-law-topic-clickable {

        min-height: 48px;

        padding: 8px 10px;
    }

    .wd-law-topic-title {

        font-size: 12px;
    }

    .wd-law-topic-description {

        font-size: 10px;
    }

    .wd-law-topic-arrow {

        margin-right: 8px;
    }


    /* -----------------------------------------
       ماده در فهرست
       ----------------------------------------- */

    .wd-law-item-clickable {

        align-items: flex-start;

        padding: 8px 9px;
    }

    .wd-law-item-number {

        min-width: 58px;

        font-size: 11px;
    }

    .wd-law-item-title {

        font-size: 11px;

        line-height: 1.75;
    }

    .wd-law-item-summary {

        font-size: 10px;
    }

    .wd-law-item-status {

        margin-right: 6px;

        padding: 2px 5px;

        font-size: 9px;
    }

    .wd-law-item-arrow {

        margin-right: 6px;

        font-size: 12px;
    }


    /* -----------------------------------------
       جعبه‌های حقوقی
       ----------------------------------------- */

    .term-box,
    .related-laws-box,
    .judgment-box,
    .advisory-box,
    .explanation-box,
    .related-topics-box {

        width: 100%;

        max-width: 100%;

        padding: 13px 13px;

        margin: 12px 0;
    }


    /* -----------------------------------------
       عنوان سکشن
       ----------------------------------------- */

    .wd-section-title {

        font-size: 16px;

        margin-top: 20px;

        margin-bottom: 9px;
    }


    /* -----------------------------------------
       تست
       ----------------------------------------- */

    .wd-test {

        width: 100%;

        max-width: 100%;
    }

    .wd-test-option {

        width: 100%;

        max-width: 100%;

        padding: 10px 11px;

        font-size: 13px;

        line-height: 1.8;
    }

    .wd-test-option::before {

        margin-left: 8px;

        font-size: 18px;
    }


    /* -----------------------------------------
       منابع
       ----------------------------------------- */

    .wd-references {

        font-size: 12px;
    }

    .wd-references ol {

        grid-template-columns: 1fr;
    }

    .wd-references li {

        padding-right: 24px !important;
    }


    /* -----------------------------------------
       ناوبری مواد
       ----------------------------------------- */

    .law-navigation {

        padding: 13px;

        margin: 20px 0;
    }


    /* -----------------------------------------
       جعبه بازشونده
       ----------------------------------------- */

    .law-collapsible summary {

        padding: 11px 12px;

        line-height: 1.8;
    }

    .law-collapsible > div,
    .law-collapsible > p {

        padding-left: 12px;

        padding-right: 12px;
    }


    /* -----------------------------------------
       جدول
       ----------------------------------------- */

    .law-page table {

        width: 100%;

        max-width: 100%;
    }


    /* -----------------------------------------
       دکمه سابقه تقنینی
       ----------------------------------------- */

    .wd-version-toggle {

        max-width: 100%;

        white-space: normal !important;

        text-align: center;
    }

    .wd-version-toggle-label {

        white-space: normal !important;
    }

}


/* =========================================================
   6. موبایل خیلی کوچک
   ========================================================= */

@media (max-width: 480px) {

    .wd-hero {

        padding: 18px 13px;
    }

    .wd-hero-title {

        font-size: 20px;
    }

    .wd-hero-subtitle {

        font-size: 11px;
    }

    .wd-law-index-title {

        font-size: 16px;
    }

    .wd-law-item-clickable {

        padding: 7px 7px;
    }

    .wd-law-item-number {

        min-width: 53px;

        font-size: 10px;
    }

    .wd-law-item-title {

        font-size: 10.5px;
    }

    .wd-law-item-status {

        display: none;
    }

    .wd-law-item-arrow {

        display: none;
    }

    .wd-section-title {

        font-size: 15px;
    }

    .term-box,
    .related-laws-box,
    .judgment-box,
    .advisory-box,
    .explanation-box,
    .related-topics-box {

        padding: 11px 10px;
    }

}


/* =========================================================
   7. جلوگیری از عناصر عریض ناشناخته
   ========================================================= */

.law-page pre,
.law-page code {

    max-width: 100%;

    overflow-x: auto;
}

.law-page pre {

    white-space: pre-wrap;

    overflow-wrap: anywhere;
}


/* =========================================================
   8. جداول خیلی عریض
   ========================================================= */

.law-page table {

    overflow-wrap: anywhere;
}

@media (max-width: 700px) {

    .law-page table {

        font-size: 12px;
    }

    .law-page table th,
    .law-page table td {

        padding: 5px 6px !important;

        word-break: break-word;
    }

}


/* =========================================================
   پایان Responsive
   ========================================================= */


/* =========================================================
   WIKIDAD — افزایش خوانایی در موبایل
   فقط موبایل
   ========================================================= */

@media (max-width: 700px) {

    /* متن اصلی */
    .skin-vector-2022 .mw-body-content,
    .skin-vector-2022 .law-page,
    .skin-vector-2022 .wd-home {

        font-size: 17px;
    }

    /* پاراگراف‌ها */
    .skin-vector-2022 .law-page p,
    .skin-vector-2022 .wd-home p {

        font-size: 17px;
        line-height: 1.9;
    }

    /* فهرست‌ها */
    .skin-vector-2022 .law-page li,
    .skin-vector-2022 .wd-home li {

        font-size: 17px;
        line-height: 1.9;
    }

    /* جدول‌ها */
    .skin-vector-2022 .law-page td,
    .skin-vector-2022 .law-page th,
    .skin-vector-2022 .wd-home td,
    .skin-vector-2022 .wd-home th {

        font-size: 16px;
    }

    /* لینک‌ها */
    .skin-vector-2022 .law-page a,
    .skin-vector-2022 .wd-home a {

        font-size: inherit;
    }

    /* تیترهای داخل مقاله */
    .skin-vector-2022 .law-page h2 {
        font-size: 22px;
    }

    .skin-vector-2022 .law-page h3 {
        font-size: 19px;
    }

    .skin-vector-2022 .law-page h4 {
        font-size: 18px;
    }
}

/* =========================================================
   Wikidad — طراحی اختصاصی رده‌های مقاله
   کنترل بخش واقعی Category Links در MediaWiki
   ========================================================= */

#catlinks {
    direction: rtl;
    text-align: right;
    margin: 24px 0 8px !important;
    padding: 12px 14px !important;
    background: #f7f9f8 !important;
    border-right: 4px solid #527d77 !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    line-height: 1.9 !important;
    font-size: 13px !important;
}

/* عنوان «رده‌ها» */
#catlinks .mw-normal-catlinks > a:first-child {
    display: inline-block;
    color: #527d77 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-left: 8px !important;
}

/* حذف ظاهر فهرست پیش‌فرض */
#catlinks ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    list-style: none !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
}

/* هر رده */
#catlinks li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

/* لینک رده */
#catlinks li a {
    display: block !important;
    box-sizing: border-box !important;
    padding: 5px 10px !important;
    margin: 0 !important;
    background: #527d77 !important;
    color: #fff !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* حالت هاور */
#catlinks li a:hover {
    background: #456b66 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* جلوگیری از به‌هم‌ریختگی در موبایل */
@media (max-width: 600px) {

    #catlinks {
        margin: 18px 0 8px !important;
        padding: 10px !important;
    }

    #catlinks ul {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
    }

    #catlinks li a {
        width: 100% !important;
        text-align: center !important;
        padding: 5px 7px !important;
        font-size: 11.5px !important;
    }
}


/* =========================================================
   WIKIDAD — REGULATION PAGE
   طراحی نهایی صفحات آیین‌نامه و اسناد مقرراتی
   نسخه یکپارچه
   ---------------------------------------------------------
   نکات:
   - مستقل از .law-page
   - بدون TOC
   - بدون JavaScript
   - بدون دسترسی سریع
   - بدون وضعیت تنقیحی مستقل
   - شناسنامه سند = یک کارت واحد
   - دسکتاپ: برد کامپوننت 6 ستونه
   - موبایل: برد کامپوننت 2 ستونه
   ========================================================= */


/* =========================================================
   1. پوسته اصلی آیین‌نامه
   ========================================================= */

.wd-regulation-page {

    direction: rtl;
    text-align: right;

    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    font-family: var(--wd-font) !important;

    color: var(--wd-text);

    font-size: 14px;

    line-height: 1.95;

    overflow-wrap: break-word;
}


/* تمام عناصر داخل صفحه */

.wd-regulation-page *,
.wd-regulation-page h1,
.wd-regulation-page h2,
.wd-regulation-page h3,
.wd-regulation-page h4,
.wd-regulation-page h5,
.wd-regulation-page h6,
.wd-regulation-page p,
.wd-regulation-page span,
.wd-regulation-page strong,
.wd-regulation-page em,
.wd-regulation-page a,
.wd-regulation-page li,
.wd-regulation-page td,
.wd-regulation-page th {

    font-family: var(--wd-font) !important;

    box-sizing: border-box;
}


/* لینک‌ها */

.wd-regulation-page a {

    color: var(--wd-cyan);

    text-decoration: none;
}

.wd-regulation-page a:hover {

    color: var(--wd-teal-dark);

    text-decoration: underline;
}


/* پاراگراف‌های خالی MediaWiki */

.wd-regulation-page p:empty,
.wd-regulation-page .mw-empty-elt {

    display: none !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   2. بردکرامب
   ========================================================= */

.wd-regulation-page .wd-regulation-breadcrumb {

    direction: rtl;

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: center;

    justify-content: flex-start;

    gap: 7px;

    width: 100%;
    max-width: 100%;

    margin: 4px 0 12px;

    padding: 0;

    font-size: 13px;

    line-height: 1.8;

    white-space: nowrap;

    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: thin;
}


/* هر آیتم */

.wd-regulation-page .wd-regulation-breadcrumb > *,
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-item,
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-current,
.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-arrow {

    display: inline-flex !important;

    flex: 0 0 auto !important;

    align-items: center;

    white-space: nowrap;
}


/* آیتم لینک */

.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-item {

    min-height: 32px;

    padding: 4px 11px;

    background:
        linear-gradient(
            135deg,
            #f7faf9,
            #eef6f3
        );

    border: 1px solid #d4e3df;

    border-radius: 7px;

    color: #42645f;

    box-shadow:
        0 1px 3px rgba(25,83,76,.04);
}

.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-item a {

    color: #3c6861 !important;

    text-decoration: none !important;

    font-weight: 650;
}


/* آیتم جاری */

.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-current {

    min-height: 32px;

    padding: 4px 12px;

    background:
        linear-gradient(
            135deg,
            #e0f2ec,
            #d4ebe5
        );

    border: 1px solid #acd0c6;

    border-right: 3px solid var(--wd-teal);

    border-radius: 7px;

    color: var(--wd-teal-dark);

    font-weight: 800;
}


/* فلش */

.wd-regulation-page .wd-regulation-breadcrumb .wd-breadcrumb-arrow {

    width: 16px;

    justify-content: center;

    color: #93aaa5;

    font-size: 13px;

    font-weight: 700;
}


/* scrollbar */

.wd-regulation-page .wd-regulation-breadcrumb::-webkit-scrollbar {

    height: 4px;
}

.wd-regulation-page .wd-regulation-breadcrumb::-webkit-scrollbar-thumb {

    background: #c8d9d4;

    border-radius: 10px;
}


/* =========================================================
   3. هدر اصلی آیین‌نامه
   ========================================================= */

.wd-regulation-page .wd-regulation-hero {

    position: relative;

    width: 100%;

    margin: 0 0 12px;

    padding: 20px 22px;

    background:
        linear-gradient(
            135deg,
            #eaf7f3 0%,
            #e2f2ee 55%,
            #edf7f5 100%
        );

    border: 1px solid #cfe3de;

    border-right: 6px solid var(--wd-teal);

    border-radius: 11px;

    box-shadow:
        0 3px 12px rgba(25,83,76,.065);

    overflow: hidden;
}


/* هاله ظریف */

.wd-regulation-page .wd-regulation-hero::before {

    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    left: -45px;
    top: -50px;

    background: rgba(255,255,255,.32);

    border-radius: 50%;

    pointer-events: none;
}


/* عنوان */

.wd-regulation-page .wd-regulation-hero-title {

    position: relative;

    z-index: 1;

    margin: 0;

    color: var(--wd-teal-dark);

    font-size: 24px;

    font-weight: 900;

    line-height: 1.75;
}


/* زیرعنوان */

.wd-regulation-page .wd-regulation-hero-subtitle {

    position: relative;

    z-index: 1;

    margin: 3px 0 0;

    color: #60736f;

    font-size: 13px;

    line-height: 1.9;
}


/* متادیتای کوتاه هدر */

.wd-regulation-page .wd-regulation-hero-meta {

    position: relative;

    z-index: 1;

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    margin-top: 10px;
}

.wd-regulation-page .wd-regulation-hero-meta span {

    display: inline-flex;

    align-items: center;

    padding: 3px 8px;

    background: rgba(255,255,255,.76);

    border: 1px solid #d2e3df;

    border-radius: 6px;

    color: #52706a;

    font-size: 11px;

    line-height: 1.7;
}


/* =========================================================
   4. کارت‌های عمومی
   ========================================================= */

.wd-regulation-page .wd-regulation-card {

    width: 100%;

    margin: 9px 0;

    padding: 16px 18px;

    background: #ffffff;

    border: 1px solid var(--wd-border);

    border-radius: 10px;

    box-shadow:
        0 2px 9px rgba(25,83,76,.045);

    box-sizing: border-box;
}


/* =========================================================
   5. عنوان بخش
   ========================================================= */

.wd-regulation-page .wd-regulation-section-title {

    display: flex;

    align-items: center;

    gap: 8px;

    margin: 15px 0 8px;

    padding-bottom: 6px;

    border-bottom: 1px solid var(--wd-border);

    color: var(--wd-text);

    font-size: 18px;

    font-weight: 850;

    line-height: 1.8;
}

.wd-regulation-page .wd-regulation-section-title::before {

    content: "";

    flex: 0 0 auto;

    width: 4px;

    height: 23px;

    background: var(--wd-teal);

    border-radius: 3px;
}


/* =========================================================
   6. شناسنامه سند
   یک کارت واحد
   ========================================================= */

.wd-regulation-page .wd-regulation-meta {

    position: relative;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f7faf9
        );

    border-right: 5px solid var(--wd-teal);

    padding: 17px 19px;

    margin: 9px 0;
}


/* عنوان شناسنامه */

.wd-regulation-page .wd-regulation-meta-title {

    margin: 0 0 10px;

    color: var(--wd-teal-dark);

    font-size: 18px;

    font-weight: 850;

    line-height: 1.8;
}


/* شبکه اطلاعات */

.wd-regulation-page .wd-regulation-meta-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 7px;

    width: 100%;
}


/* هر اطلاعات */

.wd-regulation-page .wd-meta-item {

    min-width: 0;

    padding: 8px 10px;

    background: #ffffff;

    border: 1px solid #e0eae7;

    border-radius: 7px;

    line-height: 1.8;
}


/* برچسب */

.wd-regulation-page .wd-meta-label {

    display: block;

    margin-bottom: 2px;

    color: #72827f;

    font-size: 10.5px;

    font-weight: 700;
}


/* مقدار */

.wd-regulation-page .wd-meta-value {

    display: block;

    color: #405552;

    font-size: 12px;

    font-weight: 650;

    overflow-wrap: anywhere;
}


/* =========================================================
   7. مقدمه / متن تصویب
   ========================================================= */

.wd-regulation-page .wd-regulation-preamble {

    width: 100%;

    margin: 9px 0;

    padding: 14px 17px;

    background:
        linear-gradient(
            135deg,
            #fbfcfc,
            #f5f9f7
        );

    border-right: 4px solid #75a69e;

    border-radius: 9px;

    color: #455854;

    line-height: 2.05;

    box-shadow:
        0 2px 7px rgba(25,83,76,.035);
}

.wd-regulation-page .wd-regulation-preamble p {

    margin: .25em 0 !important;
}


/* =========================================================
   8. مواد آیین‌نامه
   ========================================================= */

.wd-regulation-page .wd-regulation-article {

    width: 100%;

    margin: 7px 0;

    padding: 0;

    background: #ffffff;

    border: 1px solid #dce8e4;

    border-radius: 9px;

    box-shadow:
        0 2px 8px rgba(25,83,76,.035);

    overflow: hidden;

    break-inside: avoid;
}


/* سربرگ ماده */

.wd-regulation-page .wd-regulation-article-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    min-height: 43px;

    padding: 8px 13px;

    background:
        linear-gradient(
            135deg,
            #eef8f4,
            #e4f2ee
        );

    border-bottom: 1px solid #d5e5e0;
}


/* شماره ماده */

.wd-regulation-page .wd-article-number {

    color: var(--wd-teal-dark);

    font-size: 15px;

    font-weight: 850;

    line-height: 1.8;
}


/* وضعیت ماده */

.wd-regulation-page .wd-article-status {

    flex: 0 0 auto;

    padding: 3px 8px;

    border: 1px solid #d4e5df;

    border-radius: 5px;

    background: rgba(255,255,255,.76);

    color: #52746e;

    font-size: 10px;

    font-weight: 700;

    line-height: 1.7;
}


/* بدنه ماده */

.wd-regulation-page .wd-regulation-article-body {

    padding: 12px 15px;

    color: #3f514e;

    font-size: 14px;

    line-height: 2.05;
}

.wd-regulation-page .wd-regulation-article-body p {

    margin: .2em 0 !important;
}


/* لیست‌های داخل ماده */

.wd-regulation-page .wd-regulation-article-body ul,
.wd-regulation-page .wd-regulation-article-body ol {

    margin-top: 5px;

    margin-bottom: 5px;

    padding-right: 24px;
}

.wd-regulation-page .wd-regulation-article-body li {

    margin-bottom: 2px;
}


/* =========================================================
   9. تبصره / نکته ماده
   ========================================================= */

.wd-regulation-page .wd-article-note {

    margin: 8px 0 0;

    padding: 9px 11px;

    background:
        linear-gradient(
            135deg,
            #fffaf0,
            #f9f3e6
        );

    border-right: 4px solid var(--wd-gold);

    border-radius: 7px;

    color: #5e543e;

    font-size: 13px;

    line-height: 1.95;
}


/* =========================================================
   10. سوابق / یادداشت ماده
   ========================================================= */

.wd-regulation-page .wd-article-history {

    margin-top: 7px;

    padding: 8px 10px;

    background: #f7faf9;

    border: 1px solid #e0eae7;

    border-radius: 7px;

    color: #687874;

    font-size: 11.5px;

    line-height: 1.9;
}


/* =========================================================
   11. وضعیت‌های رنگی
   ========================================================= */

.wd-regulation-page .wd-status-valid {

    background: #edf8f2;

    border-color: #cde5d3;

    color: #31743a;
}

.wd-regulation-page .wd-status-amended {

    background: #fff8e8;

    border-color: #ead9aa;

    color: #806320;
}

.wd-regulation-page .wd-status-repealed {

    background: #fff1f1;

    border-color: #ebcccc;

    color: #9a3f3f;
}


/* =========================================================
   12. پیوست / تعهدنامه
   ========================================================= */

.wd-regulation-page .wd-regulation-annex {

    margin: 10px 0;

    padding: 16px 18px;

    background:
        linear-gradient(
            135deg,
            #f7f3fb,
            #f1edf8
        );

    border-right: 5px solid var(--wd-purple);

    border-radius: 10px;

    box-shadow:
        0 2px 9px rgba(118,98,154,.055);
}

.wd-regulation-page .wd-annex-title {

    margin: 0 0 8px;

    color: var(--wd-purple-dark);

    font-size: 17px;

    font-weight: 850;
}

.wd-regulation-page .wd-annex-content {

    color: #514b5d;

    line-height: 2;
}

.wd-regulation-page .wd-annex-content p {

    margin: .2em 0 !important;
}


/* =========================================================
   13. برد کامپوننت‌های مرتبط
   ========================================================= */

.wd-regulation-page .wd-component-grid {

    display: grid !important;

    grid-template-columns:
        repeat(6, minmax(0,1fr)) !important;

    gap: 8px !important;

    width: 100%;

    margin: 9px 0;

    align-items: stretch;
}


/* کارت‌های کامپوننت */

.wd-regulation-page .wd-component-grid > * {

    min-width: 0;

    width: 100%;

    margin: 0 !important;

    box-sizing: border-box;
}


/* اگر کارت‌ها با کلاس عمومی ساخته شده باشند */

.wd-regulation-page .wd-component-item {

    min-width: 0;

    min-height: 78px;

    padding: 10px 9px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    background: #ffffff;

    border: 1px solid #dce7e4;

    border-radius: 8px;

    text-align: right;

    box-shadow:
        0 2px 6px rgba(25,83,76,.035);

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease;
}

.wd-regulation-page .wd-component-item:hover {

    transform: translateY(-1px);

    border-color: #b7d1ca;

    box-shadow:
        0 4px 10px rgba(25,83,76,.075);
}


/* عنوان کامپوننت */

.wd-regulation-page .wd-component-title {

    color: var(--wd-teal-dark);

    font-size: 12px;

    font-weight: 800;

    line-height: 1.75;
}


/* توضیح کامپوننت */

.wd-regulation-page .wd-component-description {

    margin-top: 2px;

    color: #788985;

    font-size: 10px;

    line-height: 1.7;
}


/* =========================================================
   14. مقررات مرتبط
   ========================================================= */

.wd-regulation-page .wd-related-regulations {

    margin: 10px 0;

    padding: 14px 16px;

    background:
        linear-gradient(
            135deg,
            #fffaf0,
            #f9f3e6
        );

    border-right: 5px solid var(--wd-gold);

    border-radius: 9px;
}

.wd-regulation-page .wd-related-item {

    display: block;

    margin: 5px 0;

    padding: 7px 10px;

    background: rgba(255,255,255,.72);

    border: 1px solid #eadfca;

    border-radius: 6px;

    color: #66583d;

    line-height: 1.85;
}

.wd-regulation-page .wd-related-item a {

    color: #765d24;
}


/* =========================================================
   15. آرای هیأت عمومی دیوان عدالت اداری
   ========================================================= */

.wd-regulation-page .wd-judgment-card {

    margin: 9px 0;

    padding: 14px 16px;

    background:
        linear-gradient(
            135deg,
            #f1f7fc,
            #eaf3fa
        );

    border-right: 5px solid var(--wd-blue);

    border-radius: 9px;

    box-shadow:
        0 2px 8px rgba(57,121,167,.05);
}

.wd-regulation-page .wd-judgment-title {

    margin: 0 0 6px;

    color: var(--wd-blue-dark);

    font-size: 15px;

    font-weight: 850;
}

.wd-regulation-page .wd-judgment-meta {

    margin-bottom: 6px;

    color: #60747f;

    font-size: 11.5px;
}

.wd-regulation-page .wd-judgment-body {

    color: #43555e;

    font-size: 13px;

    line-height: 2;
}


/* =========================================================
   16. نظریات مشورتی
   ========================================================= */

.wd-regulation-page .wd-advisory-card {

    margin: 9px 0;

    padding: 14px 16px;

    background:
        linear-gradient(
            135deg,
            #fcf7ef,
            #f7efe3
        );

    border-right: 5px solid #a9783b;

    border-radius: 9px;

    box-shadow:
        0 2px 8px rgba(169,120,59,.045);
}

.wd-regulation-page .wd-advisory-title {

    margin: 0 0 6px;

    color: #765629;

    font-size: 15px;

    font-weight: 850;
}

.wd-regulation-page .wd-advisory-body {

    color: #5d5548;

    font-size: 13px;

    line-height: 2;
}


/* =========================================================
   17. منابع و کنترل متن
   ========================================================= */

.wd-regulation-page .wd-source-box {

    margin: 10px 0;

    padding: 12px 15px;

    background:
        linear-gradient(
            135deg,
            #f7faf9,
            #f1f6f4
        );

    border-right: 4px solid #527d77;

    border-radius: 8px;

    color: #52615e;

    font-size: 12px;

    line-height: 1.95;
}

.wd-regulation-page .wd-source-box strong {

    color: #3f6861;
}


/* =========================================================
   18. جدول سوابق
   ========================================================= */

.wd-regulation-page .wd-history-table {

    width: 100%;

    border-collapse: collapse;

    margin: 8px 0;

    font-size: 12px;
}

.wd-regulation-page .wd-history-table th {

    padding: 7px 9px;

    background: var(--wd-teal);

    color: #ffffff;

    font-weight: 700;

    text-align: right;
}

.wd-regulation-page .wd-history-table td {

    padding: 7px 9px;

    border: 1px solid #dce6e3;

    color: #52615e;

    background: #ffffff;

    vertical-align: top;
}

.wd-regulation-page .wd-history-table tr:nth-child(even) td {

    background: #f8fbfa;
}


/* =========================================================
   19. کتابخانه / اسناد مرتبط
   ========================================================= */

.wd-regulation-page .wd-document-library {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 8px;

    margin: 9px 0;
}

.wd-regulation-page .wd-document-library > * {

    min-width: 0;

    margin: 0 !important;
}


/* =========================================================
   20. حذف کامل دسترسی سریع
   ========================================================= */

.wd-regulation-page .wd-quick-links {

    display: none !important;
}


/* =========================================================
   21. حذف وضعیت تنقیحی مستقل
   ========================================================= */

.wd-regulation-page .wd-consolidation-box {

    display: none !important;
}


/* اگر عنوان مستقل وضعیت تنقیحی وجود داشته باشد */

.wd-regulation-page .wd-consolidation-title {

    display: none !important;
}


/* =========================================================
   22. کاهش فاصله عناصر MediaWiki
   ========================================================= */

.wd-regulation-page > p {

    margin-top: .2em !important;

    margin-bottom: .2em !important;
}

.wd-regulation-page > ul,
.wd-regulation-page > ol {

    margin-top: 4px !important;

    margin-bottom: 5px !important;
}


/* جلوگیری از فاصله ناشی از divهای خالی */

.wd-regulation-page > div:empty {

    display: none !important;

    margin: 0 !important;

    padding: 0 !important;

    min-height: 0 !important;
}


/* =========================================================
   23. تصاویر
   ========================================================= */

.wd-regulation-page img {

    max-width: 100%;

    height: auto;
}


/* =========================================================
   24. جدول‌های عمومی
   ========================================================= */

.wd-regulation-page table {

    max-width: 100%;

    direction: rtl;
}


/* =========================================================
   25. جلوگیری از بیرون‌زدگی متن
   ========================================================= */

.wd-regulation-page a,
.wd-regulation-page span,
.wd-regulation-page td,
.wd-regulation-page th {

    overflow-wrap: anywhere;
}


/* =========================================================
   26. رده‌های صفحه
   ========================================================= */

.wd-regulation-page + #catlinks {

    direction: rtl;

    text-align: right;

    margin-top: 12px !important;
}


/* =========================================================
   27. موبایل — تا 768px
   ========================================================= */

@media (max-width: 768px) {

    .wd-regulation-page {

        font-size: 15px;

        line-height: 2;

        width: 100%;

        max-width: 100%;
    }


    /* Breadcrumb */

    .wd-regulation-page .wd-regulation-breadcrumb {

        gap: 6px;

        margin: 5px 0 11px;

        font-size: 14px;

        line-height: 1.9;
    }


    /* Hero */

    .wd-regulation-page .wd-regulation-hero {

        margin-bottom: 10px;

        padding: 16px 15px;

        border-right-width: 4px;

        border-radius: 9px;
    }

    .wd-regulation-page .wd-regulation-hero-title {

        font-size: 20px;

        line-height: 1.7;
    }

    .wd-regulation-page .wd-regulation-hero-subtitle {

        font-size: 12px;

        line-height: 1.9;
    }


    /* کارت عمومی */

    .wd-regulation-page .wd-regulation-card {

        margin: 7px 0;

        padding: 12px;
    }


    /* شناسنامه */

    .wd-regulation-page .wd-regulation-meta {

        padding: 13px;

        margin: 7px 0;
    }

    .wd-regulation-page .wd-regulation-meta-title {

        font-size: 17px;

        margin-bottom: 8px;
    }

    .wd-regulation-page .wd-regulation-meta-grid {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 6px;
    }

    .wd-regulation-page .wd-meta-item {

        padding: 7px 8px;
    }

    .wd-regulation-page .wd-meta-label {

        font-size: 10px;
    }

    .wd-regulation-page .wd-meta-value {

        font-size: 12px;
    }


    /* عنوان بخش */

    .wd-regulation-page .wd-regulation-section-title {

        margin: 12px 0 7px;

        font-size: 17px;
    }


    /* مقدمه */

    .wd-regulation-page .wd-regulation-preamble {

        margin: 7px 0;

        padding: 11px 12px;

        line-height: 2;
    }


    /* مواد */

    .wd-regulation-page .wd-regulation-article {

        margin: 6px 0;

        border-radius: 8px;
    }

    .wd-regulation-page .wd-regulation-article-head {

        min-height: 40px;

        padding: 7px 10px;
    }

    .wd-regulation-page .wd-article-number {

        font-size: 14px;
    }

    .wd-regulation-page .wd-article-status {

        font-size: 9px;

        padding: 2px 6px;
    }

    .wd-regulation-page .wd-regulation-article-body {

        padding: 10px 11px;

        font-size: 15px;

        line-height: 2.05;
    }


    /* تبصره */

    .wd-regulation-page .wd-article-note {

        margin-top: 7px;

        padding: 8px 9px;

        font-size: 13px;
    }


    /* کامپوننت‌ها — دو ستون */

    .wd-regulation-page .wd-component-grid {

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap: 7px !important;

        margin: 7px 0;
    }

    .wd-regulation-page .wd-component-item {

        min-height: 74px;

        padding: 9px 8px;
    }

    .wd-regulation-page .wd-component-title {

        font-size: 11px;
    }

    .wd-regulation-page .wd-component-description {

        font-size: 9.5px;
    }


    /* پیوست */

    .wd-regulation-page .wd-regulation-annex {

        margin: 8px 0;

        padding: 12px 13px;
    }


    /* اسناد مرتبط */

    .wd-regulation-page .wd-document-library {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 7px;
    }


    /* جداول */

    .wd-regulation-page .wd-history-table {

        font-size: 11px;
    }

    .wd-regulation-page .wd-history-table th,
    .wd-regulation-page .wd-history-table td {

        padding: 6px 6px;
    }
}


/* =========================================================
   28. موبایل خیلی کوچک — تا 480px
   ========================================================= */

@media (max-width: 480px) {

    .wd-regulation-page {

        font-size: 15px;

        line-height: 2;
    }


    .wd-regulation-page .wd-regulation-breadcrumb {

        font-size: 13px;

        gap: 5px;
    }


    .wd-regulation-page .wd-regulation-hero {

        padding: 14px 12px;
    }

    .wd-regulation-page .wd-regulation-hero-title {

        font-size: 18px;
    }

    .wd-regulation-page .wd-regulation-hero-subtitle {

        font-size: 11.5px;
    }


    /* شناسنامه در صفحه خیلی کوچک */

    .wd-regulation-page .wd-regulation-meta-grid {

        grid-template-columns: 1fr;
    }


    /* کامپوننت همچنان دو ستون */

    .wd-regulation-page .wd-component-grid {

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap: 6px !important;
    }

    .wd-regulation-page .wd-component-item {

        min-height: 70px;

        padding: 8px 7px;
    }

    .wd-regulation-page .wd-component-title {

        font-size: 10.5px;
    }


    /* متن مواد */

    .wd-regulation-page .wd-regulation-article-body {

        padding: 9px 10px;

        font-size: 15px;

        line-height: 2.05;
    }


    /* کارت‌ها */

    .wd-regulation-page .wd-regulation-card {

        padding: 10px;
    }


    /* منابع */

    .wd-regulation-page .wd-source-box {

        padding: 10px 11px;

        font-size: 12px;
    }
}


/* =========================================================
   29. چاپ
   ========================================================= */

@media print {

    .wd-regulation-page {

        font-size: 12px;

        line-height: 1.8;

        color: #000 !important;
    }


    .wd-regulation-page .wd-regulation-breadcrumb {

        overflow: visible;

        white-space: normal;

        margin-bottom: 8px;
    }


    .wd-regulation-page .wd-regulation-hero,
    .wd-regulation-page .wd-regulation-card,
    .wd-regulation-page .wd-regulation-article,
    .wd-regulation-page .wd-regulation-annex,
    .wd-regulation-page .wd-judgment-card,
    .wd-regulation-page .wd-advisory-card {

        box-shadow: none !important;
    }


    .wd-regulation-page .wd-regulation-article {

        break-inside: avoid;
    }


    .wd-regulation-page .wd-quick-links,
    .wd-regulation-page .wd-consolidation-box,
    .wd-regulation-page .wd-consolidation-title {

        display: none !important;
    }


    .wd-regulation-page a {

        color: #000 !important;

        text-decoration: none !important;
    }
}


/* =========================================================
   پایان طراحی صفحات آیین‌نامه
   ========================================================= */


/* =========================================================
WIKIDAD HOME
صفحه اصلی دانشنامه حقوقی
========================================================= */

.wd-home {
direction:rtl;
text-align:right;
max-width:1180px;
margin:0 auto;
color:#37474f;
}

/* =========================================================
HERO
========================================================= */

.wd-home-hero {
margin:0 0 34px;
padding:42px 30px 38px;
border-radius:12px;
background:linear-gradient(135deg,#eef6f3 0%,#f7faf9 55%,#eef5f7 100%);
border:1px solid #d8e6e1;
box-shadow:0 5px 18px rgba(55,80,75,.07);
}

.wd-home-hero-content {
max-width:850px;
margin:0 auto;
text-align:center;
}

.wd-home-brand {
font-size:38px;
font-weight:900;
color:#245b55;
line-height:1.5;
}

.wd-home-tagline {
margin-top:3px;
font-size:18px;
font-weight:700;
color:#527d77;
}

.wd-home-description {
max-width:700px;
margin:12px auto 24px;
font-size:14px;
color:#64736f;
line-height:2;
}

.wd-home-search {
max-width:680px;
margin:0 auto;
}

.wd-home-search input {
box-sizing:border-box;
}

.wd-home-search-hint {
margin-top:8px;
font-size:11.5px;
color:#7d8986;
}

/* =========================================================
SECTION
========================================================= */

.wd-home-section {
margin:0 0 38px;
}

.wd-home-section-title {
font-size:21px;
font-weight:800;
color:#365f59;
margin-bottom:4px;
}

.wd-home-section-subtitle {
font-size:12.5px;
color:#7a8783;
margin-bottom:16px;
}

/* =========================================================
RESOURCE CARDS
========================================================= */

.wd-home-resource-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}

.wd-home-resource-card {
display:flex;
gap:12px;
min-height:145px;
padding:17px;
background:#fff;
border:1px solid #e0e7e4;
border-radius:8px;
box-shadow:0 2px 9px rgba(55,80,75,.045);
transition:transform .15s ease,box-shadow .15s ease;
}

.wd-home-resource-card:hover {
transform:translateY(-2px);
box-shadow:0 5px 16px rgba(55,80,75,.09);
}

.wd-resource-icon {
flex:0 0 38px;
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:7px;
background:#eef5f2;
color:#527d77;
font-size:22px;
font-weight:800;
}

.wd-resource-body {
min-width:0;
}

.wd-resource-title {
font-size:16px;
font-weight:800;
color:#405b56;
margin-bottom:7px;
}

.wd-resource-text {
font-size:12.5px;
line-height:1.9;
color:#71807c;
}

.wd-resource-link {
margin-top:11px;
font-size:12px;
font-weight:700;
}

.wd-resource-link a {
color:#527d77;
text-decoration:none;
}

/* =========================================================
MAIN COLUMNS
========================================================= */

.wd-home-main-columns {
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:18px;
margin-bottom:40px;
}

.wd-home-panel {
background:#fff;
border:1px solid #e0e7e4;
border-radius:9px;
padding:18px;
box-shadow:0 2px 9px rgba(55,80,75,.04);
}

.wd-home-panel-header {
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:15px;
padding-bottom:13px;
margin-bottom:4px;
border-bottom:1px solid #edf1ef;
}

.wd-home-panel-title {
font-size:18px;
font-weight:800;
color:#405f59;
}

.wd-home-panel-subtitle {
margin-top:3px;
font-size:11.5px;
color:#87918e;
}

.wd-home-panel-more {
font-size:11.5px;
font-weight:700;
}

.wd-home-panel-more a {
color:#527d77;
text-decoration:none;
}

/* =========================================================
POPULAR LAWS
========================================================= */

.wd-popular-law-list {
display:flex;
flex-direction:column;
}

.wd-popular-law {
display:flex;
align-items:center;
gap:12px;
padding:11px 4px;
border-bottom:1px solid #edf1ef;
}

.wd-popular-law:last-child {
border-bottom:none;
}

.wd-popular-law-number {
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:5px;
background:#f3f7f5;
color:#78908a;
font-size:11px;
font-weight:800;
}

.wd-popular-law-content {
min-width:0;
font-size:13.5px;
font-weight:700;
}

.wd-popular-law-content a {
color:#405b56;
text-decoration:none;
}

.wd-popular-law-content span {
display:block;
margin-top:2px;
font-size:11px;
font-weight:400;
color:#87918e;
}

/* =========================================================
SUBJECTS
========================================================= */

.wd-subject-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin-top:13px;
}

.wd-subject-card {
position:relative;
padding:12px 12px 12px 10px;
border:1px solid #e6ebe9;
border-radius:6px;
background:#fafcfb;
font-size:13px;
font-weight:800;
}

.wd-subject-card a {
color:#466761;
text-decoration:none;
}

.wd-subject-card span {
display:block;
margin-top:3px;
font-size:10.5px;
font-weight:400;
color:#87918e;
}

.wd-subject-icon {
float:right;
width:25px;
height:25px;
margin-left:8px;
display:flex;
align-items:center;
justify-content:center;
border-radius:4px;
background:#edf4f1;
color:#527d77;
font-size:13px;
}

/* =========================================================
SPECIAL PATHS
========================================================= */

.wd-special-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:16px;
}

.wd-special-card {
padding:17px;
background:#f9fbfa;
border:1px solid #e0e8e4;
border-radius:7px;
}

.wd-special-title {
font-size:14px;
font-weight:800;
color:#405f59;
margin-bottom:7px;
}

.wd-special-text {
min-height:48px;
font-size:11.5px;
line-height:1.9;
color:#74817e;
}

.wd-special-link {
margin-top:12px;
font-size:11.5px;
font-weight:700;
}

.wd-special-link a {
color:#527d77;
text-decoration:none;
}

/* =========================================================
FEATURE
========================================================= */

.wd-home-feature {
margin:0 0 34px;
padding:25px;
background:#f3f7f5;
border-right:5px solid #527d77;
border-radius:8px;
}

.wd-home-feature-title {
font-size:20px;
font-weight:800;
color:#315f58;
}

.wd-home-feature-text {
max-width:900px;
margin:9px 0 20px;
font-size:13px;
line-height:2.1;
color:#65736f;
}

.wd-home-feature-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}

.wd-feature-item {
display:flex;
align-items:flex-start;
gap:9px;
padding:12px;
background:#fff;
border:1px solid #e0e8e4;
border-radius:6px;
}

.wd-feature-number {
flex:0 0 27px;
width:27px;
height:27px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#527d77;
color:#fff;
font-size:11px;
font-weight:800;
}

.wd-feature-item b {
display:block;
font-size:12.5px;
color:#405b56;
}

.wd-feature-item span {
display:block;
margin-top:2px;
font-size:10.5px;
line-height:1.7;
color:#7b8784;
}

/* =========================================================
GUIDE
========================================================= */

.wd-home-guide {
margin-bottom:30px;
padding:20px;
background:#fff;
border:1px solid #e1e7e5;
border-radius:8px;
}

.wd-home-guide-title {
margin-bottom:15px;
font-size:18px;
font-weight:800;
color:#405f59;
}

.wd-home-guide-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}

.wd-guide-item {
display:flex;
gap:10px;
padding:12px;
background:#fafcfb;
border-radius:6px;
}

.wd-guide-step {
flex:0 0 30px;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#eef5f2;
color:#527d77;
font-size:12px;
font-weight:800;
}

.wd-guide-item b {
font-size:12.5px;
color:#405b56;
}

.wd-guide-item p {
margin:4px 0 0;
font-size:11px;
line-height:1.8;
color:#7a8683;
}

/* =========================================================
FOOTER NOTE
========================================================= */

.wd-home-footer-note {
margin-top:25px;
padding:16px;
text-align:center;
border-top:1px solid #e4eae8;
color:#87918e;
font-size:11.5px;
}

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

@media(max-width:900px) {

```
.wd-home-resource-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.wd-home-main-columns {
    grid-template-columns:1fr;
}

.wd-special-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.wd-home-feature-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
}
```

}

@media(max-width:600px) {

```
.wd-home-hero {
    padding:30px 16px;
    border-radius:8px;
}

.wd-home-brand {
    font-size:30px;
}

.wd-home-tagline {
    font-size:15px;
}

.wd-home-description {
    font-size:12.5px;
}

.wd-home-resource-grid {
    grid-template-columns:1fr;
}

.wd-subject-grid {
    grid-template-columns:1fr;
}

.wd-special-grid {
    grid-template-columns:1fr;
}

.wd-home-feature-grid {
    grid-template-columns:1fr;
}

.wd-home-guide-grid {
    grid-template-columns:1fr;
}
```

}
/* محدوده مواد زیر تیترهای فهرست قانون */
.wd-heading-range {
  direction: rtl;
  text-align: right;
  font-family: inherit;
  font-size: 14px;
  color: #64748b;
  line-height: 2;
  margin: 4px 14px 12px;
}

/* =========================================
   Wikidad — Mobile Readability Fix
   رفع فونت ریز، فضای خالی و عرض کارت‌ها
   ========================================= */

@media screen and (max-width: 768px) {

  .wd-regulation-page {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    font-size: 18px !important;
    line-height: 2 !important;
  }

  /* اصلاح عرض گریدها و حذف فضای خالی */
  .wd-regulation-page .wd-component-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 14px !important;
    margin: 18px 0 !important;
    padding: 0 !important;
  }

  /* کارت‌ها تمام‌عرض شوند */
  .wd-regulation-page .wd-component-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 20px 18px !important;
  }

  /* عنوان کارت‌ها */
  .wd-regulation-page .wd-component-title {
    font-size: 20px !important;
    line-height: 1.8 !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
  }

  /* متن داخل کارت‌ها */
  .wd-regulation-page .wd-component-description {
    font-size: 18px !important;
    line-height: 2.05 !important;
    text-align: justify !important;
    overflow-wrap: anywhere !important;
  }

  /* تیترهای اصلی صفحه */
  .wd-regulation-page .wd-regulation-section-title {
    font-size: 24px !important;
    line-height: 1.8 !important;
    margin-top: 30px !important;
    margin-bottom: 18px !important;
  }

  .wd-regulation-page .wd-regulation-hero-title {
    font-size: 27px !important;
    line-height: 1.8 !important;
  }

  .wd-regulation-page .wd-regulation-hero-subtitle {
    font-size: 18px !important;
    line-height: 1.9 !important;
  }

  /* متن مواد آیین‌نامه و مقررات */
  .wd-regulation-page .wd-regulation-article-body {
    font-size: 18px !important;
    line-height: 2.1 !important;
    overflow-wrap: anywhere !important;
  }

  .wd-regulation-page .wd-regulation-article-body p,
  .wd-regulation-page .wd-regulation-article-body li {
    font-size: 18px !important;
    line-height: 2.1 !important;
    margin-bottom: 12px !important;
  }

  /* کاهش فاصله‌های عمودی اضافی */
  .wd-regulation-page .wd-regulation-article {
    margin-bottom: 20px !important;
  }

  .wd-regulation-page .wd-regulation-card,
  .wd-regulation-page .wd-judgment-card,
  .wd-regulation-page .wd-advisory-card,
  .wd-regulation-page .wd-source-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    padding: 18px !important;
  }

  /* جدول‌ها در موبایل از صفحه بیرون نزنند */
  .wd-regulation-page .wd-history-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .wd-regulation-page .wd-history-table table {
    min-width: 560px;
    font-size: 16px !important;
    line-height: 1.9 !important;
  }

  /* جلوگیری از ایجاد عرض اضافی */
  .wd-regulation-page img,
  .wd-regulation-page table {
    max-width: 100%;
  }
}
Rasool (بحث | مشارکت‌ها)

نسخهٔ کنونی تا ۷ اکتبر ۲۰۲۶، ساعت ۰۱:۰۷
