/* =========================================
   انزلی پرس - ریسپانسیو کامل
   ========================================= */

/* ---- متغیرهای پایه ---- */
:root {
    --anzali-primary:    #c0392b;
    --anzali-secondary:  #2c3e50;
    --anzali-accent:     #e67e22;
    --anzali-gray-100:   #f8f9fa;
    --anzali-gray-200:   #e9ecef;
    --anzali-gray-400:   #ced4da;
    --anzali-gray-600:   #6c757d;
    --anzali-text:       #2c3e50;
    --anzali-bg:         #f4f6f8;
    --anzali-border-r:   6px;
    --anzali-shadow-sm:  0 2px 8px rgba(0,0,0,.07);
    --anzali-shadow-md:  0 4px 16px rgba(0,0,0,.12);
    --anzali-transition: .22s ease;
    --container-max:     1240px;
}

/* ---- ریست پایه ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: var(--anzali-font-family, Tahoma, Arial, sans-serif);
    font-size: var(--anzali-font-size, 15px);
    color: var(--anzali-text);
    background: var(--anzali-bg);
    direction: rtl; text-align: right;
}
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4, h5, h6 { font-family: var(--anzali-heading-font, var(--anzali-font-family)); }
a { color: var(--anzali-primary); text-decoration: none; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

.container {
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: 16px;
    width: 100%;
}

/* =========================================
   هدر
   ========================================= */
.site-header {
    background: var(--anzali-header-bg, #fff);
    border-bottom: 3px solid var(--anzali-primary);
    position: sticky; top: 0; z-index: 200;
    box-shadow: var(--anzali-shadow-sm);
}
.header-inner {
    display: flex; align-items: center;
    gap: 16px; padding-block: 10px;
    flex-wrap: nowrap; min-height: 70px;
}
.site-branding { flex-shrink: 0; }
.custom-logo-link img { display: block; }
.logo-text-only { display: flex; flex-direction: column; line-height: 1.2; }
.logo-main { font-size: clamp(18px,2.5vw,28px); font-weight: 900; color: var(--anzali-primary); }
.logo-slogan { font-size: 11px; color: var(--anzali-gray-600); margin-top: 2px; }
.header-brand-text {
    display: flex; flex-direction: column;
    border-right: 2px solid var(--anzali-gray-200);
    padding-right: 14px; flex-shrink: 0;
}
.header-site-name { font-size: 17px; font-weight: 900; color: var(--anzali-primary); }
.header-slogan { font-size: 11px; color: var(--anzali-gray-600); }
.header-banner { flex-shrink: 0; }
.header-banner a { display: block; }
.header-banner img { border-radius: 4px; object-fit: contain; }
.header-spacer { flex: 1; min-width: 0; }
.search-toggle {
    width: 38px; height: 38px; display: flex;
    align-items: center; justify-content: center;
    background: var(--anzali-gray-100); border-radius: 50%;
    color: var(--anzali-secondary); transition: all var(--anzali-transition);
    flex-shrink: 0;
}
.search-toggle svg { width: 18px; height: 18px; }
.search-toggle:hover { background: var(--anzali-primary); color: #fff; }
.search-panel { background: #fff; border-top: 1px solid var(--anzali-gray-200); padding: 10px 0; }
.search-form { display: flex; gap: 8px; }
.search-input {
    flex: 1; padding: 9px 12px; border: 2px solid var(--anzali-gray-200);
    border-radius: var(--anzali-border-r); font-size: 14px; font-family: inherit;
    background: var(--anzali-gray-100); transition: border-color var(--anzali-transition);
}
.search-input:focus { outline: none; border-color: var(--anzali-primary); background: #fff; }
.search-submit {
    padding: 9px 18px; background: var(--anzali-primary); color: #fff;
    border-radius: var(--anzali-border-r); font-size: 14px;
    display: flex; align-items: center; gap: 6px;
    transition: background var(--anzali-transition);
}
.search-submit:hover { background: var(--anzali-secondary); }
.search-submit svg { width: 16px; height: 16px; }

/* =========================================
   نوار بالایی
   ========================================= */
.anzali-topbar { background: var(--anzali-topbar-bg,#c0392b); color: #fff; font-size: 13px; position: relative; z-index: 250; }
.topbar-inner { display: flex; align-items: center; justify-content: space-between; height: 36px; gap: 10px; overflow: hidden; }
.topbar-left { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.topbar-date { font-size: 12px; color: rgba(255,255,255,.8); white-space: nowrap; }
.topbar-divider { color: rgba(255,255,255,.3); }
.topbar-social {
    color: rgba(255,255,255,.75); display: flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 50%; transition: all var(--anzali-transition);
}
.topbar-social svg { width: 13px; height: 13px; }
.topbar-social:hover { color: #fff; background: rgba(255,255,255,.15); }

/* =========================================
   منو
   ========================================= */
.main-navigation { background: var(--anzali-menu-bg,#2c3e50); position: sticky; top: 0; z-index: 190; }
.nav-inner { display: flex; align-items: stretch; }
.primary-menu { display: flex; align-items: stretch; }
.primary-menu > li { position: relative; }
.primary-menu > li > a {
    display: flex; align-items: center; padding: 0 16px; height: 46px;
    color: rgba(255,255,255,.9); font-size: 13.5px; font-weight: 600;
    position: relative; transition: color var(--anzali-transition);
}
.primary-menu > li > a::after {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0;
    height: 3px; background: var(--anzali-primary);
    transform: scaleX(0); transition: transform var(--anzali-transition);
}
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a { color: #fff; }
.primary-menu > li > a:hover::after,
.primary-menu > li.current-menu-item > a::after { transform: scaleX(1); }
.primary-menu .sub-menu {
    position: absolute; top: 100%; right: 0; min-width: 200px;
    background: #fff; box-shadow: var(--anzali-shadow-md);
    border-top: 3px solid var(--anzali-primary);
    border-radius: 0 0 var(--anzali-border-r) var(--anzali-border-r);
    opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: all var(--anzali-transition); z-index: 300;
}
.primary-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.primary-menu .sub-menu li a {
    display: block; padding: 10px 16px; color: var(--anzali-text);
    font-size: 13px; border-bottom: 1px solid var(--anzali-gray-100);
    transition: all var(--anzali-transition);
}
.primary-menu .sub-menu li a:hover { background: var(--anzali-gray-100); color: var(--anzali-primary); padding-right: 22px; }
.mobile-menu-toggle {
    display: none; align-items: center; gap: 6px;
    color: #fff; padding: 0 16px; height: 46px; font-size: 14px;
}
.mobile-menu-toggle svg { width: 20px; height: 20px; }

/* =========================================
   اسلایدر
   ========================================= */
.anzali-slider-section { background: var(--anzali-secondary); padding: 8px; border-radius: var(--anzali-border-r); }
.slider-main { position: relative; border-radius: calc(var(--anzali-border-r) - 4px); overflow: hidden; aspect-ratio: 16/10.35; background: #000; box-shadow: 0 8px 24px rgba(0,0,0,.28); }
.slider-track { display: flex; transition: transform .5s ease; height: 100%; }
.slider-slide { min-width: 100%; position: relative; }
.slide-image { position: absolute; inset: 0; }
.slide-image img { width: 100%; height: 100%; object-fit: cover; }
.slide-content {
    position: absolute; bottom: 0; right: 0; left: 0;
    background: linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.55) 55%, transparent 100%);
    padding: 40px 20px 18px; color: #fff;
}
.slide-meta-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.slide-cat { display: inline-block; background: var(--anzali-primary); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.slide-date { display: flex; align-items: center; gap: 4px; font-size: 11px; color: rgba(255,255,255,.78); }
.slide-date svg { width: 12px; height: 12px; opacity: .85; }
.slide-title { font-size: clamp(14px,2vw,20px); font-weight: 800; line-height: 1.45; }
.slide-title a { color: #fff; }
.slider-btn {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 36px; height: 36px; background: rgba(255,255,255,.18);
    backdrop-filter: blur(4px); border-radius: 50%; color: #fff;
    display: flex; align-items: center; justify-content: center;
    transition: background var(--anzali-transition); z-index: 10;
}
.slider-btn svg { width: 18px; height: 18px; }
.slider-btn:hover { background: var(--anzali-primary); }
.slider-prev { right: 10px; }
.slider-next { left: 10px; }
.slider-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; z-index: 10; }
.slider-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.4); cursor: pointer; transition: all var(--anzali-transition); }
.slider-dot.active { background: #fff; width: 22px; border-radius: 4px; }

/* بخش خبری */
.hp-section { margin-bottom: 24px; background: #fff; border-radius: var(--anzali-border-r); box-shadow: var(--anzali-shadow-sm); overflow: hidden; }
.hp-section-header { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--anzali-gray-100); position: relative; }
.hp-section-header::before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--anzali-primary); }
.hp-section-title { font-size: 15px; font-weight: 800; color: var(--anzali-secondary); padding: 13px 0 10px; margin: 0; display: flex; align-items: center; gap: 8px; }
.hp-section-title::before { content: ''; display: inline-block; width: 4px; height: 18px; background: var(--anzali-primary); border-radius: 2px; flex-shrink: 0; }
.hp-section-more { font-size: 12px; color: var(--anzali-gray-600); }
.hp-section-more:hover { color: var(--anzali-primary); }

/* آیتم خبری */
.hp-news-item { display: flex; align-items: flex-start; padding: 13px 16px; border-bottom: 1px solid var(--anzali-gray-100); transition: background var(--anzali-transition); }
.hp-news-item:last-child { border-bottom: none; }
.hp-news-item:hover { background: #fafbfc; }
.hp-news-item.thumb-right { flex-direction: row; }
.hp-news-item.thumb-right .hp-news-thumb { order: 0; }
.hp-news-item.thumb-right .hp-news-text { order: 1; padding-right: 14px; padding-left: 0; }
.hp-news-item.thumb-left { flex-direction: row; }
.hp-news-item.thumb-left .hp-news-thumb { order: 1; }
.hp-news-item.thumb-left .hp-news-text { order: 0; padding-left: 14px; padding-right: 0; }
.hp-news-thumb { flex-shrink: 0; width: 140px; height: 100px; border-radius: 5px; overflow: hidden; display: block; position: relative; background: var(--anzali-gray-100); }
.hp-news-thumb img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; transition: transform .38s ease; }
.hp-news-item:hover .hp-news-thumb img { transform: scale(1.06); }
.hp-news-no-img { position: absolute; inset: 0; background: linear-gradient(135deg,#e9ecef,#f4f6f8); }
.hp-news-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; justify-content: center; }
.hp-news-cat { display: inline-block; font-size: 10.5px; font-weight: 700; color: var(--anzali-primary); align-self: flex-start; }
.hp-news-title { font-size: 14px; font-weight: 800; line-height: 1.55; color: var(--anzali-text); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hp-news-title a { color: inherit; }
.hp-news-title a:hover { color: var(--anzali-primary); }
.hp-news-excerpt { font-size: 12.5px; color: var(--anzali-gray-600); line-height: 1.65; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hp-news-meta { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--anzali-gray-600); flex-wrap: wrap; }
.hp-news-meta svg { width: 12px; height: 12px; flex-shrink: 0; }

/* =========================================
   ویجت‌ها
   ========================================= */
.widget-area { min-width: 0; }
/* توجه: استایل پایه .widget (padding/border-radius/...) فقط در
   main.css تعریف شده (چون main.css بعد از این فایل لود می‌شود و
   همیشه برنده cascade بود) — این‌جا تعریف تکراری حذف شد تا در
   آینده دو مقدار متفاوت باعث سردرگمی نشود. */
.widget-title { font-size: 14.5px; font-weight: 800; color: var(--anzali-secondary); padding-bottom: 10px; margin-bottom: 12px; border-bottom: 2px solid var(--anzali-primary); }
.widget-placeholder { background: #fff8e1; border: 2px dashed #f0c040; border-radius: var(--anzali-border-r); padding: 12px 16px; font-size: 13px; color: #7a6000; margin-bottom: 18px; }
.widget-placeholder a { color: var(--anzali-primary); font-weight: 700; }
.homepage-widget-area { margin-bottom: 20px; }

/* ویجت پست */
.anzali-widget-posts .widget-post-item { display: flex; gap: 10px; padding-bottom: 11px; margin-bottom: 11px; border-bottom: 1px dashed var(--anzali-gray-200); }
.anzali-widget-posts .widget-post-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.widget-thumb { width: 68px; height: 52px; border-radius: 4px; overflow: hidden; flex-shrink: 0; }
.widget-thumb img { width: 100%; height: 100%; object-fit: cover; }
.widget-post-title { display: block; font-size: 12.5px; font-weight: 700; color: var(--anzali-text); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 3px; }
.widget-post-title:hover { color: var(--anzali-primary); }
.widget-post-date { font-size: 11px; color: var(--anzali-gray-600); }
.anzali-widget-cats a { display: flex; align-items: center; justify-content: space-between; padding: 7px 8px; border-radius: 4px; color: var(--anzali-text); font-size: 13px; transition: all var(--anzali-transition); }
.anzali-widget-cats a:hover { background: var(--anzali-gray-100); color: var(--anzali-primary); }
.cat-count { background: var(--anzali-primary); color: #fff; font-size: 11px; font-weight: 700; padding: 2px 6px; border-radius: 20px; }
.anzali-banner-widget img { border-radius: 4px; max-width: 100%; }

/* =========================================
   رسانه (فیلم و عکس)
   ========================================= */
.media-sections-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; background: var(--anzali-media-bg, var(--anzali-secondary)); border-radius: var(--anzali-border-r); padding: 20px; }
.media-section-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 10px; }
.media-section-title { font-size: 15px; font-weight: 800; color: #fff; margin: 0; display: flex; align-items: center; gap: 8px; }
.media-archive-link { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: rgba(255,255,255,.75); flex-shrink: 0; padding: 4px 9px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); }
.media-archive-link svg { width: 12px; height: 12px; transform: scaleX(-1); }
.media-icon { width: 28px; height: 28px; background: var(--anzali-media-accent, var(--anzali-primary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; }
.video-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 10px; }
.video-featured { grid-column: 1/-1; }
.video-featured .media-thumb-wrap { aspect-ratio: 16/9; }
.photo-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 10px; }
.photo-featured { grid-column: 1/-1; }
.media-card { border-radius: 8px; overflow: hidden; background: rgba(255,255,255,.05); transition: transform var(--anzali-transition); }
.media-card:hover { transform: translateY(-3px); }
.media-thumb-wrap { display: block; position: relative; aspect-ratio: 16/10; overflow: hidden; background: rgba(0,0,0,.3); }
.photo-featured .media-thumb-wrap { aspect-ratio: 16/9; }
.media-thumb-wrap img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .4s ease; }
.media-card:hover .media-thumb-wrap img { transform: scale(1.05); }
.media-no-img { position: absolute; inset: 0; background: rgba(255,255,255,.06); }
.media-play-icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transition: transform var(--anzali-transition); z-index: 2; pointer-events: none; }
.media-card:hover .media-play-icon { transform: scale(1.12); }
.media-camera-icon { position: absolute; top: 7px; right: 7px; background: rgba(0,0,0,.45); border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; z-index: 2; }
.media-card-overlay { position: absolute; bottom: 0; right: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.35) 70%, transparent 100%); padding: 18px 10px 8px; z-index: 1; }
.media-card-title { font-size: 12px; font-weight: 700; color: #fff; line-height: 1.5; margin: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.photo-featured .media-card-overlay, .video-featured .media-card-overlay { padding: 34px 12px 12px; }
.photo-featured .media-card-title, .video-featured .media-card-title { font-size: 14px; -webkit-line-clamp: 2; }

/* =========================================
   پست منفرد
   ========================================= */
.single-post-page, .single-video-page { padding-block: 20px; }
.single-content-wrap { display: grid; gap: 24px; }
.single-content-wrap.no-sidebar { display: block; }
.breadcrumb {
    display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
    font-size: 12px; color: var(--anzali-gray-600); margin-bottom: 14px;
    background: #fff; border-radius: var(--anzali-border-r);
    padding: 12px 16px; box-shadow: var(--anzali-shadow-sm);
}
.breadcrumb a { color: var(--anzali-gray-600); }
.breadcrumb a:hover { color: var(--anzali-primary); }
.single-article { background: #fff; border-radius: var(--anzali-border-r); padding: 20px; box-shadow: var(--anzali-shadow-sm); }
.single-cats { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.cat-badge {
    display: inline-block; background: var(--anzali-primary); color: #fff;
    font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 5px; line-height: 1.6;
}
.single-featured-image { position: relative; margin-bottom: 0; border-radius: var(--anzali-border-r); overflow: hidden; }
.single-featured-image img { width: 100%; max-height: 460px; object-fit: cover; }
.single-featured-col { display: flex; flex-direction: column; }
.single-featured-col .single-cats { margin-top: 12px; margin-bottom: 0; }
.single-cats-on-image {
    position: absolute; bottom: 0; right: 0; left: 0; z-index: 5;
    margin: 0 !important; padding: 22px 12px 10px;
    background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 100%);
}
.single-cats-on-image .cat-badge { background: rgba(255,255,255,.94); color: var(--anzali-secondary); box-shadow: var(--anzali-shadow-sm); }
.single-excerpt { font-size: 15px; font-weight: 700; color: var(--anzali-secondary); border-right: 4px solid var(--anzali-primary); padding-right: 14px; margin-bottom: 18px; line-height: 1.7; }
.single-content-featured-full { margin: 20px 0; text-align: center; }
.single-content-featured-full a { display: inline-block; line-height: 0; }
.full-size-image { width: auto; max-width: 40%; height: auto; border-radius: var(--anzali-border-r); cursor: zoom-in; }
.single-content-featured-full .image-caption { font-size: 12px; color: var(--anzali-gray-600); text-align: center; padding-top: 6px; }
.single-content-views {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    font-size: 12.5px; color: var(--anzali-gray-600); margin-bottom: 10px;
}
.single-content-views svg { width: 14px; height: 14px; }
.single-media-lead { display: flex; flex-direction: column; gap: 18px; }
@media (min-width: 901px) {
    .single-media-lead {
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
    }
    .single-media-lead .single-excerpt {
        order: 1;
        flex: 1 1 auto;
        min-width: 0;
        margin-top: 0;
    }
    .single-media-lead .single-featured-col {
        order: 2;
        flex: 0 0 38%;
        max-width: 38%;
    }
}
.single-title { font-size: clamp(18px,3vw,26px); font-weight: 900; line-height: 1.45; color: var(--anzali-secondary); margin-bottom: 14px; }
.single-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding-block: 12px; border-block: 1px solid var(--anzali-gray-200); margin-bottom: 18px; }
.meta-item { display: flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--anzali-gray-600); }
.meta-item svg { width: 14px; height: 14px; }
.meta-item a { color: var(--anzali-gray-600); }
.single-content { font-size: 15px; line-height: 1.9; }
.single-content h2, .single-content h3 { margin-block: 18px 10px; color: var(--anzali-secondary); font-weight: 800; }
.single-content h2 { font-size: 19px; }
.single-content h3 { font-size: 16px; }
.single-content p { margin-bottom: 14px; }
.single-content ul, .single-content ol { padding-right: 18px; margin-bottom: 14px; }
.single-content ul { list-style: disc; }
.single-content ol { list-style: decimal; }
.single-content blockquote { border-right: 4px solid var(--anzali-primary); padding: 10px 18px; margin: 18px 0; background: var(--anzali-gray-100); border-radius: 0 var(--anzali-border-r) var(--anzali-border-r) 0; }
.single-content img { border-radius: var(--anzali-border-r); margin-block: 14px; }
.single-content hr { border: none !important; border-top: 1px solid var(--anzali-gray-200) !important; background: none !important; height: 0 !important; color: transparent !important; margin: 24px 0 !important; }
.single-content a { color: var(--anzali-primary); text-decoration: underline; }
.single-content pre { background: #2c3e50; color: #ecf0f1; padding: 14px; border-radius: var(--anzali-border-r); overflow-x: auto; font-size: 13px; margin-bottom: 14px; }
.single-content code { background: var(--anzali-gray-100); padding: 2px 5px; border-radius: 3px; font-size: 13px; }
.single-content pre code { background: none; padding: 0; }
.single-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--anzali-gray-200); }
.single-tags svg { width: 14px; height: 14px; color: var(--anzali-gray-600); }
.tags-label { font-size: 12.5px; color: var(--anzali-gray-600); }
.tag-item { display: inline-block; font-size: 12px; background: var(--anzali-gray-100); border: 1px solid var(--anzali-gray-200); color: var(--anzali-text); padding: 3px 9px; border-radius: 20px; transition: all var(--anzali-transition); }
.tag-item:hover { border-color: var(--anzali-primary); background: var(--anzali-primary); color: #fff; }
.anzali-share-buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--anzali-gray-200); }
.share-label { display: flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--anzali-gray-600); font-weight: 600; }
.share-label svg { width: 15px; height: 15px; }
.share-btn { display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 20px; color: #fff; font-size: 12px; font-weight: 600; transition: opacity var(--anzali-transition); }
.share-btn svg { width: 14px; height: 14px; }
.share-btn:hover { opacity: .85; color: #fff; }
.share-btn.share-print { background: var(--anzali-gray-600, #555); }

@media (max-width: 480px) {
    .anzali-share-buttons { gap: 6px; }
    .share-label span { display: none; }
    .share-btn { padding: 8px; gap: 0; }
    .share-btn span { display: none; }
}
.single-author-box { display: flex; gap: 14px; background: var(--anzali-gray-100); border-radius: var(--anzali-border-r); padding: 18px; margin-top: 22px; }
.author-avatar img { width: 72px; height: 72px; border-radius: 50%; flex-shrink: 0; }
.author-name { font-size: 15px; font-weight: 800; margin-bottom: 7px; }
.author-name a { color: var(--anzali-secondary); }
.author-bio { font-size: 13px; color: var(--anzali-gray-600); line-height: 1.7; }
.post-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 22px; }
.nav-prev, .nav-next { background: #fff; border: 1px solid var(--anzali-gray-200); border-radius: var(--anzali-border-r); padding: 12px; }
.nav-next { text-align: left; }
.nav-label { display: block; font-size: 11px; color: var(--anzali-gray-600); margin-bottom: 5px; }
.nav-prev a, .nav-next a { font-size: 13.5px; font-weight: 700; color: var(--anzali-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nav-prev a:hover, .nav-next a:hover { color: var(--anzali-primary); }

/* آرشیو */
.archive-page { padding-block: 20px; }
.archive-wrap { display: grid; gap: 24px; }
.archive-wrap.no-sidebar { display: block; }
.page-header { background: #fff; border-radius: var(--anzali-border-r); padding: 18px; margin-bottom: 18px; border-right: 5px solid var(--anzali-primary); box-shadow: var(--anzali-shadow-sm); }
.page-title { font-size: 20px; font-weight: 900; color: var(--anzali-secondary); }
.archive-description { font-size: 13.5px; color: var(--anzali-gray-600); margin-top: 7px; }
.related-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 14px; margin-top: 14px; align-items: start; }
.related-grid .post-card { overflow: visible; }
.related-grid .card-small { display: flex; flex-direction: column; }
.related-grid .card-small .card-thumb { width: 100%; aspect-ratio: 1/1; height: auto; margin-bottom: 8px; }
.related-grid .card-small .card-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card-list .card-thumb { aspect-ratio: 1/1; height: auto; }
.card-small .card-thumb { aspect-ratio: 1/1; height: auto; }
@media (max-width: 600px) {
    .card-list { flex-direction: column; gap: 0; }
    .card-list .card-thumb { width: 100%; aspect-ratio: 16/9; border-radius: var(--anzali-border-r) var(--anzali-border-r) 0 0; }
    .card-list .card-body { padding: 14px; }
}
.anzali-related-posts { margin-top: 28px; }
.section-title { font-size: 16px; font-weight: 800; color: var(--anzali-secondary); padding-bottom: 10px; margin-bottom: 14px; border-bottom: 2px solid var(--anzali-primary); }

/* صفحه‌بندی */
.anzali-pagination { margin-top: 26px; }
.anzali-pagination ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; }
.anzali-pagination li a, .anzali-pagination li span { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #fff; border: 1px solid var(--anzali-gray-200); border-radius: var(--anzali-border-r); font-size: 13.5px; color: var(--anzali-text); font-weight: 600; transition: all var(--anzali-transition); }
.anzali-pagination li a:hover { background: var(--anzali-primary); border-color: var(--anzali-primary); color: #fff; }
.anzali-pagination li .current { background: var(--anzali-primary); border-color: var(--anzali-primary); color: #fff; }

/* نظرات */
.comments-title { font-size: 17px; font-weight: 800; margin-bottom: 18px; padding-bottom: 9px; border-bottom: 2px solid var(--anzali-primary); }
.anzali-comment { list-style: none; }
.comment-body { display: flex; gap: 12px; background: #fff; border-radius: var(--anzali-border-r); padding: 14px; margin-bottom: 14px; box-shadow: var(--anzali-shadow-sm); }
.comment-avatar img { width: 44px; height: 44px; border-radius: 50%; }
.comment-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 7px; flex-wrap: wrap; }
.comment-author { font-weight: 700; font-size: 13.5px; }
.comment-date { font-size: 11.5px; color: var(--anzali-gray-600); }
.comment-reply-link { font-size: 11.5px; color: var(--anzali-primary); }
.comment-text { font-size: 13.5px; line-height: 1.7; }
.comment-form { background: #fff; border-radius: var(--anzali-border-r); padding: 18px; margin-top: 22px; box-shadow: var(--anzali-shadow-sm); }
.comment-form input, .comment-form textarea { width: 100%; padding: 9px 12px; border: 1px solid var(--anzali-gray-200); border-radius: var(--anzali-border-r); font-size: 13.5px; font-family: inherit; margin-top: 5px; }
.comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--anzali-primary); }
.comment-form .submit { background: var(--anzali-primary); color: #fff; padding: 9px 24px; border-radius: var(--anzali-border-r); font-size: 14px; font-weight: 700; cursor: pointer; transition: background var(--anzali-transition); }
.comment-form .submit:hover { background: var(--anzali-secondary); }

/* فوتر */
.site-footer { background: var(--anzali-footer-bg,#1a252f); color: rgba(255,255,255,.8); }
.footer-widgets { padding: 36px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.footer-widgets-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; }
.footer-widget-col .widget { background: transparent; box-shadow: none; padding: 0; margin-bottom: 0; }
.footer-widget-col .widget-title { color: #fff; border-color: var(--anzali-primary); }
.footer-widget-col .widget-post-title { color: rgba(255,255,255,.8); }
.footer-widget-col .widget-post-title:hover { color: #fff; }
.footer-widget-col .widget-post-date { color: rgba(255,255,255,.5); }
.footer-widget-col .widget-post-item { border-color: rgba(255,255,255,.1); }
.footer-widget-col .anzali-widget-cats a { color: rgba(255,255,255,.8); }
.footer-widget-col .anzali-widget-cats a:hover { background: rgba(255,255,255,.08); color: #fff; }
.footer-bottom { padding: 18px 0; }
.footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer-site-name { font-size: 20px; font-weight: 900; color: #fff; }
.footer-copyright p { font-size: 12.5px; color: rgba(255,255,255,.6); }
.footer-socials { display: flex; gap: 8px; }
.footer-social-link { width: 34px; height: 34px; background: rgba(255,255,255,.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.7); transition: all var(--anzali-transition); }
.footer-social-link svg { width: 15px; height: 15px; }
.footer-social-link:hover { background: var(--anzali-primary); color: #fff; }

/* 404 */
.no-results { background: #fff; border-radius: var(--anzali-border-r); padding: 36px; text-align: center; box-shadow: var(--anzali-shadow-sm); }
.no-results h2 { font-size: 20px; margin-bottom: 10px; }

/* برگشت به بالا */
#backToTop { position: fixed; bottom: 20px; left: 20px; width: 42px; height: 42px; background: var(--anzali-primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.2); opacity: 0; visibility: hidden; transition: opacity .3s,visibility .3s,background .2s; z-index: 1000; border: none; }
#backToTop svg { width: 20px; height: 20px; }
#backToTop:hover { background: var(--anzali-secondary); }

/* نوار پیشرفت مطالعه */
#readingProgress { position: fixed; top: 0; right: 0; left: 0; height: 3px; background: var(--anzali-primary); transform: scaleX(0); transform-origin: right; z-index: 9999; transition: transform .1s linear; }

/* =========================================
   ریسپانسیو
   ========================================= */

/* تبلت بزرگ */
@media (max-width: 1100px) {
    .footer-widgets-grid { grid-template-columns: repeat(2,1fr); }
}

/* تبلت */
@media (max-width: 900px) {
    .media-sections-wrap { grid-template-columns: 1fr; }.single-content-wrap, .archive-wrap {
        display: flex !important;
        flex-direction: column !important;
    }
    .hp-news-thumb { width: 120px; height: 88px; }
}

/* موبایل */
@media (max-width: 768px) {
    :root { --anzali-font-size: 14px; }

    /* هدر موبایل */
    .header-inner { padding-block: 8px; gap: 10px; min-height: 58px; }
    .header-banner { display: none !important; } /* بنر پنهان در موبایل */
    .header-brand-text { display: none; }

    /* منو موبایل */
    .mobile-menu-toggle { display: flex; }
    .main-navigation { position: relative; }
    .primary-menu {
        display: none; flex-direction: column;
        position: absolute; top: 46px; right: 0; left: 0;
        background: var(--anzali-secondary); z-index: 300;
        box-shadow: 0 8px 24px rgba(0,0,0,.25);
        max-height: 80vh; overflow-y: auto;
    }
    .primary-menu.open { display: flex; }
    .primary-menu > li > a {
        height: auto; padding: 13px 18px;
        border-bottom: 1px solid rgba(255,255,255,.1);
        color: #fff !important; font-size: 14px;
    }
    .primary-menu > li > a::after { display: none; }
    /* زیردسته‌بندی موبایل — پس‌زمینه تیره‌تر با متن خوانا */
    .primary-menu .sub-menu {
        position: static !important; opacity: 1 !important;
        visibility: visible !important; transform: none !important;
        box-shadow: none !important; border: none !important;
        background: rgba(0,0,0,.35) !important; border-radius: 0 !important;
    }
    .primary-menu .sub-menu li a {
        color: rgba(255,255,255,.9) !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
        padding: 11px 32px !important;
        font-size: 13px !important;
        display: block;
    }
    .primary-menu .sub-menu li a:hover {
        background: rgba(192,57,43,.3) !important;
        color: #fff !important;
        padding-right: 38px !important;
    }

    /* نوار بالا */
    .topbar-date { display: none; }
    .topbar-divider { display: none; }
    .slider-main { aspect-ratio: 4/3; }

    /* خبری */
    .hp-news-thumb { width: 90px; height: 70px; }
    .hp-news-excerpt { display: none; }
    .hp-news-item { padding: 10px 12px; }

    /* پست */
    .post-navigation { grid-template-columns: 1fr; }
    .single-author-box { flex-direction: column; }
    .related-grid { grid-template-columns: repeat(2,1fr); }

    /* فوتر */
    .footer-widgets-grid { grid-template-columns: 1fr 1fr; }
    .footer-bottom-inner { flex-direction: column; text-align: center; }

    /* رسانه */
    .video-grid { grid-template-columns: 1fr 1fr; }
    .photo-grid { grid-template-columns: 1fr 1fr; }
    .media-sections-wrap { padding: 14px; gap: 14px; }
}

/* موبایل کوچک */
@media (max-width: 480px) {
    .topbar-social:not(.social-telegram):not(.social-instagram) { display: none; }
    .related-grid { grid-template-columns: 1fr; }
    .footer-widgets-grid { grid-template-columns: 1fr; }
    .hp-news-thumb { width: 78px; height: 62px; }
    .video-grid { grid-template-columns: 1fr 1fr; }
    .photo-grid { grid-template-columns: 1fr 1fr; }
    .header-inner { gap: 8px; }
}

/* چاپ */
@media print {
    .anzali-topbar, .site-header, .main-navigation, .widget-area,
    .site-footer, .anzali-share-buttons, .post-navigation,
    .anzali-related-posts, .breadcrumb, .single-meta, .single-cats,
    .single-shortlink, .single-tags, .single-author-box, #comments,
    .single-video-player, .single-content-views, .anzali-breaking-bar,
    .search-panel, .widget-placeholder { display: none !important; }
    .single-content-wrap, .hp-grid { display: block !important; }
    .single-media-lead { display: block !important; }
    .single-featured-col, .single-excerpt { max-width: 100% !important; margin-bottom: 14px; }
    body { font-size: 12pt; color: #000; background: #fff; }
    a { color: #000 !important; text-decoration: none; }
}

/* کاهش انیمیشن */
@media (prefers-reduced-motion: reduce) {
    * { transition-duration: .01ms !important; }
}

/* =========================================
   سایدبار — کنترل ابعاد و overflow
   مشکل: محتوای ویجت (جدول لیگ، شورت‌کد)
   از ابعاد تعیین‌شده بیرون می‌زد
   ========================================= */

/* wrapper کل سایدبار */
.anzali-sidebar-wrap {
    /* جلوگیری از بیرون‌زدن از grid parent */
    min-width: 0;
    overflow: hidden;
}

/* ستون‌های سایدبار */
.anzali-sidebar-col {
    /* کلیدی‌ترین CSS: جلوگیری از رشد ستون */
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    /* بافر ۲پیکسلی متقارن: جذب خطای گرد شدن زیرپیکسلی هنگام
       محاسبه grid-template-columns با واحد fr (مثل 25fr 25fr)
       روی عرض کانتینری که به عدد صحیح پیکسل گرد نمی‌شود. بدون
       این بافر، محتوای width:100% داخل ستون گاهی چند دهم پیکسل
       بیشتر از عرض گرد-شده‌ی خود ستون می‌شود و چون overflow:hidden
       داریم، همان مقدار جزئی از یک لبه بریده و نامرتب به نظر
       می‌رسد. (این مشکل با تست padding-right:1px توسط کاربر کشف شد) */
    padding: 0 2px;
}

/* تمام محتوای داخل ویجت‌های سایدبار */
.anzali-sidebar-col .widget {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    /* پیش‌فرض ایمن برای همه ویجت‌ها (متن، لیست، جدول و ...):
       جهت و تراز صریح راست‌چین. این خط قبلاً حذف شده بود که
       باعث می‌شد ویجت‌هایی خارج از چند نوع خاص (مثل لیست ساده
       نوشته‌ها) به چپ بچسبند. ویجت‌های تصویری/بنری در ادامه
       همین فایل با انتخاب‌گر دقیق‌تر (اولویت بالاتر) این حالت
       را فقط برای خودشان به center تغییر می‌دهند. */
    direction: rtl;
    text-align: right;
}

/* جداول داخل ویجت (مثل جدول لیگ) */
.anzali-sidebar-col table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    overflow: hidden;
}
.anzali-sidebar-col table td,
.anzali-sidebar-col table th {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

/* تصاویر داخل سایدبار */
.anzali-sidebar-col img {
    max-width: 100% !important;
    height: auto !important;
}

/* iframe (مثل یوتیوب، نقشه) داخل سایدبار */
.anzali-sidebar-col iframe {
    max-width: 100% !important;
}

/* شورت‌کدهای افزونه‌ها — فقط کنترل سرریز، بدون دست‌کاری margin/width */
.anzali-sidebar-col .wp-block,
.anzali-sidebar-col [class*="elementor"],
.anzali-sidebar-col [class*="wpcf7"],
.anzali-sidebar-col > * {
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* گرید دو سایدبار کنار هم */
.anzali-dual-sidebar {
    display: grid;
    /* مقدار پیش‌فرض — از CSS var داینامیک override می‌شه */
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
    /* مهم: جلوگیری از بیرون‌زدن کل گرید */
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

/* هر ستون در گرید دو سایدبار */
.anzali-dual-sidebar .anzali-sidebar-col {
    /* در grid، min-width:0 ضروری است */
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* =========================================
   وسط‌چین کردن هر نوع محتوای بصری در سایدبار
   (تصویر، ویدیو، iframe، بنر HTML و ...)

   چرا این‌طوری: margin:auto فقط روی «فرزند مستقیم» اثر داشت و
   اگر تصویر داخل یک <a> یا چند لایه div تودرتو بود (مثل بنر
   پادکست) اثر نمی‌کرد. اینجا از ترفند استاندارد و مقاوم
   text-align:center + display:inline-block استفاده شده که
   در هر عمقی از تودرتویی کار می‌کند.

   محدوده اعمال: فقط ویجت‌های «محتوای ساده» (تصویر/ویدیو/متن/
   HTML سفارشی/بلوک گوتنبرگ) — ویجت‌های اختصاصی قالب مثل جدول
   لیگ یا تقویم که چیدمان flex/جدول خودشان را دارند دست‌نخورده
   می‌مانند تا چیزی در آن‌ها به‌هم نریزد.
   ========================================= */
.anzali-sidebar-col .widget_media_image,
.anzali-sidebar-col .widget_media_video,
.anzali-sidebar-col .widget_text,
.anzali-sidebar-col .widget_custom_html,
.anzali-sidebar-col .widget_block {
    text-align: center;
}
.anzali-sidebar-col .widget_media_image img,
.anzali-sidebar-col .widget_media_video video,
.anzali-sidebar-col .widget_media_video iframe,
.anzali-sidebar-col .widget_text img,
.anzali-sidebar-col .widget_custom_html img,
.anzali-sidebar-col .widget_custom_html iframe,
.anzali-sidebar-col .widget_block img {
    display: inline-block !important;
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle;
}
/* پاراگراف/لیست داخل همین ویجت‌ها راست‌چین (خوانای فارسی) بماند */
.anzali-sidebar-col .widget_text p,
.anzali-sidebar-col .widget_text ul,
.anzali-sidebar-col .widget_text ol,
.anzali-sidebar-col .widget_custom_html p,
.anzali-sidebar-col .widget_block p {
    text-align: right;
}

/* =========================================
   استایل پیش‌فرض برای لیست خام و بدون کلاس داخل ویجت‌ها
   (مثل ویجت پیش‌فرض «نوشته‌های تازه» وردپرس که هیچ کلاسی
   ندارد و به همین دلیل هیچ‌کدام از استایل‌های کارت‌مانند
   ویجت‌های اختصاصی قالب روی آن اعمال نمی‌شد و بی‌شکل و
   خام به نظر می‌رسید)
   ========================================= */
.anzali-sidebar-col .widget > ul:not([class]) li {
    padding: 10px 0;
    border-bottom: 1px dashed var(--anzali-gray-200);
    line-height: 1.7;
    list-style: none;
}
.anzali-sidebar-col .widget > ul:not([class]) li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.anzali-sidebar-col .widget > ul:not([class]) li a {
    color: var(--anzali-text);
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
}
.anzali-sidebar-col .widget > ul:not([class]) li a:hover {
    color: var(--anzali-primary);
}

/* فرم جستجوی داخل سایدبار: چون قانون عمومی .search-form
   (مخصوص هدر) input و دکمه را افقی(flex) کنار هم می‌چیند و
   در ستون باریک سایدبار جا نمی‌شوند و دکمه نامرتب پایین
   می‌افتد، اینجا برای سایدبار override می‌شود: input و دکمه
   هرکدام تمام‌عرض ستون، چیده‌شده به‌صورت عمودی و منظم */
.anzali-sidebar-col .search-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.anzali-sidebar-col .search-form input,
.anzali-sidebar-col .search-form .search-submit,
.anzali-sidebar-col .search-form button {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
}


/* =========================================
   ریسپانسیو سایدبار دوگانه
   زیر 900px: عمودی (یکی روی دیگری)
   ========================================= */
@media (max-width: 900px) {
    .anzali-dual-sidebar {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
    .anzali-dual-sidebar .anzali-sidebar-col {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================
   چیدمان یکپارچه بالای صفحه اصلی: اسلایدر + سایدبار + محتوا
   (با grid-template-areas — مقادیر areas/columns دقیق از PHP می‌آید)
   ========================================= */
.hp-area-slider  { grid-area: slider; min-width: 0; }
.hp-area-sidebar { grid-area: sidebar; min-width: 0; }
.hp-area-main    { grid-area: main; min-width: 0; }
.hp-grid { margin-top: 10px; }

/* ریسپانسیو کل layout صفحه اصلی */
@media (max-width: 900px) {
    /* محتوای اصلی + سایدبار: عمودی */
    /* چیدمان بالای صفحه در موبایل: عمودی، با ترتیب دلخواه
       اسلایدر → محتوای اصلی (اخبار و دسته‌بندی‌ها) → سایدبار در انتها */
    .hp-grid {
        display: flex !important;
        flex-direction: column !important;
    }
    .hp-area-slider  { order: 1; width: 100% !important; }
    .hp-area-main    { order: 2; width: 100% !important; }
    .hp-area-sidebar { order: 3; width: 100% !important; }
    .homepage-main {
        width: 100% !important;
        min-width: 0 !important;
    }
    #secondary.widget-area,
    .anzali-sidebar-wrap {
        width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
}

@media (max-width: 768px) {
    /* سایدبار به زیر محتوا می‌رود */
    .single-content-wrap {
        display: flex !important;
        flex-direction: column !important;
    }
    .archive-wrap {
        display: flex !important;
        flex-direction: column !important;
    }
    #secondary.widget-area {
        order: 10; /* همیشه آخر */
        width: 100% !important;
    }
}

/* =========================================
   هدر: تیکر اخبار داخل نوار منو
   ========================================= */
.nav-inner {
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
}
.nav-ticker-wrap {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    margin-right: 12px;
    border-right: 1px solid rgba(255,255,255,.15);
    padding-right: 12px;
}
.nav-ticker-label {
    background: var(--anzali-primary);
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 3px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: 10px;
}
.nav-ticker-scroll {
    flex: 1;
    overflow: hidden;
    position: relative;
}
.nav-ticker-track {
    display: flex;
    align-items: center;
    white-space: nowrap;
    animation: navTick 30s linear infinite;
}
.nav-ticker-track:hover { animation-play-state: paused; }
.nav-ticker-item {
    display: inline-flex;
    align-items: center;
    padding: 0 18px;
    font-size: 12.5px;
    color: rgba(255,255,255,.88);
}
.nav-ticker-item::after {
    content: '◆';
    margin-right: 18px;
    font-size: 7px;
    opacity: .4;
}
.nav-ticker-item:hover { color: #fff; }
@keyframes navTick {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* =========================================
   موبایل: تیکر پنهان در منو کوچک
   ========================================= */
@media (max-width: 900px) {
    .nav-ticker-wrap { display: none; }
}

/* =========================================
   منوی منتقل‌شده به نوار بالا (topbar)
   ========================================= */
.anzali-topbar { position: relative; }
.anzali-topbar .primary-menu.topbar-menu { display: flex; align-items: stretch; }
.anzali-topbar .primary-menu.topbar-menu > li > a {
    height: auto;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,.85);
    border-left: 1px solid rgba(255,255,255,.2);
}
.anzali-topbar .primary-menu.topbar-menu > li:last-child > a { border-left: none; }
.anzali-topbar .primary-menu.topbar-menu > li > a::after { display: none; }
.anzali-topbar .primary-menu.topbar-menu > li > a:hover,
.anzali-topbar .primary-menu.topbar-menu > li.current-menu-item > a { color: #fff; background: rgba(255,255,255,.1); }
.anzali-topbar .mobile-menu-toggle { height: auto; padding: 6px 10px; font-size: 13px; }
.anzali-topbar .mobile-menu-toggle svg { width: 16px; height: 16px; }

.anzali-breaking-bar { background: var(--anzali-menu-bg, #2c3e50); }
.anzali-breaking-bar .nav-ticker-wrap {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    padding-block: 6px;
}

@media (max-width: 900px) {
    .anzali-topbar .primary-menu.topbar-menu { display: none; }
    .anzali-topbar .primary-menu.topbar-menu.open { display: flex !important; }
    .anzali-topbar .primary-menu {
        position: absolute;
        top: 100%;
        right: 0; left: 0;
    }
}