/* ============================================
   KalhorNews - Inspired by IRNA
   Author: علی قنبری | Version: 1.0.0
   ============================================ */

:root {
    --kn-red: #B71C1C;
    --kn-red-light: #E53935;
    --kn-red-dark: #8E0000;
    --kn-blue: #1A237E;
    --kn-blue-dark: #0D1133;
    --kn-blue-light: #283593;
    --kn-white: #FFFFFF;
    --kn-gray: #F5F5F5;
    --kn-gray-light: #F9F9F9;
    --kn-gray-border: #E0E0E0;
    --kn-text: #222222;
    --kn-text-gray: #666666;
    --kn-text-light: #999999;
    --kn-shadow: 0 1px 2px rgba(0,0,0,0.08);
    --kn-shadow-hover: 0 2px 8px rgba(0,0,0,0.12);
    --kn-radius: 3px;
    --kn-font: 'Vazirmatn', IRANSans, Tahoma, sans-serif;
    --kn-font-size: 14px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: var(--kn-font-size); }
body {
    font-family: var(--kn-font);
    font-size: var(--kn-font-size);
    line-height: 2;
    color: var(--kn-text);
    background: var(--kn-gray);
    overflow-x: hidden;
}
a { color: var(--kn-text); text-decoration: none; transition: all 0.15s; }
a:hover { color: var(--kn-red); }
img { max-width: 100%; height: auto; display: block; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 10px; }

/* ============================================
   TOP BAR - نوار زرد/قرمز بالای ایرنا
   ============================================ */
.top-bar {
    background: var(--kn-red);
    color: #fff;
    font-size: 11px;
    direction: rtl;
}
.top-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
}
.top-bar-right { display: flex; align-items: center; gap: 15px; }
.top-bar-left { display: flex; align-items: center; gap: 10px; }
.top-bar .current-date { opacity: 0.9; font-weight: 500; }
.top-bar-langs { display: flex; gap: 0; }
.top-bar-langs a {
    color: rgba(255,255,255,0.7);
    font-size: 10px;
    padding: 0 5px;
    border-left: 1px solid rgba(255,255,255,0.2);
    line-height: 12px;
}
.top-bar-langs a:last-child { border-left: none; }
.top-bar-langs a:hover { color: #fff; }
.top-bar .social-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; color: rgba(255,255,255,0.7);
    transition: all 0.15s;
}
.top-bar .social-icon:hover { color: #fff; }
.top-menu-list { display: flex; list-style: none; gap: 10px; }
.top-menu-list a { color: rgba(255,255,255,0.85); font-size: 11px; }
.top-menu-list a:hover { color: #fff; }

/* ============================================
   HEADER - هدر ایرنا
   ============================================ */
.header-main {
    background: var(--kn-white);
    border-bottom: 1px solid var(--kn-gray-border);
}
.header-main-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}
.site-branding { flex-shrink: 0; }
.site-logo img { max-height: 50px; }
.site-title { font-size: 22px; font-weight: 800; }
.site-title a { color: var(--kn-blue); }
.site-description { font-size: 11px; color: var(--kn-text-gray); margin-top: -2px; }

.header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.header-date {
    font-size: 12px;
    color: var(--kn-text-gray);
    text-align: left;
    line-height: 1.6;
}
.header-date strong {
    display: block;
    font-size: 14px;
    color: var(--kn-text);
}
.header-search-form {
    display: flex;
    align-items: center;
    border: 1px solid var(--kn-gray-border);
}
.header-search-form input {
    border: none; outline: none; padding: 4px 8px;
    font-family: var(--kn-font); font-size: 12px;
    width: 150px; background: transparent;
}
.header-search-form button {
    border: none; background: var(--kn-red); color: #fff;
    padding: 4px 10px; cursor: pointer; font-size: 12px;
    font-family: var(--kn-font);
}
.header-search-form button:hover { background: var(--kn-red-dark); }

.menu-toggle { display: none; flex-direction: column; gap: 3px; width: 32px; height: 32px; background: none; border: 1px solid var(--kn-gray-border); border-radius: 2px; cursor: pointer; padding: 5px; }
.menu-toggle span { display: block; height: 2px; background: var(--kn-blue); border-radius: 1px; }

/* ============================================
   NAV - ناوبری ایرنا
   ============================================ */
.nav-bar {
    background: var(--kn-blue);
    position: sticky; top: 0; z-index: 1000;
}
.main-navigation { display: flex; align-items: center; }
.primary-menu { display: flex; list-style: none; }
.primary-menu > li { position: relative; }
.primary-menu > li > a {
    display: flex; align-items: center;
    padding: 0 14px; height: 38px;
    color: rgba(255,255,255,0.9);
    font-size: 12px; font-weight: 500;
    transition: all 0.15s;
}
.primary-menu > li:hover > a,
.primary-menu > li.current-menu-item > a {
    background: var(--kn-red);
    color: #fff;
}
.primary-menu .sub-menu {
    position: absolute; top: 100%; right: 0;
    background: #fff; min-width: 180px;
    box-shadow: var(--kn-shadow-hover);
    opacity: 0; visibility: hidden;
    transform: translateY(5px);
    transition: all 0.2s; z-index: 1000;
    list-style: none; padding: 3px 0;
}
.primary-menu > li:hover > .sub-menu {
    opacity: 1; visibility: visible; transform: translateY(0);
}
.primary-menu .sub-menu a {
    display: block; padding: 6px 14px;
    color: var(--kn-text); font-size: 12px;
}
.primary-menu .sub-menu a:hover {
    color: var(--kn-red); background: var(--kn-gray);
}
.primary-menu .sub-menu .sub-menu { right: 100%; top: -3px; }
.menu-dropdown-icon { display: inline-flex; font-size: 8px; margin-right: 3px; }
.sub-menu-toggle { display: none; }

/* ============================================
   BREAKING NEWS
   ============================================ */
.breaking-news-bar {
    background: var(--kn-white);
    border-bottom: 1px solid var(--kn-gray-border);
}
.breaking-news-inner {
    display: flex; align-items: center; gap: 8px; padding: 4px 0;
}
.breaking-news-label {
    display: flex; align-items: center; gap: 4px;
    background: var(--kn-red); color: #fff;
    padding: 3px 10px; font-weight: 700; font-size: 11px; white-space: nowrap;
}
.breaking-dot { width: 5px; height: 5px; background: #fff; border-radius: 50%; animation: pulse 1.5s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
.breaking-news-ticker { flex:1; overflow:hidden; height:28px; position:relative; }
.ticker-track { display:flex; flex-direction:column; animation: ticker-scroll 20s linear infinite; }
.ticker-item { height:28px; display:flex; align-items:center; }
.ticker-item a { color:var(--kn-text); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.ticker-item a:hover { color:var(--kn-red); }
.ticker-cat { color:var(--kn-red); font-weight:700; margin-left:4px; }
@keyframes ticker-scroll { 0%{transform:translateY(0)} 100%{transform:translateY(-50%)} }
.breaking-news-toggle {
    display:flex; align-items:center; justify-content:center;
    width:26px; height:26px; background:var(--kn-gray); border:none; cursor:pointer; color:var(--kn-text); flex-shrink:0;
}

/* ============================================
   HOME SECTIONS - بخش‌های صفحه اصلی (سبک ایرنا)
   ============================================ */
.home-wrap {
    display: flex;
    gap: 20px;
    padding: 15px 0;
    direction: rtl;
}
.home-main { flex: 1; min-width: 0; }
.home-sidebar { width: 300px; flex-shrink: 0; }

/* Featured / Headlines - تیتر اول */
.headline-box {
    background: #fff;
    border: 1px solid var(--kn-gray-border);
    margin-bottom: 15px;
}
.headline-main {
    display: flex;
    gap: 0;
}
.headline-main-image {
    flex: 1;
    min-height: 280px;
    overflow: hidden;
    position: relative;
}
.headline-main-image img {
    width: 100%; height: 100%; object-fit: cover;
    position: absolute; top:0; left:0;
}
.headline-main-content {
    width: 320px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.headline-main-cat {
    display: inline-block;
    padding: 2px 10px;
    background: var(--kn-red);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 10px;
    width: fit-content;
}
.headline-main-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.6;
}
.headline-main-title a { color: var(--kn-text); }
.headline-main-title a:hover { color: var(--kn-red); }
.headline-main-summary {
    font-size: 12px;
    color: var(--kn-text-gray);
    line-height: 2;
    margin-top: 8px;
}
.headline-main-time {
    font-size: 11px;
    color: var(--kn-text-light);
    margin-top: 8px;
}

/* Headline Side - اخبار کناری */
.headline-side {}
.headline-side-item {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--kn-gray-border);
}
.headline-side-item:last-child { border-bottom: none; }
.headline-side-number {
    width: 22px;
    height: 22px;
    background: var(--kn-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--kn-red);
    flex-shrink: 0;
    margin-top: 4px;
}
.headline-side-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
}
.headline-side-title a { color: var(--kn-text); }
.headline-side-title a:hover { color: var(--kn-red); }

/* Category Section - بخش دسته‌بندی */
.cat-section {
    background: #fff;
    border: 1px solid var(--kn-gray-border);
    margin-bottom: 15px;
}
.cat-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: var(--kn-blue);
}
.cat-section-title {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
}
.cat-section-title a { color: #fff; }
.cat-section-link {
    font-size: 11px;
    color: rgba(255,255,255,0.7);
    font-weight: 600;
}
.cat-section-link:hover { color: #fff; }

.cat-section-body {
    display: flex;
    gap: 0;
}

.cat-section-featured {
    width: 280px;
    flex-shrink: 0;
    padding: 10px;
}
.cat-section-featured img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
}
.cat-section-featured-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 6px;
}
.cat-section-featured-title a { color: var(--kn-text); }
.cat-section-featured-title a:hover { color: var(--kn-red); }

.cat-section-list {
    flex: 1;
    padding: 8px 0;
}
.cat-section-list-item {
    display: flex;
    gap: 8px;
    padding: 6px 14px;
    border-bottom: 1px dotted var(--kn-gray-border);
}
.cat-section-list-item:last-child { border-bottom: none; }
.cat-section-list-item img {
    width: 70px;
    aspect-ratio: 4/3;
    object-fit: cover;
    flex-shrink: 0;
}
.cat-section-list-content {}
.cat-section-list-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}
.cat-section-list-title a { color: var(--kn-text); }
.cat-section-list-title a:hover { color: var(--kn-red); }
.cat-section-list-time {
    font-size: 10px;
    color: var(--kn-text-light);
    display: block;
    margin-top: 2px;
}

/* ============================================
   LATEST NEWS LIST - لیست آخرین اخبار
   ============================================ */
.latest-news-section {
    background: #fff;
    border: 1px solid var(--kn-gray-border);
    margin-bottom: 15px;
}
.latest-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: var(--kn-blue);
}
.latest-news-title {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.latest-news-rss { color: rgba(255,255,255,0.7); }
.latest-news-rss:hover { color: #fff; }

.latest-news-list {}
.latest-item {
    display: flex;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--kn-gray-border);
}
.latest-item:last-child { border-bottom: none; }
.latest-item-image { width: 110px; flex-shrink: 0; }
.latest-item-image img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.latest-item-content { flex: 1; }
.latest-item-cat {
    display: inline-block;
    padding: 1px 8px;
    background: var(--kn-red);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 4px;
}
.latest-item-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
}
.latest-item-title a { color: var(--kn-text); }
.latest-item-title a:hover { color: var(--kn-red); }
.latest-item-summary {
    font-size: 12px;
    color: var(--kn-text-gray);
    line-height: 2;
}
.latest-item-meta {
    font-size: 11px;
    color: var(--kn-text-light);
    margin-top: 3px;
}

/* ============================================
   SINGLE POST - صفحه داخلی
   ============================================ */
.single-wrap {
    display: flex;
    gap: 20px;
    padding: 15px 0;
    direction: rtl;
}
.single-main { flex: 1; min-width: 0; }
.single-article {
    background: #fff;
    border: 1px solid var(--kn-gray-border);
    padding: 20px 25px;
}
.single-categories { margin-bottom: 10px; }
.single-categories a {
    display: inline-block;
    padding: 2px 10px;
    background: var(--kn-red);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    margin-left: 3px;
}
.single-categories a:hover { background: var(--kn-red-dark); color: #fff; }
.single-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.6;
    margin-bottom: 10px;
    color: var(--kn-text);
}
.single-meta {
    font-size: 12px;
    color: var(--kn-text-light);
    padding-bottom: 12px;
    border-bottom: 1px solid var(--kn-gray-border);
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.single-meta a { color: var(--kn-text-gray); }
.single-meta a:hover { color: var(--kn-red); }
.single-image { margin-bottom: 15px; }
.single-image img { width: 100%; }
.single-image-caption { font-size: 11px; color: var(--kn-text-light); text-align: center; margin-top: 4px; }
.single-text {
    font-size: 14px;
    line-height: 2.2;
    color: var(--kn-text);
}
.single-text p { margin-bottom: 14px; }
.single-text h2, .single-text h3, .single-text h4 {
    margin: 20px 0 10px;
    font-weight: 700;
    color: var(--kn-blue);
}
.single-text img { margin: 10px 0; }
.single-text blockquote {
    border-right: 3px solid var(--kn-red);
    padding: 10px 15px;
    margin: 14px 0;
    background: var(--kn-gray-light);
    color: var(--kn-text-gray);
    font-style: italic;
}
.single-text ul, .single-text ol { padding-right: 18px; margin-bottom: 12px; }
.single-text li { margin-bottom: 4px; }
.single-footer { padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--kn-gray-border); }
.single-tags {
    display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-bottom: 8px;
}
.single-tags-label { font-weight: 600; font-size: 12px; }
.single-tags a {
    display: inline-block; padding: 2px 8px;
    background: var(--kn-gray); color: var(--kn-text-gray);
    font-size: 11px;
}
.single-tags a:hover { background: var(--kn-red); color: #fff; }
.single-share { display: flex; align-items: center; gap: 4px; }
.single-share-label { font-weight: 600; font-size: 12px; margin-left: 4px; }
.single-share a {
    display: flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; color: #fff; border-radius: 2px;
}
.single-share a:hover { opacity: 0.85; }
.single-share .telegram { background: #0088cc; }
.single-share .whatsapp { background: #25D366; }
.single-share .twitter { background: #000; }

/* Navigation between posts */
.post-nav { margin: 15px 0; }
.post-nav .nav-links { display: flex; gap: 15px; }
.post-nav a {
    display: flex; flex-direction: column; padding: 10px 14px;
    background: #fff; border: 1px solid var(--kn-gray-border);
    flex: 1; font-size: 12px;
}
.post-nav a:hover { border-color: var(--kn-red); }
.post-nav .nav-label { font-size: 10px; color: var(--kn-text-light); margin-bottom: 2px; }

.related-posts { margin: 15px 0; }
.related-posts-title {
    font-size: 14px; font-weight: 700; color: var(--kn-white);
    background: var(--kn-blue); padding: 8px 14px; margin-bottom: 0;
}
.related-posts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; background: #fff; border: 1px solid var(--kn-gray-border); border-top: none; padding: 10px; }
.related-post-item { background: #fff; }
.related-post-item:hover { opacity: 0.9; }
.related-post-item img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.related-post-title { padding: 6px 8px; font-size: 11px; font-weight: 600; line-height: 1.6; }
.related-post-title a { color: var(--kn-text); }
.related-post-title a:hover { color: var(--kn-red); }
.related-post-date { font-size: 10px; color: var(--kn-text-light); padding: 0 8px 8px; display: block; }

.comments-wrap { background: #fff; border: 1px solid var(--kn-gray-border); padding: 18px; margin: 15px 0; }
.comments-title { font-size: 15px; font-weight: 700; margin-bottom: 12px; }
.comment-list { list-style: none; }
.comment { padding: 10px 0; border-bottom: 1px solid var(--kn-gray-border); }
.comment:last-child { border-bottom: none; }
.comment-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; font-size: 12px; }
.comment-meta .fn { font-weight: 600; font-style: normal; }
.comment-content { font-size: 13px; line-height: 1.8; }
.reply a { font-size: 11px; color: var(--kn-red); font-weight: 600; }
.comment-respond { margin-top: 15px; }
.comment-form input, .comment-form textarea {
    width: 100%; padding: 6px 10px; border: 1px solid var(--kn-gray-border);
    font-family: var(--kn-font); font-size: 13px; outline: none;
}
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--kn-red); }
.comment-form textarea { min-height: 100px; resize: vertical; }
.form-submit .submit {
    padding: 6px 20px; background: var(--kn-red); color: #fff;
    border: none; font-family: var(--kn-font); font-size: 13px; font-weight: 600; cursor: pointer;
}
.form-submit .submit:hover { background: var(--kn-red-dark); }

/* ============================================
   SIDEBAR - سایدبار
   ============================================ */
.sidebar .widget {
    background: #fff;
    border: 1px solid var(--kn-gray-border);
    margin-bottom: 12px;
}
.sidebar .widget-title {
    font-size: 13px;
    font-weight: 700;
    padding: 8px 12px;
    background: var(--kn-blue);
    color: #fff;
    margin: 0;
}
.sidebar .widget ul { list-style: none; padding: 0; }
.sidebar .widget ul li {
    padding: 6px 12px;
    border-bottom: 1px dotted var(--kn-gray-border);
    font-size: 12px;
}
.sidebar .widget ul li:last-child { border-bottom: none; }
.sidebar .widget ul li a { color: var(--kn-text); display: block; }
.sidebar .widget ul li a:hover { color: var(--kn-red); padding-right: 2px; }

.kalhornews-recent-posts { list-style: none !important; }
.recent-post-item { display: flex; gap: 8px; padding: 6px 12px !important; border-bottom: 1px dotted var(--kn-gray-border) !important; }
.recent-post-item:last-child { border-bottom: none !important; }
.recent-post-image { width: 60px; flex-shrink: 0; }
.recent-post-image img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.recent-post-title { font-size: 11px; font-weight: 600; line-height: 1.5; }
.recent-post-date { font-size: 10px; color: var(--kn-text-light); }

.kalhornews-popular-posts { list-style: none !important; }
.popular-post-item {
    display: flex; gap: 8px; padding: 6px 12px !important;
    border-bottom: 1px dotted var(--kn-gray-border) !important;
    align-items: center;
}
.popular-post-number {
    display: flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; background: var(--kn-red);
    color: #fff; font-size: 10px; font-weight: 700; flex-shrink: 0;
}
.popular-post-title { font-size: 11px; font-weight: 600; line-height: 1.5; }

.kalhornews-social-widget { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 8px 12px; }
.social-item {
    display: flex; align-items: center; gap: 4px;
    padding: 4px 6px; background: var(--kn-gray);
    font-size: 11px; font-weight: 600; border-radius: 2px;
}
.social-item:hover.social-telegram { background:#0088cc; color:#fff!important; }
.social-item:hover.social-instagram { background:#e4405f; color:#fff!important; }
.social-item:hover.social-twitter { background:#000; color:#fff!important; }
.social-item:hover.social-whatsapp { background:#25D366; color:#fff!important; }
.social-item:hover.social-youtube { background:#FF0000; color:#fff!important; }

.tagcloud { padding: 8px 12px; display: flex; flex-wrap: wrap; gap: 4px; }
.tagcloud a {
    display: inline-block; padding: 2px 8px;
    background: var(--kn-gray); font-size: 11px !important;
    color: var(--kn-text-gray);
}
.tagcloud a:hover { background: var(--kn-red); color: #fff; }

/* ============================================
   ARCHIVE / SEARCH / 404
   ============================================ */
.archive-main, .search-main {
    display: flex; gap: 20px; padding: 15px 0; direction: rtl;
}
.archive-content { flex: 1; min-width: 0; }
.archive-header, .search-header {
    background: #fff; border: 1px solid var(--kn-gray-border);
    padding: 12px 16px; margin-bottom: 15px;
    border-right: 3px solid var(--kn-red);
}
.archive-title { font-size: 16px; font-weight: 800; color: var(--kn-blue); }
.archive-desc { font-size: 12px; color: var(--kn-text-gray); margin-top: 2px; }

.archive-list {}
.archive-item {
    display: flex; gap: 12px; padding: 10px 14px;
    background: #fff; border: 1px solid var(--kn-gray-border);
    margin-bottom: 8px;
}
.archive-item-image { width: 110px; flex-shrink: 0; }
.archive-item-image img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.archive-item-content { flex: 1; }
.archive-item-title { font-size: 13px; font-weight: 700; }
.archive-item-title a { color: var(--kn-text); }
.archive-item-title a:hover { color: var(--kn-red); }
.archive-item-meta { font-size: 11px; color: var(--kn-text-light); margin-top: 2px; }

.no-results { text-align:center; padding:40px 20px; background:#fff; border:1px solid var(--kn-gray-border); }
.no-results p { font-size:14px; color:var(--kn-text-gray); margin-bottom:12px; }

.error-wrap { display:flex; align-items:center; justify-content:center; min-height:50vh; text-align:center; direction:rtl; }
.error-code { font-size:72px; font-weight:900; color:var(--kn-red); line-height:1; display:block; }
.error-title { font-size:18px; font-weight:800; color:var(--kn-blue); margin:12px 0; }
.error-actions { display:flex; gap:10px; justify-content:center; margin-top:18px; }
.btn {
    display:inline-flex; align-items:center; gap:4px;
    padding:8px 18px; font-family:var(--kn-font);
    font-weight:600; cursor:pointer; border:none; font-size:13px;
}
.btn-primary { background:var(--kn-red); color:#fff; }
.btn-primary:hover { background:var(--kn-red-dark); color:#fff; }
.btn-outline { background:transparent; color:var(--kn-blue); border:2px solid var(--kn-blue); }
.btn-outline:hover { background:var(--kn-blue); color:#fff; }

/* Pagination */
.pagination-wrap { margin:15px 0; text-align:center; }
.page-numbers {
    display:inline-flex; align-items:center; justify-content:center;
    min-width:32px; height:32px; padding:0 8px;
    background:#fff; border:1px solid var(--kn-gray-border);
    color:var(--kn-text); font-size:12px; margin:1px;
}
.page-numbers:hover { border-color:var(--kn-red); color:var(--kn-red); }
.page-numbers.current { background:var(--kn-red); color:#fff; border-color:var(--kn-red); }

/* Breadcrumbs */
.breadcrumbs { padding:6px 0; font-size:11px; color:var(--kn-text-light); }
.breadcrumbs a { color:var(--kn-text-gray); }
.breadcrumbs a:hover { color:var(--kn-red); }
.breadcrumbs .sep { margin:0 5px; color:#ccc; }

/* ============================================
   FOOTER - فوتر
   ============================================ */
.site-footer {
    background: var(--kn-blue);
    color: rgba(255,255,255,0.85);
    margin-top: auto;
}
.footer-widgets { padding: 24px 0 8px; }
.footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.footer-widget { margin-bottom: 16px; }
.footer-widget-title {
    font-size: 14px; font-weight: 700; color: #fff;
    margin-bottom: 8px; padding-bottom: 4px;
    border-bottom: 2px solid var(--kn-red);
}
.footer-widget a { color: rgba(255,255,255,0.7); font-size: 12px; }
.footer-widget a:hover { color: #fff; }
.footer-widget ul { list-style: none; }
.footer-widget ul li { padding: 3px 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 12px; }
.footer-widget ul li:last-child { border-bottom: none; }
.footer-bar {
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: 11px;
}
.footer-bar-inner {
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;
}
.footer-copyright { opacity: 0.8; }
.footer-credit { opacity: 0.8; }
.footer-credit a { color: #fff; font-weight: 600; }
.footer-menu-list { display: flex; gap: 10px; list-style: none; }
.footer-menu-list a { color: rgba(255,255,255,0.7); font-size: 11px; }
.footer-menu-list a:hover { color: #fff; }

#scroll-to-top {
    position:fixed; bottom:20px; left:20px;
    width:36px; height:36px;
    background:var(--kn-red); color:#fff;
    border:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    opacity:0; visibility:hidden; transform:translateY(12px);
    transition:all 0.3s; z-index:999;
}
#scroll-to-top.visible { opacity:1; visibility:visible; transform:translateY(0); }
#scroll-to-top:hover { background:var(--kn-red-dark); }

/* ============================================
   LAYOUT OPTIONS
   ============================================ */
.sticky-header .nav-bar { position: sticky; top: 0; z-index: 1000; }
.boxed-layout .site-wrapper { max-width: 1220px; margin: 0 auto; box-shadow: 0 0 20px rgba(0,0,0,0.1); background: #fff; }
.layout-two-column-right .sidebar-left { display: none; }
.layout-two-column-left .sidebar-right { display: none; }
.layout-full-width .sidebar { display: none; }

.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }

@media print {
    .top-bar,.nav-bar,.breaking-news-bar,.home-sidebar,.sidebar,.footer-widgets,
    .single-share,.post-nav,.related-section,.comments-wrap,#scroll-to-top { display:none!important; }
}