@import url(https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap);/*!
Theme Name: Mabnawp
Author: Morteza Barati
Description: A minimal WordPress theme for MabnaWP with shadcn-inspired styling
Version: 2.3.6
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mabnawp
*/
:root{--background:#ffffff;--foreground:#333333;--card:#ffffff;--card-foreground:#333333;--primary:#3b82f6;--primary-foreground:#ffffff;--secondary:#f3f4f6;--secondary-foreground:#4b5563;--muted:#f9fafb;--muted-foreground:#6b7280;--border:#e5e7eb;--input:#e5e7eb;--ring:#3b82f6;--shadow:0 1px 3px 0px hsl(0 0% 0% / 0.10);--radius:0.375rem;--spacing:0.25rem;--font-family:"Vazirmatn", sans-serif}*{box-sizing:border-box;transition:all 0.3s}body{font-family:var(--font-family);background-color:var(--background);color:var(--foreground);line-height:1.6;margin:0;padding:0;direction:rtl}a{color:var(--primary);text-decoration:none;transition:color 0.2s}a:hover{color:var(--ring)}input,button,textarea{font-family:var(--font-family)}header{background-color:var(--background);border-bottom:1px solid var(--border);padding:10px 155px;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center}img.logo{width:80px}header nav{margin:0;padding:0 var(--spacing)}header nav ul{list-style:none;padding:0;margin:0;display:flex;gap:calc(var(--spacing) * 4);justify-content:flex-end}header nav ul li{position:relative}header nav ul li a{color:var(--foreground);font-weight:500;padding:calc(var(--spacing) * 2);display:block}header nav ul li:hover>a{color:var(--primary)}header nav ul ul{display:none;position:absolute;top:100%;right:0;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:200px;padding:var(--spacing) 0}header nav ul li:hover>ul{display:block}header nav ul ul li a{padding:var(--spacing) calc(var(--spacing) * 2)}main{max-width:1200px;margin:calc(var(--spacing) * 8) auto;padding:0 var(--spacing);display:grid;grid-template-columns:3fr 1fr;gap:calc(var(--spacing) * 8)}article{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--spacing) * 4);margin-bottom:var(--spacing);box-shadow:var(--shadow)}article h1,article h2{font-family:var(--font-family);color:var(--card-foreground);margin-top:0}article p{color:var(--muted-foreground);line-height:1.8}.read-more{display:inline-block;background-color:var(--primary);color:var(--primary-foreground);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);border-radius:var(--radius);text-decoration:none;transition:background-color 0.2s}.read-more:hover{background-color:var(--ring);color:var(--primary-foreground)}.sidebar{background-color:var(--secondary);border-left:1px solid var(--border);padding:var(--spacing)}.sidebar h3{color:var(--foreground);font-family:var(--font-family);font-size:1.25rem;margin-bottom:var(--spacing)}.sidebar .post-list{list-style:none;padding:0}.sidebar .post-list li.post-item a.post-link{display:flex;align-items:center;gap:10px;background:var(--background);padding:5px;border-radius:12px;margin:5px 0}.sidebar .post-list li.post-item a.post-link:hover{background:var(--muted)}.sidebar .post-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:var(--radius)}.sidebar .post-title{font-size:.9rem;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.sidebar .friend-links{list-style:none;padding:0}.sidebar .friend-links li a{color:var(--foreground);padding:var(--spacing) 0}.sidebar .friend-links li a:hover{color:var(--primary)}.comment-form input,.comment-form textarea{border:1px solid var(--input);border-radius:var(--radius);background-color:var(--muted);color:var(--foreground);margin-bottom:var(--spacing);padding:var(--spacing);width:100%;box-sizing:border-box}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring);outline:none}.comment-form button{background-color:var(--primary);color:var(--primary-foreground);border:none;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);border-radius:var(--radius);cursor:pointer;transition:background-color 0.2s}.comment-form button:hover{background-color:var(--ring)}footer{background-color:var(--secondary);color:var(--secondary-foreground);padding:calc(var(--spacing) * 8) 0;border-top:1px solid var(--border);margin-top:calc(var(--spacing) * 8)}footer .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing)}footer .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing)}footer h5{color:var(--foreground);font-family:var(--font-family);margin-bottom:var(--spacing)}footer a{color:var(--secondary-foreground)}footer a:hover{color:var(--primary)}.hero-section{background-image:url(https://mabnawp.ir/wp-content/uploads/2025/07/mabnawp-hero.jpg);padding:140px 150px;background-repeat:no-repeat}.hero-btn{display:flex;gap:15px}.mb-all{margin-bottom:30px}.most-viewed-section{max-width:1200px;margin:calc(var(--spacing) * 8) auto calc(var(--spacing) * 4);padding:0 var(--spacing)}.most-viewed-title{font-family:var(--font-family);color:var(--foreground);font-size:1.75rem;margin-bottom:calc(var(--spacing) * 4);text-align:center}.most-viewed-carousel{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-bottom:var(--spacing)}.most-viewed-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform 0.3s ease}.most-viewed-card:hover{transform:translateY(-5px)}.most-viewed-thumbnail{position:relative;overflow:hidden}.thumbnail-image{width:100%;height:180px;object-fit:cover;transition:transform 0.3s ease}.most-viewed-card:hover .thumbnail-image{transform:scale(1.05)}.most-viewed-content{padding:calc(var(--spacing) * 3)}.most-viewed-content h3{font-size:1.25rem;margin:0 0 var(--spacing);line-height:1.4}.most-viewed-content h3 a{color:var(--card-foreground)}.most-viewed-content h3 a:hover{color:var(--primary)}.most-viewed-excerpt{color:var(--muted-foreground);font-size:.9rem;margin-bottom:var(--spacing)}.most-viewed-meta{display:flex;justify-content:space-between;align-items:center}.views-count{color:var(--muted-foreground);font-size:.85rem}.navbar-toggler{display:flex;border:unset;background:unset}.d-menu,.d-none,.navbar-toggler{display:none}.d-block{display:block}.content article{margin:15px;padding:15px}.related-posts{margin-top:calc(var(--spacing) * 4)}.related-posts h2{font-family:var(--font-family);color:var(--foreground);font-size:1.5rem;margin-bottom:var(--spacing)}.related-post-item{display:flex;align-items:center;gap:var(--spacing);margin-bottom:var(--spacing)}.related-post-item a{text-decoration:none}.related-post-item img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius)}.related-post-item h3{font-size:1rem;color:var(--card-foreground);margin:0}.related-post-item h3:hover{color:var(--primary)}@media (max-width:1024px){header{padding:10px 50px}main{gap:calc(var(--spacing) * 4)}article{padding:calc(var(--spacing) * 2)}.most-viewed-thumbnail .thumbnail-image{height:150px}.most-viewed-content h3{font-size:1.1rem}}@media (min-width:768px){.d-md-none{display:none}.d-md-block{display:block}}@media (max-width:768px){header{padding:10px 20px}.d-menu{position:absolute;top:100%;width:100%;right:0;background:#fff;box-shadow:1px 20px 10px 10px #0000001c;padding:15px}img.logo{margin-bottom:var(--spacing)}header nav ul{flex-direction:column;gap:var(--spacing)}header nav ul ul{position:static;box-shadow:none;border:none;padding:0}main{grid-template-columns:1fr;margin:calc(var(--spacing) * 4) auto}.sidebar{border-left:none;border-top:1px solid var(--border);margin-top:var(--spacing);padding:10px;border-radius:12px}.wp-block-image img{border-radius:15px}.sidebar .post-thumbnail{width:40px;height:40px}.sidebar .post-title{max-width:100px;font-size:.8rem}footer .row{grid-template-columns:1fr;text-align:center}footer .container{padding:0 var(--spacing)}.most-viewed-carousel{grid-template-columns:repeat(2,1fr)}.most-viewed-thumbnail .thumbnail-image{height:120px}.most-viewed-content{padding:calc(var(--spacing) * 2)}.most-viewed-content h3{font-size:1rem}.most-viewed-excerpt{font-size:.8rem}}@media (max-width:480px){header{padding:10px}header nav ul li a{padding:var(--spacing);font-size:.9rem}main{padding:0 var(--spacing)}article{padding:var(--spacing);margin-bottom:var(--spacing)}article h1{font-size:1.5rem}article h2{font-size:1.2rem}.sidebar .post-item{gap:5px}.sidebar .post-thumbnail{width:30px;height:30px}.sidebar .post-title{max-width:80px;font-size:.7rem}.comment-form input,.comment-form textarea{padding:var(--spacing)}.comment-form button{padding:var(--spacing) calc(var(--spacing) * 2)}.hero-section{padding:20px!important}.most-viewed-thumbnail .thumbnail-image{height:100px}.most-viewed-content h3{font-size:.9rem}.most-viewed-excerpt{display:none}.most-viewed-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing)}}
img {
    max-width: 100%;
}