﻿/* ===================================================
   فایل استایل اختصاصی اخبار و مجله سلامت (stlNews.css)
   =================================================== */

/* دکمه‌های تب‌بندی دسته‌بندی اخبار */
.news-tabs .nav-link {
    color: #4a5568;
    background-color: #f1f5f9;
    border-radius: 20px;
    padding: 0.5rem 1.1rem;
    font-size: 0.88rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 1px solid #e2e8f0;
}

    .news-tabs .nav-link.active,
    .news-tabs .nav-link:hover {
        background-color: #0B2D52;
        color: #ffffff;
        border-color: #0B2D52;
    }

/* کارت عمومی خبر/مقاله */
.news-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    height: 100%;
}

    .news-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 25px rgba(11, 45, 82, 0.08);
        border-color: #cbd5e1;
    }

/* نگهدارنده و انیمیشن تصویر */
.news-img-wrapper {
    position: relative;
    overflow: hidden;
    background-color: #f8fafc;
}

.news-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-card:hover .news-img {
    transform: scale(1.05);
}

/* بج روی تصویر اخبار ویژه */
.news-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #38ef7d;
    color: #0B2D52;
    font-weight: bold;
    font-size: 0.75rem;
    padding: 4px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* مقاله اصلی و ویژه (Featured News) */
.featured-news .news-img-wrapper {
    height: 230px;
}

.featured-news .news-body {
    padding: 1.25rem;
}

/* کارت‌های افقی (Horizontal News) */
.horizontal-news .news-img-wrapper {
    height: 110px;
}

/* عناوین و لینک‌ها */
.news-title {
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

    .news-title a {
        color: #0B2D52;
        text-decoration: none;
        transition: color 0.2s ease;
    }

        .news-title a:hover {
            color: #155E9C;
        }

.news-meta {
    font-size: 0.78rem;
    color: #718096;
}

.news-excerpt {
    line-height: 1.7;
    color: #4a5568;
}

/* دکمه ادامه مطلب */
.btn-read-more {
    color: #155E9C;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    transition: transform 0.2s ease;
    margin-top: 0.5rem;
}

    .btn-read-more:hover {
        color: #0B2D52;
        transform: translateX(-4px);
    }
/* ===================================================
   استایل ویجت‌های سیدبار اخبار (TopVisit.ascx)
   =================================================== */

.sidebar-widget-box {
    background: #ffffff;
    border: 1px solid #eef2f6 !important;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

    .sidebar-widget-box:hover {
        box-shadow: 0 10px 25px rgba(11, 45, 82, 0.06) !important;
    }

.widget-header {
    background-color: #f8fafc;
}

.widget-icon {
    width: 32px;
    height: 32px;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

/* آیتم‌های لیست */
.sidebar-item {
    border-bottom: 1px dashed #e2e8f0;
}

    .sidebar-item:last-child {
        border-bottom: none;
    }

.sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.65rem 0.25rem;
    color: #4a5568;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 500;
    transition: all 0.25s ease;
}

    .sidebar-link .link-icon {
        font-size: 0.75rem;
        color: #a0aec0;
        transition: transform 0.25s ease, color 0.25s ease;
    }

    .sidebar-link:hover {
        color: #155E9C;
        padding-right: 6px;
    }

        .sidebar-link:hover .link-icon {
            color: #155E9C;
            transform: translateX(-3px);
        }

    .sidebar-link .link-text {
        line-height: 1.5;
    }
/* ===================================================
   استایل اختصاصی صفحه نمایش کامل خبر (OneNews.aspx)
   =================================================== */

.single-news-card {
    background: #ffffff;
    border: 1px solid #eef2f6 !important;
}

.single-news-title {
    color: #0B2D52;
}

.news-meta-bar {
    border: 1px solid #e2e8f0;
}

.btn-print-article {
    padding: 4px 12px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    transition: all 0.25s ease;
}

    .btn-print-article:hover {
        background: #f1f5f9;
        border-color: #0B2D52;
        color: #0B2D52 !important;
    }

/* تصویر صفحه خبر */
.single-news-img-box {
    max-height: 480px;
    overflow: hidden;
    border-radius: 16px;
}

.single-news-img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
}

/* متن کامل خبر */
.single-news-content {
    color: #2d3748;
    text-align: justify;
    line-height: 2 !important;
}

    .single-news-content p {
        margin-bottom: 1.25rem;
    }

    .single-news-content img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 12px;
        margin: 1rem 0;
    }

/* پشتیبانی کامل چاپ برای صفحه خبر */
@media print {
    .btn-print-article,
    .card-footer {
        display: none !important;
    }

    .single-news-card {
        border: none !important;
        box-shadow: none !important;
    }

    .news-meta-bar {
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid #000 !important;
        padding: 0.5rem 0 !important;
    }
    .sidebar-widget-box {
        display: none !important;
    }
    .widget-header {
        background-color: transparent !important;
        border-bottom: 1px solid #000000 !important;
        padding: 0.5rem 0 !important;
    }

    .widget-icon,
    .sidebar-link .link-icon {
        display: none !important; /* حذف آیکون‌ها در چاپ */
    }

    .sidebar-item {
        border-bottom: 1px solid #cccccc !important;
    }

    .sidebar-link {
        color: #000000 !important;
        padding: 0.3rem 0 !important;
        font-size: 9pt !important;
    }

        .sidebar-link .link-text {
            color: #000000 !important;
        }
}
/* ===================================================
   استایل اختصاصی صفحه لیست مقالات (Articles.aspx)
   =================================================== */

.article-item-card {
    background: #ffffff;
    border: 1px solid #eef2f6 !important;
    transition: all 0.3s ease;
}

    .article-item-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(11, 45, 82, 0.08) !important;
        border-color: #cbd5e1 !important;
    }

/* تصویر مقاله */
.article-img-box {
    height: 160px;
    background-color: #f8fafc;
}

.article-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.article-item-card:hover .article-img {
    transform: scale(1.06);
}

/* عناوین */
.article-title a {
    transition: color 0.2s ease;
}

    .article-title a:hover {
        color: #155E9C !important;
    }

/* متاداده و دکمه پرینت */
.article-meta-bar {
    border-top-color: #f1f5f9 !important;
}

.btn-print-icon {
    transition: color 0.2s ease;
}

    .btn-print-icon:hover {
        color: #0B2D52 !important;
    }

/* استایل‌دهی به خروجی تابع SetPageing() */
.custom-pagination table {
    margin: 0 auto;
}

.custom-pagination a,
.custom-pagination span {
    display: inline-block;
    padding: 6px 12px;
    margin: 0 2px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    color: #155E9C;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .custom-pagination a:hover {
        background-color: #155E9C;
        color: #ffffff;
        border-color: #155E9C;
    }

    .custom-pagination span.active,
    .custom-pagination .selected {
        background-color: #0B2D52;
        color: #ffffff;
        border-color: #0B2D52;
    }
/* ===================================================
   استایل ویجت‌های سیدبار مقالات (TopVisitArt.ascx)
   =================================================== */

.sidebar-widget {
    background: #ffffff;
    border: 1px solid #eef2f6 !important;
}

    .sidebar-widget .widget-title {
        border-bottom-color: #f1f5f9 !important;
    }

.widget-list-item {
    border-bottom: 1px dashed #f1f5f9;
}

    .widget-list-item:last-child {
        border-bottom: none;
    }

.widget-list-link {
    color: #475569;
    font-size: 0.9rem;
    transition: all 0.25s ease;
}

    .widget-list-link:hover {
        color: #155E9C;
        padding-right: 6px !important;
    }

        .widget-list-link:hover i {
            color: #155E9C !important;
        }
/* ===================================================
   استایل اختصاصی صفحه نمایش تک‌مقاله (Article.aspx)
   =================================================== */

.single-article-card {
    background: #ffffff;
    border: 1px solid #eef2f6 !important;
}

.single-article-title {
    color: #0B2D52;
}

.article-subtitle {
    border-right: 3px solid #155E9C;
    padding-right: 12px;
    background: #f8fafc;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0 8px 8px 0;
}

/* تصویر مقاله */
.single-article-img-box {
    max-height: 480px;
    overflow: hidden;
    border-radius: 16px;
}

.single-article-img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
}

/* متن اصلی مقاله جهت خوانایی بهتر و سئو */
.single-article-content {
    color: #2d3748;
    text-align: justify;
    line-height: 2.1 !important;
}

    .single-article-content p {
        margin-bottom: 1.5rem;
    }

    .single-article-content h2,
    .single-article-content h3 {
        color: #0B2D52;
        margin-top: 2rem;
        margin-bottom: 1rem;
        font-weight: 700;
    }

    .single-article-content img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 12px;
        margin: 1.5rem 0;
    }