/*
Theme Name: petroqalam
Theme URI: https://tabnakweb.ir/
Author: daythemes
Author URI: https://tabnakweb.ir/
Description: HTML5-CSS3 / Copyright © www.daythemes.ir - 2030 
Version: 0.0.5
*/





@font-face {
    font-family: 'farsinum';
    src: url("fonts/Sahel-FD-WOL.woff") format("woff");
}
@font-face {
    font-family: 'bamdad';
    src: url('fonts/bamdad.eot?8kcieo');
    src: url('fonts/bamdad.eot?8kcieo#iefix') format('embedded-opentype'), url('fonts/bamdad.ttf?8kcieo') format('truetype'), url('fonts/bamdad.woff?8kcieo') format('woff'), url('fonts/bamdad.svg?8kcieo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'bamdad' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/* -------------------------------------------------------------------------- */
/*                               ریست و پایه                                  */
/* -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: "daythemes", "IRANSans", Tahoma, Arial, sans-serif;
  background: #f5f7fb;
  color: #222;
  line-height: 1.7;
}

/* رنگ‌های برند پترو قلم (نارنجی جدید) */
:root {
  --brand: #f4511e;
  --brand-dark: #d84315;
  --accent: #1565c0;
  --text: #222;
  --muted: #6b7280;
  --bg: #ffffff;
  --soft: #fff3e0;
  --border: #e5e7eb;
}

a { 
  color: var(--accent); 
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover { 
  color: var(--brand);
}

/* -------------------------------------------------------------------------- */
/*                      هدر، فوتر و کامپوننت‌های مشترک                        */
/* -------------------------------------------------------------------------- */
.topbar { background: var(--brand); color: #fff; font-size: 0.92rem; }
.topbar .container { max-width: 1200px; margin: 0 auto; padding: 0.35rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.topbar .meta { display: flex; align-items: center; gap: 1.2rem; }
.topbar .actions { display: flex; align-items: center; gap: 0.8rem; }
.topbar .actions a { color: #fff; opacity: 0.95; }
.topbar .actions a:hover { opacity: 1; }








.topbar-nav-links {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1px; /* فاصله بین آیتم های منو */
}

.topbar-nav-links li {
  margin: 0;
  padding: 0;
}

.topbar-nav-links a {
  text-decoration: none;
  color: #333; /* رنگ متن */
  padding: 2px 15px;
  display: block;
  transition: all 0.3s ease;
  border-radius: 4px; /* گوشه های گرد */
}

.topbar-nav-links a:hover {

  color: #000; /* رنگ متن هنگام هاور */
}











header.site-header { background: var(--bg); border-bottom: 1px solid var(--border); position: relative; }
.site-header .container { max-width: 1200px; margin: 0 auto; padding: 1rem; display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: center; }

.logo { display: flex; align-items: center; gap: 0.8rem; }
.logo .mark { width: 50px; height: 50px; border-radius: 50%; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; overflow: hidden; border: 2px solid var(--brand); }
.logo .mark img { width: 80%; height: 80%; object-fit: contain; }
.logo .name { font-weight: 800; font-size: 1.6rem; color: var(--brand); display: flex; flex-direction: column; line-height: 1.2; transition: color 0.2s ease; }
.logo a:hover .name { color: var(--brand-dark); }
.logo .slogan { font-size: 0.8rem; font-weight: 400; color: var(--muted); margin-top: 0.2rem; }

.search { position: relative; width: 320px; max-width: 100%; display: flex; }
.search input { width: 100%; padding: 0.6rem 0.9rem; border: 1px solid var(--border); border-radius: 0 8px 8px 0; background: #fff; font-size: 0.95rem; border-left: none; font-family: inherit; transition: border-color 0.2s; }
.search input:focus { border-color: var(--brand); outline: none; }
.search input:focus + button { border-color: var(--brand); }
.search button { 
    background: var(--brand);
    color: white;
    border: 1px solid var(--brand);
    border-radius: 8px 0 0 8px;
    padding: 0 1.2rem;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    transition: background 0.2s, border-color 0.2s;}
.search button:hover { background: var(--brand-dark); }

nav.main-nav { background: #fff; border-bottom: 1px solid var(--border); }
.main-nav .container { max-width: 1200px; margin: 0 auto; padding: 0.2rem 1rem; display: flex; align-items: center; gap: 0.6rem; overflow-x: auto; scrollbar-width: none; }
.main-nav .container::-webkit-scrollbar { display: none; }
.nav-link { display: inline-block; padding: 0.32rem 0.9rem; border-radius: 6px; color: #333; white-space: nowrap; transition: all 0.2s ease; }
.nav-link.active, .nav-link:hover { background: var(--soft); color: var(--brand); }

/* --- اصلاحیه CSS برای منوی داینامیک دسکتاپ --- */

/* قبلاً کانتینر flex بود، اما حالا کانتینر حاوی یک تگ <ul> است.
  بنابراین display: flex را به خود <ul> (که ما کلاس .main-nav-links به آن دادیم) منتقل می‌کنیم.
*/
.main-nav .container {
  display: block; 
}

.main-nav .main-nav-links {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  list-style: none; /* حذف گلوله‌های لیست */
  padding: 0;
  margin: 0;
  /* کپی کردن استایل‌های اسکرول از .main-nav .container */
  overflow-x: auto;
  scrollbar-width: none;
}

.main-nav .main-nav-links::-webkit-scrollbar {
  display: none;
}

/* قبلاً سلکتور شما .nav-link بود.
  حالا باید تگ <a> درون <li> را هدف قرار دهیم.
*/
.main-nav .main-nav-links li a {
  display: inline-block;
  padding: 0.32rem 0.9rem;
  border-radius: 6px;
  color: #333;
  white-space: nowrap;
  transition: all 0.2s ease;
}

/* جایگزینی .nav-link:hover و .nav-link.active
  وردپرس به آیتم فعال کلاس .current-menu-item می‌دهد
*/
.main-nav .main-nav-links li.current-menu-item a,
.main-nav .main-nav-links li a:hover {
  background: var(--soft);
  color: var(--brand);
}
.layout { max-width: 1200px; margin: 1rem auto 2rem; padding: 0 1rem; display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem; }

.sidebar .widget, .hero .widget { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 0.8rem; margin-bottom: 0.9rem; }
.hero .widget { margin-bottom: 0; }
.widget h4 { margin: 0 0 0.6rem; font-size: 1rem; border-right: 3px solid var(--brand); padding-right: 0.4rem; }

footer.site-footer { background: #0f172a; color: #cbd5e1; margin-top: 2rem; }
.site-footer .container { max-width: 1200px; margin: 0 auto; padding: 1.2rem 1rem; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 1rem; }
.site-footer a { color: #cbd5e1; transition: color 0.2s ease; }
.site-footer a:hover { color: var(--brand); }
.footer-logo-wrap { margin-bottom:0.6rem; }
.footer-description { margin:0; color:#cbd5e1; }
.footer-section-title { margin:0 0 0.6rem; font-size:1rem; border-right:3px solid var(--brand); padding-right:0.4rem; }
.footer-list { list-style:none; padding:0; margin:0; display:grid; gap:0.4rem; }
.copy { border-top: 1px solid rgba(203,213,225,0.15); margin-top: 0.8rem; padding-top: 0.8rem; font-size: 0.9rem; color: #94a3b8; }
.footer-about {
  margin: 15px 0;
  line-height: 1.6;
  color: #ccc;
}

.footer-about p {
  margin: 0;
  font-size: 14px;
}

.site-footer .container {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 30px;
}

@media (max-width: 768px) {
  .site-footer .container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* -------------------------------------------------------------------------- */
/*                               صفحه اصلی - index.html                       */
/* -------------------------------------------------------------------------- */
.hero { max-width: 1200px; margin: 1rem auto; padding: 0 1rem; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 1rem; }
.hero-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; display: grid; grid-template-columns: 1fr; transition: box-shadow 0.3s ease; }
.hero-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
.hero-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }


/* -------------------------------------------------------------------------- */
/*                               استایل‌های جدید برای تگ روی عکس              */
/* -------------------------------------------------------------------------- */

.hero-card-image {
    position: relative;
    overflow: hidden;
}

.hero-card-image a {
    display: block;
    position: relative;
}

.hero-card-image img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.hero-card:hover .hero-card-image img {
    transform: scale(1.05);
}

.tag-overlay {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--brand);
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

.hero-card:hover .tag-overlay {
    background: var(--brand-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* حذف تگ قدیمی از محتوا */
.hero-content .tag {
    display: none;
}

/* -------------------------------------------------------------------------- */
/*                               ریسپانسیو برای تگ روی عکس                   */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .tag-overlay {
        top: 10px;
        right: 10px;
        padding: 0.2rem 0.6rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .tag-overlay {
        top: 8px;
        right: 8px;
        padding: 0.15rem 0.5rem;
        font-size: 0.7rem;
    }
}
.hero-content { padding: 1rem 1rem 1.2rem; }
.hero-content .tag { display: inline-block; background: var(--soft); color: var(--brand-dark); padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.82rem; margin-bottom: 0.5rem; }
.hero-content h1 { margin: 0.2rem 0 0.6rem; font-size: 1.4rem; line-height: 1.5; }
.hero-content h1 a { color: #222; transition: color 0.2s; }
.hero-content h1 a:hover { color: var(--brand); }
.hero-content p { margin: 0; color: #444; }

.hero-ads { display: grid; grid-template-columns: 1fr; gap: 0.8rem; align-content: start; }
.hero-ads a { display: block; border-radius: 10px; overflow: hidden; border: 1px solid var(--border); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.hero-ads a:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.08); }
.hero-ads img { width: 100%; height: auto; display: block; }

.section-title { display: flex; align-items: center; justify-content: space-between; margin: 0.4rem 0 0.8rem; }
.section-title h2 { margin: 0; font-size: 1.1rem; border-right: 4px solid var(--brand); padding-right: 0.5rem; }
.section-title a { color: var(--muted); font-size: 0.9rem; }
.section-title a:hover { color: var(--brand); }

.article { display: grid; grid-template-columns: 180px 1fr; gap: 0.9rem; background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: box-shadow 0.3s ease; }
.article:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.article + .article { margin-top: 0.8rem; }
.article img { width: 100%; height: 100%; object-fit: cover; }
.article-body { padding: 0.7rem 0.9rem; }
.article-body h3 { margin: 0 0 0.35rem; font-size: 1.05rem; }
.article-body h3 a { color: #222; transition: color 0.2s; }
.article-body h3 a:hover { color: var(--brand); }
.excerpt { margin: 0 0 0.6rem; color: #444; font-size: 0.93rem; }
.article-meta { display: flex; gap: 0.8rem; color: var(--muted); font-size: 0.84rem; }

.special-sections { max-width: 1200px; margin: 2rem auto; padding: 0 1rem; }
.section-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }
.section-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.section-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.section-card img { width: 100%; height: 180px; object-fit: cover; }
.section-card .content { padding: 1rem; }
.section-card h3 { margin: 0 0 0.5rem; font-size: 1.1rem; color: var(--brand); }
.section-card p { margin: 0; color: #444; font-size: 0.95rem; }

.photo-gallery, .video-gallery { max-width: 1200px; margin: 2rem auto; padding: 0 1rem; }
.photo-grid, .video-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 1rem; }
.photo-card { position: relative; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); transition: transform 0.3s ease; }
.photo-card:hover { transform: translateY(-5px); }
.photo-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 50%); opacity: 0.8; transition: opacity 0.3s ease; }
.photo-card:hover::after { opacity: 1; }
.photo-card img { width: 100%; height: 220px; object-fit: cover; display: block; }
.photo-card-content { position: absolute; bottom: 0; padding: 0.8rem; color: #fff; z-index: 2; }
.photo-card-content h3 { margin: 0; font-size: 1rem; line-height: 1.4; }

.video-card { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); transition: box-shadow 0.3s ease; }
.video-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
.video-card-thumbnail { position: relative; }
.video-card-thumbnail .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background: rgba(244, 81, 30, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.2rem; backdrop-filter: blur(4px); transition: background 0.2s ease, transform 0.2s ease; }
.video-card a:hover .play-icon { background: var(--brand); transform: translate(-50%, -50%) scale(1.1); }
.video-card img { width: 100%; height: 160px; object-fit: cover; display: block; }
.video-card-content { padding: 0.8rem; }
.video-card-content h3 { margin: 0; font-size: 0.95rem; line-height: 1.5; }
.video-card-content h3 a { color: #222; }

/* -------------------------------------------------------------------------- */
/*                            صفحه درباره ما - about.html                     */
/* -------------------------------------------------------------------------- */
.page-content { background: #fff; border: 1px solid var(--border); padding: 1.5rem 2rem; border-radius: 12px; }
.page-header h1 { font-size: 2rem; margin: 0 0 1.5rem; border-right: 4px solid var(--brand); padding-right: 0.8rem; }
.about-content p { font-size: 1.05rem; margin-bottom: 1.5rem; }
.about-content h2 { font-size: 1.5rem; margin-top: 2.5rem; margin-bottom: 1rem; color: var(--brand-dark); }
.about-content ul { list-style: none; padding-right: 0; }
.about-content ul li { padding-right: 1.5rem; position: relative; margin-bottom: 0.8rem; }
.about-content ul li::before { content: '\f058'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 0; top: 5px; color: var(--brand); }

.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 1.5rem; }
.team-card { background: #f9fafb; border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.team-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); }
.team-card img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-bottom: 1rem; }
.team-card h4 { margin: 0 0 0.3rem; font-size: 1.1rem; }
.team-card .title { color: var(--brand); font-weight: 500; margin-bottom: 1rem; }
.team-card .socials { display: flex; justify-content: center; gap: 0.8rem; }
.team-card .socials a { color: var(--muted); font-size: 1.1rem; }
.team-card .socials a:hover { color: var(--brand-dark); }

.contact-info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; background: var(--soft); padding: 1.5rem; border-radius: 12px; margin-top: 1rem; }
.contact-info p { margin: 0; font-size: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.contact-info i { color: var(--brand); }

/* -------------------------------------------------------------------------- */
/*                            صفحه آرشیو - archive.html                       */
/* -------------------------------------------------------------------------- */
.archive-header { background: #fff; border: 1px solid var(--border); padding: 1.5rem; border-radius: 12px; margin-bottom: 1.5rem; }
.archive-header h1 { margin: 0 0 0.5rem; font-size: 1.8rem; border-right: 4px solid var(--brand); padding-right: 0.8rem; }
.archive-header p { margin: 0; font-size: 1rem; color: var(--muted); padding-right: 1.1rem; }

.article-list .article { display: grid; grid-template-columns: 180px 1fr; gap: 0.9rem; background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: box-shadow 0.3s ease; }
.article-list .article:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.article-list .article + .article { margin-top: 0.8rem; }
.article-list .article img { width: 100%; height: 100%; object-fit: cover; }
.article-list .article-body { padding: 0.8rem 1rem; }
.article-list .article-body h3 { margin: 0 0 0.35rem; font-size: 1.05rem; line-height: 1.6; }
.article-list .article-body h3 a { color: var(--text); transition: color 0.2s; }
.article-list .article-body h3 a:hover { color: var(--brand); }
.article-list .excerpt { margin: 0 0 0.6rem; color: #555; font-size: 0.93rem; }
.article-list .article-meta { display: flex; gap: 0.8rem; color: var(--muted); font-size: 0.84rem; }

/* صفحه بندی (Pagination) */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}
.pagination a, .pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid var(--border-color);
    color: var(--primary-text-color);
    font-weight: bold;
        font-family: farsinum, sans-serif;
}
.pagination span.current {
    background-color: var(--brand);
    color: white;
    border-color: var(--brand);
}
.pagination a:hover {
    background-color: var(--brand);
    color: white;
    border-color: var(--brand);
}

/* صفحه "هیچ نتیجه ای یافت نشد" */
.no-results-content {
    background-color: #fff;
    padding: 40px;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.no-results-content h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.no-results-content p {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 30px;
}
.no-results-content .search-form {
    max-width: 500px;
    margin: 0 auto;
}


/* -------------------------------------------------------------------------- */
/*                            صفحه تماس - contact.html                        */
/* -------------------------------------------------------------------------- */
.contact-form .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.contact-form .form-group { margin-bottom: 1rem; }
.contact-form .full-width { grid-column: 1 / -1; }
.contact-form label { display: block; margin-bottom: 0.4rem; font-size: 0.9rem; font-weight: 500; }
.contact-form input, .contact-form textarea { width: 100%; padding: 0.7rem; border: 1px solid var(--border); border-radius: 8px; font-family: inherit; font-size: 1rem; transition: border-color 0.2s ease; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--brand); outline: none; }
.contact-form textarea { min-height: 150px; resize: vertical; }
.contact-form .btn-submit { background: var(--brand); color: #fff; border: none; padding: 0.8rem 2rem; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.contact-form .btn-submit:hover { background: var(--brand-dark); }

.contact-details { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2.5rem; }
.contact-info-list { list-style: none; padding: 0; margin: 0; }
.contact-info-list li { display: flex; align-items: start; gap: 0.8rem; margin-bottom: 1rem; font-size: 1rem; }
.contact-info-list i { color: var(--brand); font-size: 1.2rem; margin-top: 5px; }
.map-container { border-radius: 12px; overflow: hidden; border: 1px solid var(--border); }
.map-container iframe { width: 100%; height: 100%; min-height: 250px; border: none; }

/* -------------------------------------------------------------------------- */
/*                            صفحه خبر - single.html                          */
/* -------------------------------------------------------------------------- */
.main-content { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; }
.breadcrumb { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; margin-bottom: 1rem; color: var(--muted); }
.breadcrumb a { color: var(--muted); }
.breadcrumb a:hover { color: var(--brand); }
.breadcrumb .separator { font-size: 0.7rem; }
.breadcrumb .current { color: var(--text); font-weight: 500; }

.article-header .tag { display: inline-block; background: var(--soft); color: var(--brand-dark); padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.82rem; margin-bottom: 0.5rem; }
.article-header h1, .article-header h1 a{ font-size: 2rem; line-height: 1.4; margin: 0.5rem 0 1rem; color: #333;}
.article-header .featured-image { margin: 1.5rem 0; border-radius: 12px; overflow: hidden; }
.article-header .featured-image img { width: 100%; height: auto; display: block; }
.article-header .lead { font-size: 1.1rem; color: #555; margin: 0 0 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border); }
.article-meta-single { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; font-size: 0.9rem; color: var(--muted); margin-bottom: 1.5rem; }
.article-meta-single span { display: flex; align-items: center; gap: 0.3rem; }
.article-meta-single .fa-solid { font-size: 0.8rem; }

.article-content {
    font-size: 1.1rem;
    line-height: 2;
}
.article-content p {
    margin: 0 0 25px 0;
}

.article-content a {
color: var(--accent-color);
    
}



.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:25px;font-family:"daythemes";margin-bottom:10px;line-height:1.5;font-weight:400}


.article-content pre {
	max-width:100%;
	overflow:auto}
.article-content table {
	border-spacing:0;
	width:100%;
	border:1px solid #d3d3d369;
	border-collapse:separate;
	margin-bottom:1.5em}
.article-content table tr:nth-child(even) {
	background:#f9f9f9}
.article-content table td, .article-content table th {
	text-align:right;
	border-right:1px dotted #d3d3d369;
	padding:.4em}
.article-content table thead th {
	background:#f4f4f4;
	border-right:1px solid #d3d3d369;
	border-bottom:1px solid #d3d3d369;
	text-transform:uppercase;
	vertical-align:middle;
	padding:.7em .4em}
.article-content table tbody th {
	background:#f4f4f4;
	border-bottom:1px solid #d3d3d369}
.article-content table tbody td {
	border-bottom:1px solid #d3d3d369}
.article-content table tr th:last-child, .article-content table tr td:last-child {
	border-right:0}
.article-content table tbody tr:last-child td, .article-content table tbody tr:last-child th {
	border-bottom:0}
.article-content img {
	max-width:100%}
.article-content iframe {
	max-width:100%}


.article-content .gallery{    clear: both;
    margin: 0 auto 18px;
    display: inline-table;}
.article-content .gallery .gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;padding:10px}
.article-content .gallery-columns-2 .gallery-item{max-width:50%}
.article-content .gallery-columns-3 .gallery-item{max-width:33.33%}
.article-content .gallery-columns-4 .gallery-item{max-width:25%}
.article-content .gallery-columns-5 .gallery-item{max-width:20%}
.article-content .gallery-columns-6 .gallery-item{max-width:16.66%}
.article-content .gallery-columns-7 .gallery-item{max-width:14.28%}
.article-content .gallery-columns-8 .gallery-item{max-width:12.5%}
.article-content .gallery-columns-9 .gallery-item{max-width:11.11%}
.article-content .gallery .gallery-item img{height:auto;-webkit-transition:all .4s;transition:all .4s;margin:0 auto}
.article-content .gallery .gallery-item a:hover img{opacity:.6!important;-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 6px rgba(0,0,0,.32)}
.article-content .gallery-caption{color:#888;margin:0 0 12px}

.article-content ol,.article-content ul{margin:20px 20px 20px 0}
.article-content ul li{list-style:outside disc;list-style-image:none}
.article-content ol li::marker {font-family: farsinum;}


.article-content ol li{list-style:outside decimal}
.article-content li{margin:0 0 5px}
.article-content li ul,.article-content li ol{margin:5px 0 0 15px}
.article-content blockquote{position:relative;font-style:normal;padding:20px;background:#eee;margin:20px 0;margin-top:40px;border-radius:10px}
.article-content blockquote p{padding:0;margin:0}
.article-content blockquote:before{position:relative;content:"\e91f";top:-25px;color:#aaa;font-family:'bamdad';font-size:2em;right:45%;padding:15px;line-height:5px;border-radius:50%}
.article-content blockquote p{font-size:1em;font-weight:800}

.article-footer { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
.article-tags { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.article-tags span { font-weight: 600; font-size: 0.9rem; }
.article-tags a { background: #f0f0f0; color: #555; padding: 0.3rem 0.7rem; border-radius: 6px; font-size: 0.85rem; transition: all 0.2s; }
.article-tags a:hover { background: var(--brand); color: #fff; }
.share-buttons { display: flex; align-items: center; gap: 0.5rem; }
.share-buttons span { font-weight: 600; font-size: 0.9rem; }
.share-buttons a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; font-size: 1rem; transition: transform 0.2s ease; }
.share-buttons a:hover { transform: scale(1.1); }
.share-twitter { background: #1DA1F2; }
.share-linkedin { background: #0A66C2; }
.share-whatsapp { background: #25D366; }
.share-telegram { background: #2AABEE; }

.author-box { margin-top: 2rem; padding: 1.5rem; background: var(--soft); border-radius: 12px; display: grid; grid-template-columns: 80px 1fr; gap: 1rem; align-items: center; }
.author-box img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; }
.author-info h4 { margin: 0 0 0.3rem; }
.author-info p { margin: 0; font-size: 0.9rem; color: #555; }

.related-posts { margin-top: 2.5rem; }
.related-posts h3 { font-size: 1.2rem; border-right: 4px solid var(--brand); padding-right: 0.5rem; margin-bottom: 1.5rem; }
.related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.related-card { display: block; background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease; }
.related-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
.related-card img { width: 100%; height: 130px; object-fit: cover; display: block; }
.related-card-content { padding: 0.8rem; }
.related-card .tag { display: inline-block; background: var(--soft); color: var(--brand-dark); padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.75rem; margin-bottom: 0.5rem; }
.related-card h4 { margin: 0; font-size: 0.9rem; line-height: 1.5; color: var(--text); transition: color 0.2s ease; }
.related-card:hover h4 { color: var(--brand); }


/* --- 9. بخش نظرات (Comments) --- */
/* --- 9. بخش نظرات (Comments) --- */
.comments_title {
    background: var(--brand);
    border-radius: 4px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.comments_title h5 {
    color: #fff;
    margin: 0;
    font-size: 1.1rem;
    font-weight: bold;
    font-family: "daythemes", sans-serif;
}
.comment-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    align-items: center;
    margin-right: auto;
}
.comments_title span {
    background: rgba(255, 255, 255, 0.85);
    color: var(--brand-dark);
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-family: farsinum, sans-serif;
}
.comments ul {
    border-bottom: 1px dashed var(--border);
    padding: 10px 5px;
    margin-bottom: 10px;
    text-align: right;
}
.comments li {
    color: var(--muted);
    font-family: "daythemes", sans-serif;
}
.comments li:before {
    content: "";
    background-color: var(--muted);
    height: 4px;
    width: 4px;
    float: right;
    margin: 10px 5px 0;
}
.comment-form {
    padding: 5px 10px;
}
.comment-respond {
    border-bottom: 1px dashed var(--border);
    margin-bottom: 9px;
    display: inline-block;
    width: 100%;
    padding-bottom: 8px;
}
.comment-form .right {
    height: 76px;
    float: right;
}
.comment-form input, .comment-form textarea, .wpcf7-form input, .wpcf7-form textarea {
    width: 100%;
    background: #f2f2f2;
    padding: 2px 0;
    text-indent: 9px;
    margin-bottom: 10px;
    color: var(--text);
    border: 2px solid var(--border);
    font-family: "daythemes", sans-serif;
}
input#wp-comment-cookies-consent {
    float: right;
    width: 5%;
}
.comment-form input:hover, .comment-form textarea:hover {
    background: #f7f7f7
}
.wpcf7-form input {
    width: auto;
}
.wpcf7-form label, .wpcf7-form {
    width: 100%;
    display: inline-block;
    padding-bottom: 8px;
}
.comment-form textarea, .wpcf7-form textarea {
    resize: none;
    margin: 15px 0 0;
    height: 70px;
}
.comment-form button, .form-submit #submit, .wpcf7-form .wpcf7-form-control.wpcf7-submit {
 background: var(--brand);
    color: white;
    border: 1px solid var(--brand);
    border-radius: 4px;
    padding: 3px 16px;;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    transition: background 0.2s, border-color 0.2s;
}
.comment-form button:hover.comment-form .btn-submit:hover,
.form-submit #submit:hover,
.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover,
.contact-form .btn-submit:hover {
    background: var(--brand-dark);
}
.form-submit #submit {
    border: 0;
}
.comments p.form-submit {
    display: none;
}
.comment {
    background: #FFF;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid var(--border);
}
.comment .content {
    text-align: initial;
    padding: 5px 5px 0 !important;
    color: var(--text) !important;
    font-family: "daythemes", sans-serif;
}
.vcard {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 33px;
    padding: 5px;
    background: var(--soft);
    border-radius: 4px;
}
.cm-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    float: none;
    height: auto;
    background: none;
    padding: 0;
    margin: 0;
}
.vcard .fn, .vcard .fn a {
    float: none;
    color: #ffffff;
    font-size: 0.7rem;
    background: var(--brand);
    padding: 1px 10px;
    border-radius: 4px;
    font-style: normal;
    font-family: "daythemes", sans-serif;
}
.bypostauthor .fn:after {
    content: "مدیریت سایت";
    color: #FFF;
    margin: 5px 5px 5px 0;
    padding: 0 5px 3px;
    background: var(--accent);
}
.vcard .says {
    float: none;
    color: var(--muted);
    line-height: 1.5;
    font-family: farsinum, sans-serif;
}
.vcard .reply {
    float: left;
    margin: 0;
}
.comment-reply-title a {
    padding: 4px 6px;
    color: #888;
    float: left;
    background: var(--muted);
    border-radius: 4px;
}
.vcard .reply a {
    padding: 2px 0 0 10px;
    color: #888;
    float: left;
    font-size: 12px;
}
.vcard .reply a:hover {
    background: var(--brand);
    color: #fff;
    padding: 0 10px;
    border-radius: 4px;
}
.comment-reply-title a:before {
    content: "x";
    margin: 0 0 0 5px;
}
.comment-awaiting-moderation {
    float: left;
    opacity: 0.8;
    font-size: .8em;
}
.comment-body {
    margin: 5px 0;
    border-bottom: 3px dashed var(--border);
}
.comments .depth-2, .comments .depth-3, .comments .depth-4, .comments .depth-5, .comments .depth-6, .comments .depth-7, .comments .depth-8, .comments .depth-9, .comments .depth-10 {
    background: #fff;
    margin: 5px;
}
.depth-2 .vcard, .depth-3 .vcard, .depth-4 .vcard, .depth-5 .vcard, .depth-6 .vcard, .depth-7 .vcard, .depth-8 .vcard, .depth-9 .vcard, .depth-10 .vcard {
    background: #f7f7f7;
}
.comments .navigation {
    display: inline-block;
    width: 100%;
}
.comments .navigation a {
    color: #FFF;
    float: right;
    padding: 4px 10px;
    background: var(--brand);
    margin: 2px 0 5px;
}
.comments .navigation a:hover {
    background: var(--brand-dark);
}
.comments .navigation a:last-child {
    float: left;
}
.cm_like {
    float: left;
    margin: 10px;
}
.cm_like .ldc-ul_cont span {
    float: right;
    font-size: 11px;
    line-height: 15px;
    margin-left: 5px;
    font-family: farsinum, sans-serif;
}
.cm_like .c_like, .cm_like .c_dislike {
    cursor: pointer;
    color: #666;
    float: left;
}
.cm_like .c_dislike {
    margin-left: 10px;
}
.cm_like .c_like i {
    color: #44be1f
}
.cm_like .c_dislike i {
    color: #d20001
}

/* -------------------------------------------------------------------------- */
/*                            صفحه 404 - خطای یافت نشد                        */
/* -------------------------------------------------------------------------- */
.error-404-container {
  text-align: center;
  padding: 3rem 1rem;
  max-width: 800px;
  margin: 0 auto;
}

.error-number {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  gap: 0.5rem;
}

.error-number .digit {
  font-size: 8rem;
  font-weight: 800;
  color: var(--brand);
  line-height: 1;
  text-shadow: 3px 3px 0 rgba(244, 81, 30, 0.1);
}

.error-title {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: var(--text);
  border-right: 4px solid var(--brand);
  padding-right: 1rem;
  display: inline-block;
}

.error-body p {
  font-size: 1.1rem;
  color: var(--muted);
  margin-bottom: 2rem;
  line-height: 1.8;
}

.action-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin: 2rem 0 3rem;
}

.btn-home,
.btn-back {
  padding: 0.8rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  text-decoration: none;
  font-family: inherit;
}

.btn-home {
  background: var(--brand);
  color: white;
  border: 2px solid var(--brand);
}

.btn-home:hover {
  background: var(--brand-dark);
  border-color: var(--brand-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(244, 81, 30, 0.3);
}

.btn-back {
  background: var(--soft);
  color: var(--text);
  border: 2px solid var(--border);
}

.btn-back:hover {
  background: #e5e7eb;
  border-color: var(--brand);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.search-suggestion {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
}

.search-suggestion p {
  margin-bottom: 1rem;
  color: var(--muted);
  font-size: 1rem;
}

/* استایل فرم جستجو در صفحه 404 */
.search-form-404 {
  max-width: 400px;
  margin: 0 auto;
}

.search-form-404 form {
  width: 100%;
}

.search-input-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--border);
  background: #fff;
  transition: border-color 0.2s ease;
}

.search-input-wrapper:focus-within {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(244, 81, 30, 0.1);
}

.search-form-404 input {
  flex: 1;
  padding: 0.8rem 1rem;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 0.95rem;
  background: transparent;
}

.search-form-404 input::placeholder {
  color: var(--muted);
  opacity: 0.7;
}

.search-form-404 button {
  background: var(--brand);
  color: white;
  border: none;
  padding: 0 1.2rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-form-404 button:hover {
  background: var(--brand-dark);
}

.search-form-404 .icon-search {
  font-size: 1rem;
}

/* ریسپانسیو صفحه 404 */
@media (max-width: 768px) {
  .error-404-container {
    padding: 2rem 1rem;
  }
  
  .error-number .digit {
    font-size: 5rem;
  }
  
  .error-title {
    font-size: 1.5rem;
  }
  
  .error-body p {
    font-size: 1rem;
  }
  
  .action-buttons {
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
  }
  
  .btn-home,
  .btn-back {
    width: 100%;
    max-width: 250px;
    justify-content: center;
  }
  
  .search-form-404 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .error-number .digit {
    font-size: 4rem;
  }
  
  .error-title {
    font-size: 1.3rem;
  }
  
  .error-404-container {
    padding: 1.5rem 0.5rem;
  }
}

/* انیمیشن برای اعداد 404 */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.error-number .digit {
  animation: pulse 3s ease-in-out infinite;
}

.error-number .digit:nth-child(2) {
  animation-delay: 0.5s;
}

.error-number .digit:nth-child(3) {
  animation-delay: 1s;
}

/* -------------------------------------------------------------------------- */
/*                       استایل فرم جستجو در صفحه 404                         */
/* -------------------------------------------------------------------------- */
.search-form {
  max-width: 400px;
  margin: 0 auto;
}

.searchform {
  width: 100%;
}

.searchform > div {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--border);
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.searchform > div:focus-within {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(244, 81, 30, 0.1);
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.searchform #s {
  flex: 1;
  padding: 0.8rem 1rem;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 0.95rem;
  background: transparent;
  color: var(--text);
}

.searchform #s::placeholder {
  color: var(--muted);
  opacity: 0.7;
}

.searchform #searchsubmit {
  background: var(--brand);
  color: white;
  border: none;
  padding: 0 1.5rem;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  transition: background 0.2s ease;
  white-space: nowrap;
}

.searchform #searchsubmit:hover {
  background: var(--brand-dark);
}

/* ریسپانسیو فرم جستجو */
@media (max-width: 768px) {
  .search-form {
    max-width: 100%;
  }
  
  .searchform #s {
    padding: 0.7rem 0.8rem;
    font-size: 0.9rem;
  }
  
  .searchform #searchsubmit {
    padding: 0 1.2rem;
    font-size: 0.85rem;
  }
}

@media (max-width: 480px) {
  .searchform #s {
    padding: 0.6rem 0.8rem;
  }
  
  .searchform #searchsubmit {
    padding: 0 1rem;
  }
}


/* -------------------------------------------------------------------------- */
/*                         استایل‌های مشترک سایدبار                            */
/* -------------------------------------------------------------------------- */
.note-list { list-style: none; padding: 0; margin: 0; }
.note-item { display: grid; grid-template-columns: 70px 1fr; gap: 0.8rem; padding: 0.6rem 0; border-bottom: 1px dashed var(--border); }
.note-item:first-of-type { padding-top: 0; }
.note-item:last-child { border-bottom: none; padding-bottom: 0; }
.note-item img { width: 70px; height: 70px; border-radius: 8px; object-fit: cover; transition: transform 0.2s ease; }
.note-item a:hover img { transform: scale(1.05); }
.note-item .text-content { display: flex; flex-direction: column; justify-content: center; }
.note-item h5 { margin: 0; font-size: 0.9rem; line-height: 1.5; font-weight: 500; transition: color 0.2s; }
.note-item a:hover h5 { color: var(--brand); }
.note-item .author-meta { line-height: 1.4; }
.note-item .author-meta .name { display: block; font-size: 0.8rem; font-weight: 600; color: var(--brand-dark); margin-top: 0.2rem; }
.note-item .author-meta .title { display: block; font-size: 0.7rem; color: var(--muted); }
.kicker-meta { font-size: 0.8rem; color: var(--muted); margin-top: 0.2rem; line-height: 1.4; }

.hot-list { padding: 0; margin: 0; list-style: none; }
.hot-list li { display: grid; grid-template-columns: 24px 1fr; gap: 0.5rem; padding: 0.4rem 0; border-bottom: 1px dashed var(--border); align-items: start; }
.hot-list li:last-child { border-bottom: 0; }
.hot-list .idx { width: 24px; height: 24px; border-radius: 6px; background: var(--soft); color: #555; font-size: 0.85rem; display: inline-flex; align-items: center; justify-content: center; margin-top: 0.1rem;font-family: farsinum, sans-serif; }
.hot-list a { display: block; padding-right: 0.3rem; color: #333; }
.hot-list a:hover { color: var(--brand); }

.ticker { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.ticker a { background: var(--soft); color: #333; padding: 0.3rem 0.6rem; border-radius: 999px; font-size: 0.85rem; transition: all 0.2s; }
.ticker a:hover { background: var(--brand); color: white; }

/* -------------------------------------------------------------------------- */
/*                         منوی موبایل و همبرگری                              */
/* -------------------------------------------------------------------------- */
.hamburger-menu { display: none; flex-direction: column; justify-content: space-between; width: 30px; height: 21px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1000; }
.hamburger-menu span { display: block; height: 3px; width: 100%; background-color: var(--brand); border-radius: 3px; transition: all 0.3s ease; }
.hamburger-menu.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.hamburger-menu.active span:nth-child(2) { opacity: 0; }
.hamburger-menu.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

.mobile-nav { position: fixed; top: 0; right: -100%; width: 80%; max-width: 300px; height: 100vh; background: white; z-index: 999; padding: 2rem 1rem; overflow-y: auto; transition: right 0.3s ease; box-shadow: -5px 0 15px rgba(0,0,0,0.1); }
.mobile-nav.active { right: 0; }
.mobile-nav-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.mobile-nav-logo { display: flex; align-items: center; gap: 0.5rem; }
.mobile-nav-logo .mark { width: 30px; height: 30px; border-radius: 50%; background: #fff; border: 2px solid var(--brand); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.mobile-nav-logo .mark img { width: 70%; height: 70%; object-fit: contain; }
.mobile-nav-logo .name { font-weight: 700; font-size: 1.1rem; color: var(--brand); }
.close-menu { background: none; border: none; font-size: 1.5rem; color: var(--muted); cursor: pointer; transition: color 0.2s; }
.close-menu:hover { color: var(--brand-dark); }
.mobile-nav-links { list-style: none; padding: 0; margin: 0; }
.mobile-nav-links li { margin-bottom: 0.5rem; }
.mobile-nav-links a { display: block; padding: 0.8rem 1rem; border-radius: 8px; color: #333; transition: all 0.2s ease; }
.mobile-nav-links a.active, .mobile-nav-links a:hover { background: var(--soft); color: var(--brand); }
.mobile-nav-search { margin: 1.5rem 0; }
.mobile-nav-search input { width: 100%; padding: 0.8rem 1rem; border: 1px solid var(--border); border-radius: 8px; font-size: 1rem; font-family: inherit; transition: border-color 0.2s; }
.mobile-nav-search input:focus { border-color: var(--brand); outline: none; }
.overlay { position: fixed; inset: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 998; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; }
.overlay.active { opacity: 1; visibility: visible; }






.icon-copy:before {
  content: "\e92f";
}
.icon-fire:before {
  content: "\e92b";
}
.icon-copy2:before {
  content: "\e930";
}
.icon-x:before {
  content: "\e91c";
}
.icon-twitter:before {
  content: "\e91c";
}
.icon-arrow-up-outline:before {
  content: "\e900";
}
.icon-arrow-up2:before {
  content: "\e901";
}
.icon-keyboard_arrow_up:before {
  content: "\e902";
}
.icon-menu:before {
  content: "\e903";
}
.icon-news_paper:before {
  content: "\e904";
}
.icon-search:before {
  content: "\e905";
}
.icon-search1:before {
  content: "\e906";
}
.icon-arrow-up:before {
  content: "\e907";
}
.icon-right-quote3:before {
  content: "\e908";
}
.icon-left-quote3:before {
  content: "\e909";
}
.icon-quotes-right2:before {
  content: "\e90a";
}
.icon-quotes-left2:before {
  content: "\e90b";
}
.icon-soundcloud2:before {
  content: "\e90c";
}
.icon-soundcloud1:before {
  content: "\e90d";
}
.icon-volume-lowtw1:before {
  content: "\e90e";
}
.icon-mictw:before {
  content: "\e90f";
}
.icon-telegramtw1:before {
  content: "\e910";
}
.icon-headphonestw1:before {
  content: "\e911";
}
.icon-stoptw:before {
  content: "\e912";
}
.icon-playtw2:before {
  content: "\e913";
}
.icon-filmtw1:before {
  content: "\e914";
}
.icon-playtw21:before {
  content: "\e915";
}
.icon-moon:before {
  content: "\e916";
}
.icon-sun:before {
  content: "\e917";
}
.icon-file-picture:before {
  content: "\e918";
}
.icon-camera:before {
  content: "\e919";
}
.icon-image1:before {
  content: "\e91a";
}
.icon-imagestw1:before {
  content: "\e91b";
}
.icon-chevron-up:before {
  content: "\e91d";
}
.icon-quote-right:before {
  content: "\e91e";
}
.icon-quote-left:before {
  content: "\e91f";
}
.icon-feed:before {
  content: "\e920";
}
.icon-feed1:before {
  content: "\e921";
}
.icon-link2:before {
  content: "\e922";
}
.icon-locate:before {
  content: "\e923";
}
.icon-point1:before {
  content: "\e924";
}
.icon-printer2:before {
  content: "\e925";
}
.icon-comment:before {
  content: "\e926";
}
.icon-printer:before {
  content: "\e927";
}
.icon-mode_comment:before {
  content: "\e928";
}
.icon-printer1:before {
  content: "\e929";
}
.icon-comments2:before {
  content: "\e92a";
}
.icon-instagramtw2:before {
  content: "\e92c";
}
.icon-time:before {
  content: "\e92d";
}
.icon-time1:before {
  content: "\e92e";
}
.icon-aparat:before {
  content: "\e935";
}
.icon-cloob:before {
  content: "\e936";
}
.icon-fz3:before {
  content: "\e955";
}
.icon-fz1:before {
  content: "\e956";
}
.icon-share:before {
  content: "\e957";
}
.icon-close:before {
  content: "\e95c";
}
.icon-phone1:before {
  content: "\e962";
}
.icon-home3:before {
  content: "\e96e";
}
.icon-qrcode:before {
  content: "\e979";
}
.icon-youtube:before {
  content: "\e97e";
}
.icon-language:before {
  content: "\e97f";
}
.icon-iran:before {
  content: "\e980";
}
.icon-igap:before {
  content: "\e981";
}
.icon-wispi:before {
  content: "\e982";
}
.icon-soroush:before {
  content: "\e983";
}
.icon-gap:before {
  content: "\e984";
}
.icon-Eitaa:before {
  content: "\e985";
}
.icon-bale:before {
  content: "\e986";
}
.icon-rubika:before {
  content: "\e987";
}
.icon-linkedin:before {
  content: "\e988";
}
.icon-linkedin1:before {
  content: "\e989";
}
.icon-pinterest:before {
  content: "\e98a";
}
.icon-link1:before {
  content: "\e9cb";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter1:before {
  content: "\ea96";
}
.icon-appleinc:before {
  content: "\eabe";
}
.icon-android:before {
  content: "\eac0";
}
.icon-square1:before {
  content: "\f0c8";
}
.icon-circle:before {
  content: "\f111";
}
.icon-chevron-circle-left:before {
  content: "\f137";
}
.icon-chevron-circle-right:before {
  content: "\f138";
}
.icon-chevron-circle-up:before {
  content: "\f139";
}
.icon-chevron-circle-down:before {
  content: "\f13a";
}
.icon-pause_circle_outline:before {
  content: "\e01a";.pagination a, .pagination span
}
.icon-play_circle_outline:before {
  content: "\e01d";
}
.icon-stack-2:before {
  content: "\e033";
}
.icon-clear:before {
  content: "\e070";
}
.icon-arrow-left:before {
  content: "\e094";
}
.icon-arrow-right:before {
  content: "\e095";
}
.icon-vertical_align_bottom:before {
  content: "\e0f2";
}
.icon-apps:before {
  content: "\e1ff";
}
.icon-fullscreen:before {
  content: "\e20c";
}
.icon-fullscreen_exit:before {
  content: "\e20d";
}
.icon-zoom_in:before {
  content: "\e311";
}
.icon-zoom_out:before {
  content: "\e312";
}



/* -------------------------------------------------------------------------- */
/*                                 ریسپانسیو                                   */
/* -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .site-header .container { grid-template-columns: 1fr 1fr; grid-template-areas: "logo hamburger" "search search"; }
  .logo { grid-area: logo; }
  .hamburger-menu { grid-area: hamburger; display: flex; }
  .search { grid-area: search; width: 100%; }
  .section-grid, .photo-grid, .video-grid, .related-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 992px) {
  .hero { grid-template-columns: 1fr; }
  .layout { grid-template-columns: 1fr; }
  .site-footer .container { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .topbar .container { flex-direction: column; gap: 0.5rem; }
  .topbar .meta { justify-content: center; flex-wrap: wrap; }
/* استایل منوی ناوبری بالای هدر */
.topbar-nav-links {
    display: flex !important;
    align-items: center;
    gap: 0.8rem;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: row;
}

.topbar-nav-links li {
    margin: 0;
    display: inline-block;
}

.topbar-nav-links a {
    color: #fff;
    opacity: 0.95;
    text-decoration: none;
    font-size: 0.92rem;
    transition: opacity 0.2s ease;
    white-space: nowrap;
    display: inline-block;
}

.topbar-nav-links a:hover {
    opacity: 1;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .topbar-nav-links {
        gap: 0.6rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .topbar-nav-links a {
        font-size: 0.85rem;
    }
}
  
  
  .hero { margin: 0.5rem auto; padding: 0 0.5rem; }
  .hero-content h1 { font-size: 1.2rem; }
  .layout { margin: 0.5rem auto 1.5rem; padding: 0 0.5rem; }
  .section-grid, .photo-grid, .video-grid, .related-grid { grid-template-columns: 1fr; }
  .page-content, .main-content { padding: 1rem; }
  .team-grid, .contact-info, .contact-form .form-grid, .contact-details { grid-template-columns: 1fr; }
  .article-list .article, .article { grid-template-columns: 120px 1fr; }
}

@media (max-width: 600px) {
  .site-header .container { grid-template-columns: 1fr; grid-template-areas: "logo" "search"; }
  .hamburger-menu { position: absolute; top: 1rem; left: 1rem; }
  .article-list .article, .article { grid-template-columns: 1fr; }
  .article-list .article img, .article img { height: 200px; }
  .article-meta { flex-wrap: wrap; }
  .ticker { gap: 0.4rem; }
  .ticker a { font-size: 0.8rem; }
  .photo-grid, .video-grid, .related-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .logo .name { font-size: 1.3rem; }
  .logo .slogan { font-size: 0.7rem; }
  .hero-content { padding: 0.8rem; }
  .article-body { padding: 0.5rem; }
  .widget { padding: 0.6rem; }
  .hot-list li { grid-template-columns: 20px 1fr; }
  .hot-list .idx { width: 20px; height: 20px; font-size: 0.75rem;font-family: farsinum, sans-serif; }
  .photo-grid, .video-grid, .related-grid { grid-template-columns: 1fr; }
}