مدیاویکی:Common.css

/* ============================================================
   MediaWiki Custom Styles
   Organized for compatibility with MediaWiki 1.43
   All selectors and properties preserved – no breaking changes
   ============================================================ */

/* ============================================================
   1. Root Variables (Custom Properties)
   ============================================================ */
:root {
    --wiki-dust-grey: #dad7cd;
    --wiki-dry-sage: #a3b18a;
    --wiki-fern: #588157;
    --wiki-hunter-green: #3a5a40;
    --wiki-pine-teal: #344e41;
}


/* ============================================================
   2. Font Faces (Web Fonts)
   ============================================================ */
@font-face {
    font-family: 'Samim';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://commons.imamreza.org/w/images/3/3f/Samim-FD.woff2') format('woff2'),
         url('https://commons.imamreza.org/w/images/1/1a/Samim-FD.woff') format('woff');
}
@font-face {
    font-family: 'Samim';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('https://commons.imamreza.org/w/images/3/36/Samim-Medium-FD.woff2') format('woff2'),
         url('https://commons.imamreza.org/w/images/7/7a/Samim-Medium-FD.woff') format('woff');
}
@font-face {
    font-family: 'Samim';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://commons.imamreza.org/w/images/5/5e/Samim-Bold-FD.woff2') format('woff2'),
         url('https://commons.imamreza.org/w/images/2/29/Samim-Bold-FD.woff') format('woff');
}

@font-face {
    font-family: 'IranianSans';
    src: url('https://commons.imamreza.org/w/images/0/08/Iranian_Sans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AdobeArabic';
    src: url('https://commons.imamreza.org/w/images/9/95/AdobeArabic-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Amiri';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://commons.imamreza.org/w/images/8/8c/Amiri-Bold.woff2') format('woff2');
}

/* ============================================================
   3. Quran Text Styling
   ============================================================ */
.quran {
    font-family: 'AdobeArabic', 'Amiri', 'Samim', Tahoma, sans-serif !important;
    color: #0e3f09;
    font-size: 140%;
    line-height: 1.8;
}


/* ============================================================
   4. Global Typography & Body
   ============================================================ */
body {
    font-family: 'Samim', 'IranianSans', system-ui, "Segoe UI", Tahoma, sans-serif !important;
}

p {
    text-align: justify;
}

li {
    margin-bottom: 0.3em;
}

dfn {
    font-style: inherit;
}

sup, sub {
    line-height: 1em;      /* Prevent tall lines from inline sup/sub */
}

/* ============================================================
   5. Headings
   ============================================================ */
.mw-body h1,
.mw-body h2,
.mw-body #firstHeading,
.mw-body .mw-editsection,
.mw-body .mw-editsection-like,
.mw-body #toc h2,
.mw-body .toc h2,
#documentation-meta-data,
.vector-sticky-header-context-bar-primary {
    font-family: 'Samim', 'IranianSans', ui-serif, "Segoe UI", Tahoma, serif !important;
}

/* Down‑size headings by one step */
.mw-body h1,
.mw-body #firstHeading {
    font-size: 1.6em !important;
}
.mw-body h2,
.mw-body #toc h2,
.mw-body .toc h2,
.mp-h2 {
    font-size: 1.3em !important;
}
.mw-body h3 {
    font-size: 1.1em !important;
}
.mw-body h4 {
    font-size: 0.95em !important;
}

/* ============================================================
   6. Editors and UI Widgets
   ============================================================ */
.ace_editor {
    font-family: 'Courier New', monospace !important;
}

.ui-widget,
.ui-widget *,
button,
input,
select,
optgroup,
.ext-discussiontools-visualenhancements-enabled h2.ext-discussiontools-ui-newTopic-sectionTitle .oo-ui-inputWidget-input {
    font-family: 'Samim', 'IranianSans', system-ui, "Segoe UI", Tahoma, sans-serif !important;
}


/* ============================================================
   7. Main Page Customizations
   ============================================================ */
/* Border on edit tab for practice pages */
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit,
body.page-ویکی‌پدیا_آشنایی #ca-edit {
    border: 1px dotted #36c;
}
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit:hover,
body.page-ویکی‌پدیا_آشنایی #ca-edit:hover {
    background: none repeat scroll 0 0 white;
    border-color: transparent;
}

/* Top banner on main page */
body.page-صفحهٔ_اصلی #mp-topbanner {
    clear: both;
}

/* Hide certain elements on main page */
body.page-صفحهٔ_اصلی #ca-delete,
body.page-صفحهٔ_اصلی #deleteconfirm,
body.page-صفحهٔ_اصلی #t-cite,
body.page-صفحهٔ_اصلی #lastmod,
body.page-صفحهٔ_اصلی #siteSub,
body.page-صفحهٔ_اصلی #contentSub,
body.page-صفحهٔ_اصلی #catlinks,
body.page-صفحهٔ_اصلی #centralNotice,
body.page-درگاه_ورودی #siteSub,
body.page-درگاه_ورودی h1.firstHeading {
    display: none !important;
}

body.page-صفحهٔ_اصلی #ca-history,
body.page-صفحهٔ_اصلی #pagehistory {
    display: none;
}


/* ============================================================
   8. Sidebar: Language Link Alignment
   ============================================================ */
.wb-langlinks-link {
    text-align: right;
}


/* ============================================================
   9. References / Citations
   ============================================================ */
.references-small {
    font-size: 90%;
}

ol.references > li:target,
sup.reference:target,
span.citation:target,
cite:target {
    background-color: #ecf0fa;
}

sup.reference {
    font-weight: normal;
    font-style: normal;
}

span.citation,
cite {
    word-wrap: break-word;
}

cite:target {
    background-color: #ecf0fa;
}

/* Hide print‑only citation content on screen */
@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}


/* ============================================================
   10. Horizontal Lists (.hlist)
   ============================================================ */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}

/* Nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}

/* Interpuncts and parentheses */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " • ";
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after,
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}

.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}

/* Ordered lists with Persian counter */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem, persian) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem, persian) " ";
}


/* ============================================================
   11. Plain Lists
   ============================================================ */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}


/* ============================================================
   12. Wikitable Styling
   ============================================================ */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    text-align: right;
}

/* Lists inside table cells are right‑aligned in RTL, unless hlist */
html[dir=rtl] .wikitable td ul,
html[dir=rtl] .wikitable td ol,
html[dir=rtl] .wikitable td dl {
    text-align: right;
}
html[dir=rtl] .wikitable.hlist td ul,
html[dir=rtl] .wikitable.hlist td ol,
html[dir=rtl] .wikitable.hlist td dl {
    text-align: inherit;
}


/* ============================================================
   13. Navbar
   ============================================================ */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li {
    font-size: xx-small;
}
.nv-talk > a {
    color: #002BB8;
}

/* Navbar inside infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    float: right;
    text-align: right;
    margin-left: 0.5em;
    width: 6em;
}


/* ============================================================
   14. Collapse Buttons (JavaScript‑generated)
   ============================================================ */
.collapseButton {
    float: left;
    font-weight: normal;
    margin-right: 0.5em;
    text-align: left;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}

.mw-parser-output .mw-collapsible-toggle {
    font-weight: normal;
    text-align: left;
    padding-right: 0.2em;
    padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
    float: right;
    text-align: right;
}


/* ============================================================
   15. Infobox Template
   ============================================================ */
.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    margin: 0.5em 1em 0.5em 0;
    padding: 0.2em;
    float: left;
    clear: left;
    font-size: 88%;
    line-height: 1.5em;
    width: 22em;
}
.infobox-subbox {
    padding: 0;
    border: none;
    margin: -3px;
    width: auto;
    min-width: 100%;
    font-size: 100%;
    clear: none;
    float: none;
    background-color: transparent;
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
.infobox th,
.infobox td {
    vertical-align: top;
}

.infobox-label,
.infobox-data,
.infobox th,
.infobox td {
    text-align: right;
}

.infobox .infobox-above,
.infobox .infobox-title,
.infobox caption {
    font-size: 115%;
    font-weight: bold;
    text-align: center;
}
.infobox caption,
.infobox-title {
    padding: 0.2em;
}

.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
    text-align: center;
}
.infobox .infobox-navbar {
    text-align: left;
}

/* Bordered infobox */
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #a2a9b1;
    border-left: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-left: 1px solid #a2a9b1;
}

/* Sister project infobox */
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

/* Geography infoboxes */
.infobox.geography {
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #a2a9b1;
    padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}


/* ============================================================
   16. Notices
   ============================================================ */
.notice {
    margin: 1em;
    padding: 0.2em;
}
#disambig {
    border-top: 1px solid #c8ccd1;
    border-bottom: 1px solid #c8ccd1;
}
.notice-text,
.toggle-box,
.red-button,
.goal,
div.red-button,
div.siteNoticeSmall,
div#siteNotice {
    font-family: inherit;
}
div.siteNoticeSmall {
    font-size: 15pt;
}


/* ============================================================
   17. Persondata and Metadata (hidden)
   ============================================================ */
table.InChI, /* temporary */
table.persondata {
    border: 1px solid #a2a9b1;
    display: none;
    speak: none;
}
.InChI-label, /* temporary */
.persondata-label {
    color: #a2a9b1;
}


/* ============================================================
   18. Media List Icons
   ============================================================ */
div.listenlist {
    background: url("//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png");
    padding-right: 40px;
}
div.videolist,
div.multivideolist {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
    padding-right: 50px;
}


/* ============================================================
   19. PDF External Link Icons
   ============================================================ */
.mw-body a[href$=".pdf"].external,
.mw-body a[href*=".pdf?"].external,
.mw-body a[href*=".pdf#"].external,
.mw-body a[href$=".PDF"].external,
.mw-body a[href*=".PDF?"].external,
.mw-body a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat left;
    padding-left: 18px;
}
span.PDFlink a {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center left no-repeat !important;
    padding-left: 18px !important;
}
span.geolink a {
    background: url(//upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center left no-repeat !important;
    padding-left: 11px !important;
}


/* ============================================================
   20. Column Layouts (CSS‑based)
   ============================================================ */
div.columns-2 div.column {
    float: right;
    width: 50%;
    min-width: 300px;
}
div.columns-3 div.column {
    float: right;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    float: right;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    float: right;
    width: 20%;
    min-width: 120px;
}


/* ============================================================
   21. Plainlinks (never expand)
   ============================================================ */
.plainlinksneverexpand {
    background: none !important;
    padding: 0 !important;
}
.plainlinksneverexpand .urlexpansion {
    display: none !important;
}
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}


/* ============================================================
   22. Messagebox Templates (generic)
   ============================================================ */
.messagebox {
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: 0.2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 4px 2px 4px;
}
.messagebox.small,
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: left;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
}
.messagebox.small-talk {
    background: #fff2cc;
}


/* ============================================================
   23. Article Message Box (ambox)
   ============================================================ */
table.ambox {
    margin: 0px 10%;
    border: 1px solid #a2a9b1;
    border-right: 10px solid #36c; /* Default "notice" blue */
    background: #f8f9fa;
}
table.ambox + table.ambox {
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {
    padding: 0.25em 0.5em;
}
.ambox td.mbox-image {
    padding: 2px 0.5em 2px 0;
}
.ambox td.mbox-imageright {
    padding: 2px 0 2px 0.5em;
}

/* Colour variants */
table.ambox-notice {
    border-right: 10px solid #36c;
}
table.ambox-speedy {
    border-right: 10px solid #DD0000;
    background: #fee7e6;
}
table.ambox-delete {
    border-right: 10px solid #DD0000;
}
table.ambox-content {
    border-right: 10px solid #FF5D00;
}
table.ambox-style {
    border-right: 10px solid #fc3;
}
table.ambox-move {
    border-right: 10px solid #9932cc;
}
table.ambox-protection {
    border-right: 10px solid #a2a9b1;
}


/* ============================================================
   24. Disambiguation & Set Index Box (dmbox)
   ============================================================ */
table.dmbox {
    clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #c8ccd1;
    border-bottom: 1px solid #c8ccd1;
    background: transparent;
}


/* ============================================================
   25. Footer / Header Message Box (fmbox)
   ============================================================ */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #a2a9b1;
    background: #f8f9fa;
}
table.fmbox-system {
    background: var(--background-color-interactive-subtle, #f8f9fa);
}
table.fmbox-warning {
    border: 1px solid #DD0000;
    background: var(--background-color-destructive-subtle, #fee7e6);
}
table.fmbox-editnotice {
    background: transparent;
}

/* Div‑based warning fmbox messages */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #DD0000;
    background-color: var(--background-color-error-subtle, #ffdbdb);
    padding: 0.25em 0.9em;
}
/* Div‑based system fmbox messages */
div.mw-lag-warn-normal,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #a2a9b1;
    background: #f8f9fa;
    padding: 0.25em 0.9em;
}


/* ============================================================
   26. Other Pages Message Box (ombox)
   ============================================================ */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    box-sizing: border-box;
}
table.ombox-notice {
    border: 1px solid #a2a9b1;
}
table.ombox-speedy {
    border: 2px solid #b32424;
    background-color: #fee7e6;
}
table.ombox-delete {
    border: 2px solid #b32424;
}
table.ombox-content {
    border: 1px solid #f28500;
}
table.ombox-style {
    border: 1px solid #fc3;
}
table.ombox-move {
    border: 1px solid #9932cc;
}
table.ombox-protection {
    border: 2px solid #a2a9b1;
}


/* ============================================================
   27. Small Ambox Overrides
   ============================================================ */
html body.mediawiki .mbox-small {
    clear: left;
    float: left;
    margin: 4px 1em 4px 0;
    box-sizing: border-box;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
html body.mediawiki .mbox-small-right {
    margin: 4px 0 4px 1em;
    box-sizing: border-box;
    overflow: hidden;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}


/* ============================================================
   28. Compact Ambox Styles
   ============================================================ */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
    display: none;
}
.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background-color: transparent;
    margin: 0 1.6em 0 0 !important;
    padding: 0 !important;
    width: auto;
    display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0;
}
.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);
}
.compact-ambox .hide-when-compact {
    display: none;
}


/* ============================================================
   29. File Checker Background (transparency grid)
   ============================================================ */
#file img {
    background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}


/* ============================================================
   30. Buttons and Icons
   ============================================================ */
#wpSave {
    font-weight: bold;
}
.check-icon a.new {
    display: none;
    speak: none;
}


/* ============================================================
   31. Link Styling
   ============================================================ */
.nounderlines a {
    text-decoration: none;
}
.IPA a:link,
.IPA a:visited {
    text-decoration: none;
}


/* ============================================================
   32. Print Styles
   ============================================================ */
@media print {
    #privacy,
    #about,
    #disclaimer {
        display: none;
    }
}


/* ============================================================
   33. Main Page Icons
   ============================================================ */
#EnWpMpBook {
    background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png);
}
#EnWpMpSearch {
    background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top left;
}
#EnWpMpSearchInner {
    float: left;
    width: 20em;
    text-align: center;
}
#EnWpMpBook2 {
    background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png);
}


/* ============================================================
   34. Navigation Frames (NavFrame / Boxmerge)
   ============================================================ */
div.Boxmerge,
div.NavFrame {
    margin: 0px;
    padding: 4px;
    border: 1px solid #a2a9b1;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.Boxmerge div.NavFrame {
    border-style: none;
    border-style: hidden;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}

div.NavPic {
    background-color: #fff;
    margin: 0px;
    padding: 2px;
    float: right;
}

div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #b3ccff;
    position: relative;
}
div.NavFrame div.NavHead:hover {
    background-color: #aaf;
}

div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0px;
    left: 3px;
    font-weight: normal;
    font-size: smaller;
}


/* ============================================================
   35. Hatnotes and Disambiguation Notices
   ============================================================ */
.rellink,
.dablink,
.hatnote {
    font-style: italic;
}
.rellink i,
.dablink i,
.hatnote i {
    font-style: normal;
}
div.rellink,
div.dablink,
div.hatnote {
    padding-right: 1.6em;
    margin-bottom: 0.5em;
}
span.updatedmarker {
    background-color: transparent;
    color: #006400;
}
.dablink {
    font-style: italic;
    padding-right: 2em;
}
.dablink i {
    font-style: normal;
}


/* ============================================================
   36. Horizontal UL Lists
   ============================================================ */
.horizontal ul {
    padding: 0;
    margin: 0;
}
.horizontal li {
    padding: 0 0.6em 0 0.4em;
    display: inline;
    border-left: 1px solid;
}


/* ============================================================
   37. Geographical Coordinates
   ============================================================ */
.geo-default {
    display: inline;
}
.geo-nondefault {
    display: none;
}
.geo-dms {
    display: inline;
}
.geo-dec {
    display: inline;
}
.geo-multi-punct {
    display: none;
}
.longitude .latitude {
    white-space: nowrap;
}
.geo { /* empty, kept for completeness */ }


/* ============================================================
   38. Table of Contents Tweaks
   ============================================================ */
.nonumtoc .tocnumber {
    display: none;
}
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: 0.3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
    margin: 0 0 0 2em;
}

/* Limit TOC levels */
.toclimit-2 .toclevel-2 { display: none; }
.toclimit-3 .toclevel-3 { display: none; }
.toclimit-4 .toclevel-4 { display: none; }
.toclimit-5 .toclevel-5 { display: none; }
.toclimit-6 .toclevel-6 { display: none; }
.toclimit-7 .toclevel-7 { display: none; }


/* ============================================================
   39. Listify (for transcluded pages)
   ============================================================ */
.listify td { display: list-item; }
.listify tr { display: block; }
.listify table { display: block; }


/* ============================================================
   40. User Block
   ============================================================ */
div.user-block {
    padding: 5px;
    border: 1px solid #a2a9b1;
    background-color: #fee7e6;
}


/* ============================================================
   41. Prevent Unwanted Line Breaks
   ============================================================ */
.nowrap,
.nowraplinks a,
span.texhtml,
sup.reference a {
    white-space: nowrap;
}


/* ============================================================
   42. Math Tag Layout (texhtml)
   ============================================================ */
span.texhtml {
    direction: ltr;
    unicode-bidi: isolate;
}


/* ============================================================
   43. Thumbnails
   ============================================================ */
.thumbinner {
    min-width: 100px;
}


/* ============================================================
   44. Message Box Cell Sizing (generic)
   ============================================================ */
th.mbox-text,
td.mbox-text {
    border: none;
    padding: 0.25em 0.9em;
    width: 100%;
}
td.mbox-image {
    border: none;
    padding: 2px 0.9em 2px 0px;
    text-align: center;
}
td.mbox-imageright {
    border: none;
    padding: 2px 0px 2px 0.9em;
    text-align: center;
}


/* ============================================================
   45. sup / sub Line Height (already defined above, kept for clarity)
   ============================================================ */
/* Already set in section 4 */


/* ============================================================
   46. WikiProject Banner Headers
   ============================================================ */
.wpbs-inner .wpb .wpb-header {
    display: table-row;
}


/* ============================================================
   47. Abuse Filter Tag Styling
   ============================================================ */
.mw-tag-markers {
    font-style: italic;
    font-size: 90%;
}


/* ============================================================
   48. Hide Special Permission Elements
   ============================================================ */
.checkuser-show,
.sysop-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
    display: none;
}


/* ============================================================
   49. Hieroglyph Table
   ============================================================ */
.mw-hierotable,
.hierotable-mw,
.mw-hierotable th,
.hierotable mw-th,
.mw-hierotable td,
.hierotable mw-td {
    border: 0px;
    padding: 0px;
}


/* ============================================================
   50. Template:Ref Printing Workaround
   ============================================================ */
.plainlinksneverexpand a.external.text:after,
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}


/* ============================================================
   51. Main Page Globe Icon
   ============================================================ */
.globegris {
    background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png);
}


/* ============================================================
   52. Preferences Section
   ============================================================ */
.prefsection fieldset {
    float: right;
}


/* ============================================================
   53. Hidden Categories Font Size
   ============================================================ */
#mw-hidden-catlinks {
    font-size: 87% !important;
}


/* ============================================================
   54. Listify Spacing
   ============================================================ */
.listify {
    margin-left: 0;
    margin-right: 2em;
}


/* ============================================================
   55. Filter Rules Direction (LTR for code)
   ============================================================ */
#wpFilterRules {
    direction: ltr;
}


/* ============================================================
   56. Edit Summary Bidi Fixes
   ============================================================ */
.comment > span {
    unicode-bidi: normal;
}
.comment {
    overflow-wrap: break-word;
    word-break: break-word;
}


/* ============================================================
   57. Upload Description Height
   ============================================================ */
#wpUploadDescription {
    height: 25em;
}


/* ============================================================
   58. User Comment Highlighter
   ============================================================ */
.mycomment {
    background: #ff9;
}


/* ============================================================
   59. Pie Chart Test: Transparent Borders
   ============================================================ */
.transborder {
    border: solid transparent;
}


/* ============================================================
   60. Hide Edittools Base (for non‑gadget users)
   ============================================================ */
#mw-edittools-charinsert {
    display: none;
}


/* ============================================================
   61. Category Tree Styling
   ============================================================ */
#mw-subcategories ul {
    list-style: none none;
    margin-left: 0.25em;
}
.CategoryTreeChildren {
    margin-left: 1.25em;
}
.CategoryTreeToggle {
    color: #36c;
}
.CategoryTreeEmptyBullet {
    color: #c8ccd1;
}


/* ============================================================
   62. Notice for Sandbox Pages
   ============================================================ */
body.ns-2[class*="_صفحه_تمرین"] #firstHeading::after {
    color: #72777d;
    content: "توجه:این صفحه بخشی از دانشنامه نیست و صرفاً جهت ویرایش آزمایشی در ویکی‌پدیا کاربرد دارد.";
    float: left;
    width: 40%;
    font-size: 40%;
}


/* ============================================================
   63. Recent Changes Font Adjustments
   ============================================================ */
.mw-fr-reviewlink,
.fr-hist-basic-user,
.fr-hist-basic-auto {
    font-weight: normal;
    font-size: smaller;
}


/* ============================================================
   64. Temporary Fixes (jQuery UI)
   ============================================================ */
.ui-dialog {
    right: auto;
}
.wrap {
    white-space: normal;
}


/* ============================================================
   65. Hide Checkboxes in Inputbox
   ============================================================ */
.inputbox-hidecheckboxes form .inputbox-element {
    display: none !important;
}


/* ============================================================
   66. Tag Highlighter Visibility (hide a specific tag)
   ============================================================ */
.mw-tag-marker-نیازمند_بازبینی {
    display: none;
}


/* ============================================================
   67. Reduce Page Jumps for Watchlist
   ============================================================ */
.client-js .mw-special-Watchlist #watchlist-message {
    display: none;
}


/* ============================================================
   68. Emphasize Create Article Links
   ============================================================ */
.mw-warning-with-logexcerpt a[title="ویکی‌پدیا:ایجاد مقاله"] {
    font-size: 120%;
    font-weight: bold;
}


/* ============================================================
   69. Admin Editing Protected Page
   ============================================================ */
.mw-textarea-protected {
    background-color: #fee7e6;
}


/* ============================================================
   70. Color Diff Links
   ============================================================ */
.mw-diff-undo a,
.mw-history-undo a,
.mw-rollback-link a {
    color: var(--color-destructive, #d33);
}
a.mw-thanks-thank-link {
    color: var(--color-success, #14866d);
}


/* ============================================================
   71. Cite and dfn Styling
   ============================================================ */
cite,
dfn {
    font-style: inherit;
}


/* ============================================================
   72. LTR Citations
   ============================================================ */
li.mw-cite-dir-ltr {
    direction: ltr;
    margin-left: 2.3em;
    text-align: left;
    list-style-type: decimal !important;
}
div.mw-content-ltr > ol > li.mw-cite-dir-ltr {
    margin-left: 0;
}


/* ============================================================
   73. Persian Alphabet Ordered List Counter
   ============================================================ */
@counter-style persian-alpha {
    system: cyclic;
    symbols: "\627\644\641" "\628" "\67E" "\62A" "\62B" "\62C" "\684" "\62D" "\62E" "\62F" "\630" "\631" "\632" "\698" "\633" "\634" "\635" "\636" "\637" "\638" "\639" "\63A" "\641" "\642" "\6A9" "\6AB" "\644" "\645" "\646" "\648" "\6BE" "\6CC";
    suffix: " ";
}
.reflist-persian-alpha ol:lang(fa) li {
    list-style-type: persian-alpha !important;
    direction: rtl;
    text-align: right;
    margin-left: 0;
}


/* ============================================================
   74. Parsoid Cite Implementation (counter overrides)
   ============================================================ */
.mw-ref > a[data-mw-group=lower-greek]::after {
    content: '[' counter(mw-Ref, lower-greek) ']';
}
.mw-ref > a[data-mw-group=upper-roman]::after {
    content: '[' counter(mw-Ref, upper-roman) ']';
}
.mw-ref > a[data-mw-group=upper-alpha]::after {
    content: '[' counter(mw-Ref, upper-alpha) ']';
}
.mw-ref > a[data-mw-group=persian-alpha]::after {
    content: '[' counter(mw-Ref, persian-alpha) ']';
}
.mw-ref > a[data-mw-group=lower-roman]::after {
    content: '[' counter(mw-Ref, lower-roman) ']';
}
.mw-ref > a[data-mw-group=lower-alpha]::after {
    content: '[' counter(mw-Ref, lower-alpha) ']';
}
span[rel="mw:referencedBy"] > a::before {
    content: counter(mw-references, persian) '٫' counter(mw-ref-linkback, persian);
}


/* ============================================================
   75. Table Alignment Adjustments
   ============================================================ */
table[align="left"] {
    margin-right: 1.2em;
}
table.wikitable[align="center"] {
    margin-right: auto;
    margin-left: auto;
}


/* ============================================================
   76. User‑select Prevention for Indicators
   ============================================================ */
.mw-indicator,
.mw-helplink,
.mw-indicator-pp-default {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* ============================================================
   77. Title Padding for Italic Headings
   ============================================================ */
html[dir=rtl] #firstHeading > i:first-child {
    padding-right: .2em;
}


/* ============================================================
   78. Persian Numerals for Static Row Numbers
   ============================================================ */
body:not(.skin-minerva) .static-row-numbers.sortable tbody tr:not(.static-row-header):not(.static-row-numbers-norank)::before,
body.skin-minerva .static-row-numbers tbody tr:not(:first-child):not(.static-row-header):not(.static-row-numbers-norank)::before,
table.static-row-numbers:not(.sortable) tbody tr:not(:first-child):not(.static-row-header):not(.static-row-numbers-norank)::before {
    content: counter(rowNumber, persian);
}


/* ============================================================
   79. Dark Mode Background Fix
   ============================================================ */
html.skin-theme-clientpref-night {
    --color-base: #ddd;
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os {
        --color-base: #ddd;
    }
}


/* ============================================================
   80. Main Page Logos (section icons)
   ============================================================ */
#mp-article .mp-h2 span:before,
#mp-new .mp-h2 span:before,
#mp-top .mp-h2 span:before,
#mp-badge .mp-h2 span:before,
#mp-help .mp-h2 span:before {
    background: url('https://imamreza.org/w/images/6/64/Favicon.ico') no-repeat center center;
}