/* Custom styles for improved layout and beauty with red theme */
body { 
    font-family: 'Vazir', sans-serif; 
    background-color: #f8f9fa; 
    margin: 0;
    padding: 0;
}

.header-top-bar {
    border-bottom: 1px solid #eee; 
    padding: 10px 0; 
}

.top-menu ul { 
    margin: 0; 
    padding: 0; 
}

.top-menu li { 
    display: inline-block; 
    margin-left: 20px; 
}

.top-menu a { 
    color: #333; 
    text-decoration: none; 
    font-size: 14px; 
}

.date-container { 
    text-align: right; 
}

.date-display { 
    font-size: 14px; 
    color: #fff; 
    display: flex; 
    align-items: center; 
}

.date-item { 
    display: inline; 
}

.date-separator { 
    margin: 0 10px; 
    color: #ccc; 
}

.search-container { 
    text-align: left; 
}

.search-box { 
    position: relative; 
    display: inline-block; 
}

.search-icon { 
    background: #dc3545; 
    color: white; 
    border: none; 
    padding: 8px 12px; 
    border-radius: 4px; 
    cursor: pointer; 
}

#search-input { 
    position: absolute; 
    right: 0; 
    top: 100%; 
    width: 200px; 
    padding: 5px; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
    display: none; 
}

.header-main-bar { 
    background-color: #fff; 
    padding: 20px 0; 
    border-bottom: 2px solid #dc3545; 
}

.logo img { 
    max-height: 60px; 
    width: auto; 
}

.site-banner { 
    text-align: center; 
}

.site-banner img { 
    max-width: 100%; 
    height: auto; 
    border-radius: 8px; 
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); 
}

.navigation { 
    background-color: #dc3545; 
}

.nav-menu { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    display: flex; 
    justify-content: center; 
    white-space: nowrap; 
}

.nav-menu li { 
    margin: 0 15px; 
}

.nav-menu a { 
    color: white; 
    text-decoration: none; 
    padding: 15px 0; 
    display: block; 
    font-weight: 500; 
    transition: color 0.3s; 
}

.nav-menu a:hover, .nav-menu a.active { 
    color: #ffd700; 
}

/* New Style for Red Box */
.brand-identifier {
    background-color: #dc3545;
    color: white;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000000000;
    border-bottom-left-radius: 8px;
    box-shadow: -2px 4px 6px rgba(0,0,0,0.1);
}

.breaking-news-bar {
    background-color: #dc3545;
    position: relative;
    color: white;
    padding: 15px 0;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 1px; /* Space for the red box */
}

.breaking-news-title { 
    font-weight: bold; 
    margin-left: 20px; 
    font-size: 20px; 
}

.breaking-news-scroll { 
    display: inline-block; 
    animation: scroll-left 120s linear infinite; 
}

.breaking-news-scroll a { 
    color: white; 
    text-decoration: none; 
    margin-left: 30px; 
    display: inline-block; 
    white-space: nowrap; 
    font-size: 18px; 
}

.breaking-news-item { 
    display: inline-block; 
    margin-left: 30px; 
    vertical-align: middle; 
}

.breaking-news-item img { 
    width: 200px; 
    height: 120px; 
    object-fit: cover; 
    border-radius: 8px; 
    margin-left: 15px; 
}

@keyframes scroll-left { 
    0% { transform: translateX(100%); } 
    100% { transform: translateX(-100%); } 
}

.main-content-area {
    background: #fff; 
    border-radius: 10px; 
    margin: 20px auto; 
}

.section-header { 
    text-align: center; 
    margin-bottom: 30px; 
    border-bottom: 2px solid #dc3545; 
    padding-bottom: 10px; 
}

.section-header h2 { 
    color: #333; 
    margin: 0; 
}

.two-column-section { 
    margin-bottom: 40px; 
}

.top-story-section { 
    margin-bottom: 40px; 
}

.featured-column, .leadership-column, .top-story-column { 
    padding: 0 15px; 
}

.news-card { 
    background: #fff; 
    border-radius: 8px; 
    overflow: hidden; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
    margin-bottom: 20px; 
    transition: transform 0.3s; 
}

.news-card:hover { 
    transform: translateY(-5px); 
}

.news-image img { 
    width: 100%; 
    height: 200px; 
    object-fit: cover; 
}

.news-card-content { 
    padding: 15px; 
}

.news-card-title a { 
    color: #333; 
    text-decoration: none; 
    font-weight: 500; 
}

.news-card-meta { 
    font-size: 12px; 
    color: #666; 
    margin-top: 10px; 
}

.special-news-large { 
    background: linear-gradient(135deg, #dc3545, #a71d2a); 
    color: white; 
    padding: 30px; 
    border-radius: 10px; 
    text-align: center; 
    margin-bottom: 40px; 
}

.special-news-large img { 
    width: 100%; 
    height: 300px; 
    object-fit: cover; 
    border-radius: 8px; 
    margin-bottom: 20px; 
}

.ads-column { 
    padding: 0 15px; 
}

.ads-widget img { 
    width: 100%; 
    height: auto; 
    border-radius: 8px; 
    margin-bottom: 20px; 
}

.hot-news-item { 
    background: #fff; 
    border-radius: 8px; 
    padding: 15px; 
    margin-bottom: 15px; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); 
}

.hot-news-item h4 a { 
    color: #333; 
    text-decoration: none; 
}

.footer { 
    background-color: #333; 
    color: white; 
    padding: 40px 0 20px; 
    margin-top: 40px; 
}

.footer-widget h3 { 
    border-bottom: 1px solid #555; 
    padding-bottom: 10px; 
    margin-bottom: 20px; 
}

.social-links a { 
    color: white; 
    margin: 0 10px; 
    font-size: 20px; 
    transition: color 0.3s; 
}

.social-links a:hover { 
    color: #dc3545; 
}

.footer-bottom { 
    border-top: 1px solid #555; 
    padding-top: 20px; 
    margin-top: 30px; 
    text-align: center; 
}

@media (max-width: 768px) {
    .nav-menu { 
        flex-direction: row; 
        flex-wrap: nowrap; 
        overflow-x: auto; 
    }
    
    .nav-menu li { 
        margin: 0 10px; 
    }
    
    .two-column-section .row > div { 
        margin-bottom: 20px; 
    }
    
    .breaking-news-item img { 
        width: 100px; 
        height: 60px; 
    }
    
    .brand-identifier {
        font-size: 14px;
        padding: 8px 15px;
    }
}