/*
Theme Name: Mizban24 Blog
Description: A Persian, right-to-left magazine theme for Mizban24 and its hosting tutorials.
Version: 1.0.1
Author: Mizban24
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: mizban24-blog
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face{font-family:M24Blog;src:url(assets/Vazir-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:M24Blog;src:url(assets/Vazir-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:M24BlogDigits;src:url(assets/Vazir-Regular-FD.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0030-0039}
@font-face{font-family:M24BlogDigits;src:url(assets/Vazir-Bold-FD.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0030-0039}
:root{--m24-ink:#1d2140;--m24-muted:#555e77;--m24-accent:#5236bb;--m24-pale:#f1edff;--m24-line:#e4e1ef;--m24-surface:#f8f8fc;--m24-width:1180px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--m24-surface);color:var(--m24-ink);font:400 16px/1.85 M24BlogDigits,M24Blog,Tahoma,sans-serif}
h1,h2,h3,p{margin-block-start:0}
h1,h2,h3{line-height:1.5}
a{color:var(--m24-accent);text-underline-offset:4px}
img{max-width:100%;height:auto}
input,button,textarea,select{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7b55e1;outline-offset:3px}
[hidden]{display:none!important}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.m24b-skip:focus{clip-path:none;width:auto;height:auto;inset-block-start:10px;inset-inline-start:10px;background:#fff;padding:8px 16px;z-index:20}
.m24b-wrap{width:min(var(--m24-width),calc(100% - 42px));margin-inline:auto}
.m24b-top{background:#242047;color:#f6f3ff;font-size:12px}
.m24b-top-row,.m24b-header-row,.m24b-footer-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.m24b-top-row{min-height:37px}
.m24b-top a{color:#f6f3ff;text-decoration:none}
.m24b-top a:hover{text-decoration:underline}
.m24b-top i,.m24b-eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57d9b7;margin-inline-end:5px;vertical-align:middle}
.m24b-header{background:#fff;border-bottom:1px solid var(--m24-line);position:relative;z-index:5}
.m24b-header-row{min-height:74px;position:relative}
.m24b-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:var(--m24-ink);text-decoration:none}
.m24b-brand img{display:block;width:124px;height:auto;filter:brightness(0) saturate(100%)}
.m24b-brand span{padding:2px 8px;border-radius:6px;background:var(--m24-pale);font-size:10px;color:var(--m24-accent);font-weight:700}
.custom-logo-link img{display:block;max-width:155px;max-height:56px;width:auto;object-fit:contain}
.m24b-primary{margin-inline-end:auto}
.m24b-nav-list,.m24b-nav-list ul{display:flex;gap:2px;align-items:center;list-style:none;padding:0;margin:0}
.m24b-nav-list li{position:relative}
.m24b-nav-list a{display:block;text-decoration:none;color:var(--m24-ink);padding:8px 10px;border-radius:9px;font-size:13px;font-weight:700}
.m24b-nav-list a:hover,.m24b-nav-list .current-menu-item>a,.m24b-nav-list .current-cat>a{background:var(--m24-pale);color:var(--m24-accent)}
.m24b-nav-list ul{display:none;position:absolute;inset-block-start:100%;inset-inline-start:0;min-width:170px;background:#fff;border:1px solid var(--m24-line);padding:6px;border-radius:12px;box-shadow:0 10px 30px #27204d16}
.m24b-nav-list ul ul{inset-inline-start:100%;inset-block-start:0}
.m24b-nav-list li:hover>ul,.m24b-nav-list li:focus-within>ul{display:block}
.m24b-button,.m24b-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:0;border-radius:11px;background:linear-gradient(120deg,#583bcc,#6844bf);color:#fff;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;cursor:pointer}
.m24b-button:hover{background:#482ba9}
.m24b-menu-toggle{display:none;background:var(--m24-pale);color:var(--m24-accent)}
.m24b-hero{background:radial-gradient(ellipse at 20% 8%,#e9e2ff 0,transparent 56%),linear-gradient(145deg,#fff,#f3efff);border-bottom:1px solid #e5dff5}
.m24b-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:32px;min-height:408px;padding-block:32px 55px}
.m24b-eyebrow{display:inline-flex;gap:4px;align-items:center;background:#eee7ff;border:1px solid #ded0ff;color:#4d2a9f;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700}
.m24b-eyebrow i{background:#2b907e}
.m24b-hero h1{margin:14px 0 10px;font-size:clamp(32px,4.2vw,57px);line-height:1.32;letter-spacing:-.035em}
.m24b-hero p{max-width:470px;color:var(--m24-muted);font-size:clamp(14px,1.6vw,17px);margin:0 0 23px}
.m24b-hero-art{width:100%;justify-self:center}
.m24b-search{display:flex;align-items:stretch;gap:6px;padding:5px;background:#fff;border:1px solid #d9cdef;border-radius:14px;max-width:480px;box-shadow:0 6px 18px #331e7410}
.m24b-search input{width:100%;min-width:0;border:0;background:transparent;padding:7px 9px;font-size:14px;color:var(--m24-ink)}
.m24b-search .m24b-button{min-width:88px}
.m24b-list{padding-block:32px 56px;min-height:50vh}
.m24b-topic-jump{display:inline-block;margin-block-start:12px;font-size:13px;font-weight:700;text-decoration:none}
.m24b-topic-jump:hover{text-decoration:underline}
.m24b-categories{position:relative;margin-block:-56px 32px;padding:18px 20px;background:#fff;border:1px solid var(--m24-line);border-radius:18px;box-shadow:0 7px 24px #2f2b5810;scroll-margin-block-start:42px}
.m24b-categories h2{font-size:20px;margin-block-end:12px}
.m24b-categories p{color:var(--m24-muted);margin:0}
.m24b-topics{display:flex;flex-wrap:wrap;gap:12px}
.m24b-topics a{flex:1 1 155px;min-width:0;display:flex;gap:9px;align-items:center;padding:12px;background:#fff;border:1px solid var(--m24-line);border-radius:14px;color:var(--m24-ink);text-decoration:none;box-shadow:0 7px 24px #2f2b5810}
.m24b-topics a:hover{border-color:#a38ae4}
.m24b-topic-mark{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--m24-pale);color:var(--m24-accent);font-weight:700}
.m24b-topics a:nth-child(3n+2) .m24b-topic-mark{background:#dcf4ef;color:#156658}
.m24b-topics a:nth-child(3n) .m24b-topic-mark{background:#e4eeff;color:#335eab}
.m24b-topics strong,.m24b-topics small{display:block}
.m24b-topics strong{font-size:13px}
.m24b-topics small{font-size:11px;color:var(--m24-muted)}
.m24b-topic-arrow{margin-inline-start:auto;color:var(--m24-accent)}
.m24b-category-directory{margin-block-start:12px;border-block-start:1px solid var(--m24-line);padding-block-start:10px}
.m24b-category-directory summary{cursor:pointer;color:var(--m24-accent);font-size:13px;font-weight:700}
.m24b-category-directory ul{margin-block:8px 0;padding-inline-start:22px}
.m24b-category-directory>ul{columns:240px;column-gap:24px}
.m24b-category-directory li{break-inside:avoid;color:var(--m24-muted);font-size:13px}
.m24b-list-head{margin-bottom:20px}
.m24b-kicker{display:inline-block;color:var(--m24-accent);font-weight:700;font-size:13px;margin-bottom:5px}
.m24b-list-head h1,.m24b-list-head h2{font-size:clamp(24px,3vw,34px);margin:0;overflow-wrap:anywhere}
.m24b-description{color:var(--m24-muted);max-width:700px}
.m24b-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.m24b-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--m24-line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #2823490a}
.m24b-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:#eee8fb;text-decoration:none}
.m24b-cover:focus-visible{outline-offset:-4px}
.m24b-cover img{display:block;width:100%;height:100%;object-fit:cover}
.m24b-cover-art{display:grid;place-content:center;justify-items:center;width:100%;height:100%;color:#f5efff;background:radial-gradient(ellipse at 78% 3%,#9264e3,transparent 68%),linear-gradient(130deg,#383273,#5043a0);font:700 28px/1.25 M24Blog,sans-serif}
.m24b-cover-art bdi{font-size:42px}
.m24b-card:nth-child(3n+2) .m24b-cover-art{background:radial-gradient(ellipse at 85% 6%,#2a9b97,transparent 66%),linear-gradient(130deg,#16495b,#216e76)}
.m24b-card:nth-child(3n) .m24b-cover-art{background:radial-gradient(ellipse at 85% 8%,#568fdd,transparent 65%),linear-gradient(130deg,#223e7a,#3f66ae)}
.m24b-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:17px}
.m24b-card-meta,.m24b-story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--m24-muted)}
.m24b-tag{display:inline-flex;background:var(--m24-pale);color:#4f309c;border-radius:99px;padding:2px 9px;text-decoration:none;font-size:11px;font-weight:700}
.m24b-card h2{font-size:19px;margin:9px 0 7px;overflow-wrap:anywhere}
.m24b-card h2 a{color:var(--m24-ink);text-decoration:none}
.m24b-card h2 a:hover{text-decoration:underline}
.m24b-card p{font-size:13px;color:var(--m24-muted);margin-bottom:14px}
.m24b-more{margin-top:auto;font-size:13px;font-weight:700;text-decoration:none}
.m24b-more:hover{text-decoration:underline}
.m24b-empty,.m24b-story,.m24b-comments{background:#fff;border:1px solid var(--m24-line);border-radius:20px;padding:clamp(18px,4vw,42px)}
.m24b-reading{max-width:920px;padding-block:28px 55px}
.m24b-reading .m24b-kicker{margin-bottom:13px}
.m24b-story h1{font-size:clamp(25px,4vw,46px);margin:8px 0;overflow-wrap:anywhere}
.m24b-story-image{width:100%;height:auto;display:block;border-radius:14px;margin-top:20px}
.m24b-prose{margin-top:20px;overflow-wrap:anywhere}
.m24b-prose :is(pre,code,kbd,samp){font-family:ui-monospace,monospace}
.m24b-prose pre{overflow:auto;direction:ltr;text-align:left;background:#21264a;color:#fff;padding:14px;border-radius:9px}
.m24b-prose iframe{max-width:100%}
.m24b-prose table{width:100%;border-collapse:collapse}
.m24b-prose th,.m24b-prose td{border:1px solid var(--m24-line);padding:7px}
.m24b-story-tags a{display:inline-block;padding:3px 8px;border-radius:8px;background:var(--m24-pale);text-decoration:none}
.m24b-comments{margin-top:20px}
.m24b-comment-list{padding-inline-start:24px}
.m24b-comments textarea,.m24b-comments input:not([type=submit]):not([type=checkbox]){display:block;width:100%;padding:8px;border:1px solid var(--m24-line);border-radius:8px}
.m24b-comments input[type=submit]{background:var(--m24-accent);color:white;border:0;border-radius:8px;padding:8px 15px;cursor:pointer}
.navigation .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-block:24px}
.navigation .page-numbers,.post-navigation a{display:inline-block;padding:6px 12px;border:1px solid var(--m24-line);border-radius:9px;background:white;text-decoration:none}
.navigation .current{background:var(--m24-accent);color:white;border-color:var(--m24-accent)}
.m24b-footer{background:#232043;color:#e5def8;padding:30px 0 16px}
.m24b-footer .m24b-brand img{filter:none}
.m24b-footer p{font-size:13px;margin:6px 0}
.m24b-footer-links,.m24b-footer nav ul{display:flex;flex-wrap:wrap;gap:13px;list-style:none;padding:0;margin:0}
.m24b-footer a{color:#fff;font-size:13px}
.m24b-copyright{margin-top:18px;padding-top:12px;border-top:1px solid #ffffff30;font-size:12px}
@media(max-width:1050px){
    .m24b-menu-toggle:not([hidden]){display:inline-flex;margin-inline-start:auto}
    .m24b-header-row{flex-wrap:wrap;gap:8px;padding-block:10px;min-height:0}
    .m24b-primary{order:4;width:100%;margin:0}
    .m24b-primary.m24b-menu-ready:not(.m24b-menu-open){display:none}
    .m24b-nav-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:start}
    .m24b-nav-list ul{display:block;position:static;box-shadow:none;border:0;padding:0 10px;background:transparent;min-width:0}
    .m24b-nav-list ul a{font-weight:400}
}
@media(max-width:800px){.m24b-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m24b-hero-grid{gap:16px;min-height:320px}.m24b-topics a{flex-basis:125px}}
@media(max-width:600px){
    .m24b-wrap{width:calc(100% - 24px)}
    .m24b-top-row{gap:6px;font-size:10px}
    .m24b-brand img{width:95px}
    .m24b-header .m24b-brand span{display:none}
    .m24b-account,.m24b-menu-toggle{padding:7px 9px;font-size:12px}
    .m24b-account span{display:none}
    .m24b-hero-grid{grid-template-columns:1fr;padding-block:32px 42px;text-align:center}
    .m24b-search{margin-inline:auto;text-align:start}
    .m24b-hero-art{max-width:295px}
    .m24b-hero p{margin-inline:auto}
    .m24b-categories{margin-block:-51px 22px;padding:14px}
    .m24b-topics{gap:8px}
    .m24b-card-grid{grid-template-columns:1fr}
    .m24b-footer-row{align-items:flex-start;flex-direction:column}
}