مدیاویکی: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);
    font-family: var(--wd-font);
}

input,
textarea,
select,
button {
    font-family: inherit;
}


/* =========================================================
   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
   ========================================================= */