/*
 * Khorrammachin Global Font
 * فونت فارسی قالب بدون خراب کردن آیکن‌های وردپرس، ویرایشگر و افزونه‌ها
 */

:root {
    --khorrammachin-main-font: "Yekan Bakh FaNum", "Yekan Bakh", "YekanBakhFaNum", "YekanBakh", "IRANSansX", "IRANSans", Tahoma, Arial, sans-serif;
}

/* اعمال فونت فارسی روی متن‌های سایت و پیشخوان - بدون استفاده از سلکتور خطرناک * */
html,
body,
button,
input,
select,
textarea,
label,
table,
caption,
th,
td,
.wp-site-blocks,
.entry-content,
.entry-title,
.site-header,
.site-footer,
.main-navigation,
.wp-block,
.editor-styles-wrapper,
.block-editor-writing-flow,
.wp-core-ui,
.wp-core-ui button,
.wp-core-ui input,
.wp-core-ui select,
.wp-core-ui textarea,
.wrap,
.wrap h1,
.wrap h2,
.wrap h3,
#adminmenu,
#adminmenu a,
#wpadminbar,
#wpadminbar .ab-label,
#wpadminbar .display-name,
.login,
.login form,
.login input,
.login button,
.elementor,
.elementor-widget-container {
    font-family: var(--khorrammachin-main-font) !important;
}

/* فیلد متن ویرایشگر کلاسیک/بلوک */
#content_ifr,
#tinymce,
.mce-content-body,
.editor-styles-wrapper,
.block-editor-block-list__layout,
.block-editor-rich-text__editable {
    font-family: var(--khorrammachin-main-font) !important;
}

/* کدها باید فونت monospace داشته باشند */
code,
pre,
kbd,
samp,
.wp-block-code,
.wp-block-code * {
    font-family: Consolas, Monaco, "Courier New", monospace !important;
}

/* جلوگیری از خراب شدن آیکن‌های اصلی وردپرس */
.dashicons,
.dashicons-before::before,
.wp-menu-image::before,
#adminmenu .wp-menu-image::before,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before,
.wp-media-buttons-icon::before,
.button .dashicons,
.components-panel__icon,
.components-icon,
.editor-post-featured-image__toggle::before,
.notice-dismiss::before,
.check-column .dashicons,
.sorting-indicators .sorting-indicator::before {
    font-family: dashicons !important;
}

/* آیکن‌های ویرایشگر کلاسیک TinyMCE */
.mce-ico,
.mce-btn i,
.mce-toolbar .mce-ico,
.mce-container .mce-ico,
[class^="mce-i-"],
[class*=" mce-i-"] {
    font-family: tinymce, Arial, sans-serif !important;
}

/* بعضی دکمه‌های وردپرس در TinyMCE از Dashicons استفاده می‌کنند */
.mce-i-dfw,
.mce-i-wp_more,
.mce-i-wp_page,
.mce-i-wp_help,
.mce-i-wp_adv,
.mce-i-wp_code,
.mce-i-wp_fullscreen {
    font-family: dashicons !important;
}

/* جلوگیری از خراب شدن آیکن‌های عمومی افزونه‌ها مثل المنتور و فونت‌آوسام */
.eicon,
[class^="eicon-"],
[class*=" eicon-"],
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-brands,
[class^="fa-"],
[class*=" fa-"],
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
    font-family: inherit;
}

.eicon,
[class^="eicon-"],
[class*=" eicon-"] {
    font-family: eicons !important;
}

.fa,
.fas,
.fa-solid {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
    font-weight: 900;
}

.far,
.fa-regular {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
    font-weight: 400;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
}

.material-icons {
    font-family: "Material Icons" !important;
}

.material-icons-outlined,
.material-symbols-outlined {
    font-family: "Material Icons Outlined", "Material Symbols Outlined" !important;
}

.material-icons-round,
.material-symbols-rounded {
    font-family: "Material Icons Round", "Material Symbols Rounded" !important;
}

.material-icons-sharp,
.material-symbols-sharp {
    font-family: "Material Icons Sharp", "Material Symbols Sharp" !important;
}

/* =========================================================
 * Khorrammachin v1.0.7
 * اصلاح نهایی آیکن‌های پیشخوان وردپرس
 * مشکل مربع شدن یا همرنگ شدن آیکن‌ها با پس‌زمینه
 * ========================================================= */

/* Dashicons: منوی مدیریت، نوار بالای وردپرس، دکمه‌ها و بعضی کنترل‌های وردپرس */
.dashicons,
.dashicons-before:before,
.dashicons-admin-site:before,
.dashicons-admin-home:before,
.dashicons-admin-post:before,
.dashicons-admin-media:before,
.dashicons-admin-page:before,
.dashicons-admin-comments:before,
.dashicons-admin-appearance:before,
.dashicons-admin-plugins:before,
.dashicons-admin-users:before,
.dashicons-admin-tools:before,
.dashicons-admin-settings:before,
.dashicons-menu:before,
.dashicons-plus:before,
.dashicons-update:before,
.dashicons-search:before,
.dashicons-format-image:before,
.dashicons-before:before,
#adminmenu div.wp-menu-image:before,
#adminmenu .wp-menu-image:before,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
#wpadminbar #wp-admin-bar-comments .ab-icon:before,
#wpadminbar #wp-admin-bar-new-content .ab-icon:before,
#wpadminbar #wp-admin-bar-search .ab-icon:before,
#wpadminbar #wp-admin-bar-edit > .ab-item:before,
.wp-media-buttons-icon:before,
.wp-core-ui .button .dashicons,
.notice-dismiss:before,
.handle-order-higher .order-higher-indicator:before,
.handle-order-lower .order-lower-indicator:before,
.toggle-indicator:before,
.sorting-indicators .sorting-indicator:before,
.accordion-section-title:after,
.control-section .accordion-section-title:after,
.nav-menus-php .item-edit:before,
.wp-picker-container .wp-color-result.button:after {
    font-family: dashicons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* رنگ آیکن‌های نوار بالای مدیریت؛ پس‌زمینه تیره است، پس آیکن باید روشن باشد */
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
#wpadminbar #wp-admin-bar-comments .ab-icon:before,
#wpadminbar #wp-admin-bar-new-content .ab-icon:before,
#wpadminbar #wp-admin-bar-search .ab-icon:before,
#wpadminbar #wp-admin-bar-edit > .ab-item:before {
    color: #ffffff !important;
    opacity: 1 !important;
}

#wpadminbar .ab-item:hover:before,
#wpadminbar .ab-item:focus:before,
#wpadminbar .ab-item:hover .ab-icon:before,
#wpadminbar .ab-item:focus .ab-icon:before {
    color: #7db7ff !important;
}

/* رنگ آیکن‌های منوی سمت راست مدیریت */
#adminmenu div.wp-menu-image:before,
#adminmenu .wp-menu-image:before {
    color: #dce8ff !important;
    opacity: 1 !important;
}

#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu li.menu-top:hover div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before,
#adminmenu a:hover div.wp-menu-image:before {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* آیکن‌های ویرایشگر کلاسیک TinyMCE */
.mce-ico,
.mce-btn i,
.mce-toolbar .mce-ico,
.mce-container .mce-ico,
i.mce-i-bold,
i.mce-i-italic,
i.mce-i-strikethrough,
i.mce-i-bullist,
i.mce-i-numlist,
i.mce-i-blockquote,
i.mce-i-hr,
i.mce-i-alignleft,
i.mce-i-aligncenter,
i.mce-i-alignright,
i.mce-i-alignjustify,
i.mce-i-link,
i.mce-i-unlink,
i.mce-i-wp_more,
i.mce-i-spellchecker,
i.mce-i-fullscreen,
i.mce-i-wp_adv,
i.mce-i-underline,
i.mce-i-pastetext,
i.mce-i-removeformat,
i.mce-i-charmap,
i.mce-i-outdent,
i.mce-i-indent,
i.mce-i-undo,
i.mce-i-redo,
i.mce-i-help {
    font-family: tinymce, Arial, sans-serif !important;
    color: #334155 !important;
    opacity: 1 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.mce-toolbar .mce-btn:hover .mce-ico,
.mce-toolbar .mce-btn:focus .mce-ico,
.mce-toolbar .mce-btn.mce-active .mce-ico {
    color: #0b4ea2 !important;
}

/* آیکن‌هایی از TinyMCE که در وردپرس با dashicons نمایش داده می‌شوند */
.mce-i-dfw,
.mce-i-wp_page,
.mce-i-wp_help,
.mce-i-wp_code,
.mce-i-wp_fullscreen {
    font-family: dashicons !important;
    color: #334155 !important;
}

/* آیکن‌های SVG در ویرایشگر جدید و کامپوننت‌های وردپرس */
.components-icon,
.components-button svg,
.interface-interface-skeleton svg,
.edit-post-header svg,
.block-editor svg {
    color: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
}

/* جلوگیری از اعمال رنگ نامناسب روی خود فونت فارسی */
body.wp-admin,
body.login,
body:not(.wp-admin) {
    color: inherit;
}


/* =========================================================
 * Khorrammachin v1.0.8
 * اصلاح عمیق آیکن‌های ویرایشگر کلاسیک و پیشخوان
 * دلیل مشکل: اعمال فونت فارسی روی تگ i و دکمه‌های TinyMCE
 * ========================================================= */

/* ویرایشگر کلاسیک TinyMCE نباید فونت فارسی را به آیکن‌های داخلی تحمیل کند */
body.wp-admin .mce-container .mce-ico,
body.wp-admin .mce-toolbar .mce-ico,
body.wp-admin .mce-menubtn i,
body.wp-admin .mce-btn i,
body.wp-admin i.mce-ico,
body.wp-admin i[class^="mce-i-"],
body.wp-admin i[class*=" mce-i-"],
body.wp-admin .mce-ico:before,
body.wp-admin [class^="mce-i-"]:before,
body.wp-admin [class*=" mce-i-"]:before {
    font-family: "tinymce", "dashicons" !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: never !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    color: #1f2937 !important;
    opacity: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* آیکن‌هایی که وردپرس در TinyMCE با Dashicons می‌سازد */
body.wp-admin .mce-i-dfw,
body.wp-admin .mce-i-dfw:before,
body.wp-admin .mce-i-wp_more,
body.wp-admin .mce-i-wp_more:before,
body.wp-admin .mce-i-wp_page,
body.wp-admin .mce-i-wp_page:before,
body.wp-admin .mce-i-wp_help,
body.wp-admin .mce-i-wp_help:before,
body.wp-admin .mce-i-wp_adv,
body.wp-admin .mce-i-wp_adv:before,
body.wp-admin .mce-i-wp_code,
body.wp-admin .mce-i-wp_code:before,
body.wp-admin .mce-i-wp_fullscreen,
body.wp-admin .mce-i-wp_fullscreen:before,
body.wp-admin .mce-i-wp_add_media,
body.wp-admin .mce-i-wp_add_media:before {
    font-family: "dashicons" !important;
    color: #1f2937 !important;
    opacity: 1 !important;
}

body.wp-admin .mce-toolbar .mce-btn:hover .mce-ico,
body.wp-admin .mce-toolbar .mce-btn:focus .mce-ico,
body.wp-admin .mce-toolbar .mce-btn.mce-active .mce-ico,
body.wp-admin .mce-toolbar .mce-btn:hover i[class^="mce-i-"],
body.wp-admin .mce-toolbar .mce-btn:focus i[class^="mce-i-"],
body.wp-admin .mce-toolbar .mce-btn.mce-active i[class^="mce-i-"] {
    color: #0b4ea2 !important;
    opacity: 1 !important;
}

/* خود دکمه‌های TinyMCE می‌توانند فونت فارسی داشته باشند، اما فرزند آیکنی آن‌ها نه */
body.wp-admin .mce-btn button,
body.wp-admin .mce-btn button span:not(.mce-ico) {
    font-family: var(--khorrammachin-main-font) !important;
}

/* بازگردانی قطعی فونت آیکن‌های نوار مدیریت و منوی مدیریت */
body.wp-admin #wpadminbar .ab-icon,
body.wp-admin #wpadminbar .ab-icon:before,
body.wp-admin #wpadminbar .ab-item:before,
body.wp-admin #adminmenu div.wp-menu-image,
body.wp-admin #adminmenu div.wp-menu-image:before,
body.wp-admin #adminmenu .wp-menu-image,
body.wp-admin #adminmenu .wp-menu-image:before,
body.wp-admin .dashicons,
body.wp-admin .dashicons:before,
body.wp-admin .dashicons-before:before {
    font-family: "dashicons" !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: inherit;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body.wp-admin #wpadminbar .ab-icon:before,
body.wp-admin #wpadminbar .ab-item:before {
    color: #ffffff !important;
}

body.wp-admin #adminmenu div.wp-menu-image:before,
body.wp-admin #adminmenu .wp-menu-image:before {
    color: #e5edf8 !important;
}

body.wp-admin #adminmenu li.current div.wp-menu-image:before,
body.wp-admin #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
body.wp-admin #adminmenu li.menu-top:hover div.wp-menu-image:before,
body.wp-admin #adminmenu li.opensub div.wp-menu-image:before {
    color: #ffffff !important;
}

/* آیکن‌های داخل متاباکس‌ها مثل فلش باز و بسته شدن */
body.wp-admin .handle-order-higher .order-higher-indicator:before,
body.wp-admin .handle-order-lower .order-lower-indicator:before,
body.wp-admin .toggle-indicator:before,
body.wp-admin .accordion-section-title:after,
body.wp-admin .control-section .accordion-section-title:after,
body.wp-admin .notice-dismiss:before,
body.wp-admin .screen-meta-toggle:after {
    font-family: "dashicons" !important;
    color: #334155 !important;
    opacity: 1 !important;
}