/* 
 * Yandetail page custom styles
 * Extracted from inline <style> for better performance and security
 */

/* News detail layout - sidebar o'ng tarafda */
.news-detail-layout {
    display: flex !important;
    flex-direction: row !important; /* Gorizontal - chap va o'ng */
    gap: 30px !important;
}

.news-main-content {
    flex: 0 0 calc(66.666667% - 15px) !important;
    max-width: calc(66.666667% - 15px) !important;
}

.news-sidebar {
    flex: 0 0 calc(33.333333% - 15px) !important;
    max-width: calc(33.333333% - 15px) !important;
    align-self: flex-start !important; /* Yuqoridan boshlanadi */
}

/* Responsive */
@media (max-width: 991px) {
    .news-detail-layout {
        flex-direction: column !important; /* Mobile'da vertikal */
    }
    
    .news-main-content,
    .news-sidebar {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* Sidebar styling */
.sidebar-news {
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    padding: 20px !important;
    position: sticky !important;
    top: 20px !important;
}

.sidebar-header {
    background: transparent !important; /* Fon yo'q */
    padding: 0 !important;
    margin: 0 !important;
}

.sidebar-title {
    color: #011247 !important; /* TO'Q KO'K */
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #e5e7eb !important; /* Och kulrang chiziq */
    background: transparent !important; /* Fon yo'q */
}

.sidebar-news-card {
    display: flex !important;
    flex-direction: column !important; /* Vertikal - rasm ustida sarlavha */
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.sidebar-news-card:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.sidebar-news-image {
    width: 100% !important; /* Full width */
    height: 150px !important; /* Balandlik */
    margin-bottom: 12px !important; /* Rasm va matn orasida */
    overflow: hidden !important;
}

.sidebar-news-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    transition: transform 0.3s ease !important;
}

.sidebar-news-image img:hover {
    transform: scale(1.05) !important;
}

.sidebar-news-content {
    display: flex !important;
    flex-direction: column !important;
}

.sidebar-news-title {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #011247 !important; /* Menudagi to'q ko'k */
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.3s ease !important;
}

.sidebar-news-link:hover .sidebar-news-title {
    color: #1e40af !important; /* Hover rang */
}

.sidebar-news-date {
    font-size: 0.8rem !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}