/**
 * Haber Sitesi Scripti - Ana CSS Dosyası
 */

/* Genel Stiller */
body {
    font-family: 'Segoe UI', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
}

a {
    color: #0056b3;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #003d7a;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin-bottom: 1rem;
}

.container {
    max-width: 1200px;
}

/* Makale Sayfası Özel Stiller - Haber.php ile uyumlu hale getirildi */
/* .makale-container sınıfı kaldırıldı ve haber.php ile aynı genişlik kullanılıyor */

/* Header Stiller */
header .date {
    font-size: 0.9rem;
    color: #6c757d;
}

header .logo .logo-title {
    font-size: 2rem;
    font-weight: 800;
    margin: 0;
    color: #0056b3;
    display: block;
}

header .social-icons .social-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #f8f9fa;
    border-radius: 50%;
    margin-left: 5px;
    color: #0056b3;
    font-size: 0.9rem;
}

header .social-icons .social-icon:hover {
    background-color: #0056b3;
    color: #fff;
}

/* Son Dakika Şeridi */
.breaking-news {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    overflow: hidden;
}

.breaking-title {
    font-size: 0.9rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.breaking-news-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.breaking-news-scroll {
    display: flex;
    animation: scroll-left 30s linear infinite;
    white-space: nowrap;
}

.breaking-news-item {
    margin-right: 50px;
    color: #333;
    font-weight: 500;
}

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

/* Manşet Slider Bölümü */
.manset-slider {
    margin-bottom: 2rem;
}

.manset-container {
    position: relative;
    overflow: visible;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    max-width: 100%;
    margin: 0 auto;
    aspect-ratio: 16 / 9; /* 800x450 için 16:9 oranı */
    width: 100%;
    height: auto;
}

.carousel-inner {
    width: 100%;
    background-color: #000;
}

.carousel-item {
    width: 100%;
}

.manset-image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.manset-image-container img {
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    transition: transform 0.5s ease;
}

.carousel-item:hover .manset-image-container img {
    transform: scale(1.05);
}

.manset-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    padding: 30px 20px 20px;
    color: #fff;
}

.manset-category {
    display: inline-block;
    background-color: #e74c3c;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.manset-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.manset-pagination {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    background: #f8f9fa;
    padding: 10px 0;
    margin-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pagination-container {
    display: flex;
    justify-content: center;
}

.manset-number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    color: #333;
    border: none;
    margin: 0 5px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.manset-number.active {
    background-color: #e74c3c;
}

/* Son Dakika Slider */
.son-dakika-slider {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.son-dakika-baslik {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #e74c3c;
    color: #fff;
    padding: 8px 15px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
    z-index: 10;
}

.son-dakika-image-container {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.son-dakika-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.son-dakika-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    padding: 30px 15px 15px;
    color: #fff;
}

.son-dakika-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.son-dakika-indicators {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
}

.son-dakika-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    margin: 0 3px;
    padding: 0;
}

.son-dakika-indicators button.active {
    background-color: #fff;
}

.son-dakika-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.son-dakika-controls .carousel-control-prev,
.son-dakika-controls .carousel-control-next {
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.son-dakika-controls .carousel-control-prev:hover,
.son-dakika-controls .carousel-control-next:hover {
    opacity: 1;
}

.son-dakika-controls .carousel-control-prev-icon,
.son-dakika-controls .carousel-control-next-icon {
    width: 15px;
    height: 15px;
}

/* Küçük Slider Navigasyon Stilleri */
.slider-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 30px;
}

.slider-nav-prev,
.slider-nav-next {
    width: 30px;
    height: 30px;
    background-color: #e30613;
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    position: absolute;
    z-index: 10;
    bottom: 0;
}

.slider-nav-prev {
    left: 0;
}

.slider-nav-next {
    right: 0;
}

.slider-nav-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5px 0;
}

.slider-nav-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
    margin: 0 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: none;
    padding: 0;
}

.slider-nav-dot.active {
    background-color: #e30613;
}

.pagination-container button.active {
    background-color: #ff0000;
    color: #fff;
    transform: scale(1.15);
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    color: #fff;
}

.pagination-container button:hover {
    background-color: #555;
}

/* Eski Manşet Stilleri (Referans için saklandı) */
.featured-img {
    position: relative;
    overflow: hidden;
}

.featured-img img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.category-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #0056b3;
    color: #fff;
    padding: 3px 10px;
    font-size: 0.8rem;
    border-radius: 3px;
    z-index: 1;
}

/* Haber Kartları */
.news-card {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

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

.news-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px; /* Sabit yükseklik tanımlıyoruz */
}

.news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmi kart boyutuna göre ölçeklendirir ve kırpmaz */
}

.news-content {
    padding: 1rem;
}

.news-title {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

/* Diğer Haberler kartlarındaki başlıklar için özel stil */
.other-news .news-title,
.latest-news .news-title,
.category-news .news-title {
    font-size: 1rem;
    margin-bottom: 0.4rem;
    line-height: 1.4;
}

.news-excerpt {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.news-meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: #6c757d;
}

.news-views {
    color: #6c757d;
}

/* Bölüm Başlıkları */
.section-title {
    position: relative;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #e9ecef;
}

.section-title h2 {
    display: inline-block;
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 0;
    padding-bottom: 0.5rem;
}

.section-title h2:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0056b3;
}

/* Yan Sütun Widget'ları */
.sidebar-widget {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    width: 100%;
}

.sidebar-container {
    max-width: 100%;
    padding-right: 15px;
}

.widget-title {
    padding: 1rem;
    background-color: #0056b3;
    color: #fff;
}

.widget-title h3 {
    font-size: 1.2rem;
    margin: 0;
}

.widget-content {
    padding: 1rem;
}

/* Popüler Haberler Widget'ı */
.popular-news-item {
    padding: 0.5rem 0;
    border-bottom: 1px solid #e9ecef;
}

.popular-news-item .col-4 {
    height: 80px;
    overflow: hidden;
}

.popular-news-item .col-4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular-news-item:last-child {
    border-bottom: none;
}

.popular-news-content {
    padding-left: 0.5rem;
}

.popular-news-content h4 {
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
}

/* Yazar Profil Sayfası */
.yazar-profil {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.yazar-resim {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.yazar-resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yazar-bilgi {
    flex-grow: 1;
}

.yazar-bilgi h2 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    color: #0056b3;
}

.yazar-bilgi .unvan {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.yazar-bilgi .biyografi {
    font-size: 0.95rem;
    line-height: 1.6;
}

.yazar-sosyal {
    margin-top: 1rem;
}

.yazar-sosyal a {
    display: inline-block;
    margin-right: 10px;
    color: #6c757d;
    font-size: 1.2rem;
    transition: color 0.3s ease;
}

.yazar-sosyal a:hover {
    color: #0056b3;
}

.yazar-haberler {
    margin-top: 2rem;
}

.yazar-haberler .card {
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.yazar-haberler .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.yazar-haberler .card-img-top {
    height: 200px;
    object-fit: cover;
}

.yazar-haberler .card-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.yazar-haberler .card-text {
    color: #6c757d;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.yazar-haberler .card-footer {
    background-color: transparent;
    border-top: none;
    padding-top: 0;
}

.yazar-haberler .card-footer small {
    color: #6c757d;
}

/* Video Widget Stilleri */
.video-preview-small {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    height: 60px;
}

.video-preview-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-icon-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.5rem;
    opacity: 0.8;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.video-preview-small:hover .play-icon-small {
    opacity: 1;
    color: #ff0000;
}

.video-title-small {
    font-size: 0.9rem;
    line-height: 1.2;
    margin-bottom: 4px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-category-small {
    font-size: 0.8rem;
    color: #666;
}

.popular-video-item, .category-video-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.popular-video-item:last-child, .category-video-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Tarih belirtilmemiş yazısını gizle */
.small.text-muted:contains('Tarih belirtilmemiş') {
    display: none;
}

/* Haber Bülteni Widget'ı */
.newsletter-form {
    margin-top: 1rem;
}

/* Yazar Profili Sayfası Stilleri */
.author-profile {
    margin-bottom: 2rem;
}

.author-image {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 3px solid #0056b3;
    margin-bottom: 1rem;
}

.author-name {
    font-size: 1.8rem;
    color: #0056b3;
    margin-bottom: 0.5rem;
}

.author-title {
    font-size: 1.1rem;
    color: #6c757d;
    text-transform: capitalize;
    margin-bottom: 0.5rem;
}

.author-stats {
    margin-bottom: 1rem;
}

.author-bio {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
}

.author-social a {
    margin-right: 0.5rem;
}

.author-news-header {
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.author-news-header h2 {
    font-size: 1.5rem;
    color: #0056b3;
    margin-bottom: 0.5rem;
}

.author-news .news-list-item {
    transition: transform 0.3s ease;
}

.author-news .news-list-item:hover {
    transform: translateY(-5px);
}

.author-news .card {
    border: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    height: 100%;
}

.author-news .card-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.author-news .card-text {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.author-news .news-meta {
    font-size: 0.8rem;
    color: #6c757d;
}

.author-news .object-fit-cover {
    height: 200px;
    object-fit: cover;
}

/* Sosyal Medya Widget'ı */
.social-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.social-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    color: #fff;
    border-radius: 3px;
    font-size: 0.9rem;
}

.social-button i {
    margin-right: 0.5rem;
}

.social-button.facebook {
    background-color: #3b5998;
}

.social-button.twitter {
    background-color: #1da1f2;
}

.social-button.instagram {
    background-color: #e1306c;
}

.social-button.youtube {
    background-color: #ff0000;
}

.social-button:hover {
    opacity: 0.9;
    color: #fff;
}

/* Footer */
footer {
    margin-top: 2rem;
}

.footer-links {
    list-style: none;
    padding-left: 0;
}

.footer-links li {
    margin-bottom: 0.5rem;
}

.footer-links a {
    color: #adb5bd;
}

.footer-links a:hover {
    color: #fff;
}

.contact-info {
    list-style: none;
    padding-left: 0;
}

.contact-info li {
    margin-bottom: 0.5rem;
    color: #adb5bd;
}

.contact-info i {
    margin-right: 0.5rem;
    width: 16px;
    text-align: center;
}

footer .social-icons {
    margin-top: 1rem;
}

footer .social-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: rgba(255,255,255,0.1);
    border-radius: 50%;
    margin-right: 5px;
    color: #fff;
    font-size: 0.9rem;
}

footer .social-icon:hover {
    background-color: rgba(255,255,255,0.2);
}

/* Sayfa Detay Sayfası */
.news-detail {
    background-color: #fff;
    border-radius: 5px;
    padding: 1.5rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Sayfa içeriği için özel stiller */
.page-content {
    background-color: #fff;
    border-radius: 5px;
    padding: 1.5rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

.news-detail-title {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.news-detail-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
    color: #6c757d;
    font-size: 0.9rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.news-detail-meta .meta-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.news-detail-meta .meta-right {
    display: flex;
    align-items: center;
}

.news-detail-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    align-items: center;
}

.news-detail-category {
    background-color: #0056b3;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.news-detail-category:hover {
    background-color: #004494;
    color: #fff;
}

.news-detail-date,
.news-detail-author {
    white-space: nowrap;
}

.news-detail-views {
    font-weight: 500;
    color: #495057;
    white-space: nowrap;
}

.news-detail-views i {
    color: #0056b3;
    margin-right: 3px;
}

/* Mobil Responsive - Haber Detay Meta */
@media (max-width: 768px) {
    .news-detail-meta {
        flex-direction: column;
        gap: 0.75rem;
        font-size: 0.85rem;
    }
    
    .news-detail-meta .meta-left {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .news-detail-meta .meta-right {
        width: 100%;
        justify-content: flex-start;
    }
    
    .news-detail-categories {
        width: 100%;
        margin-bottom: 0.25rem;
    }
    
    .news-detail-category {
        font-size: 0.75rem;
        padding: 3px 8px;
    }
    
    .news-detail-date,
    .news-detail-author,
    .news-detail-views {
        font-size: 0.8rem;
    }
    
    .news-detail-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .news-detail-meta {
        font-size: 0.8rem;
    }
    
    .news-detail-category {
        font-size: 0.7rem;
        padding: 2px 6px;
    }
    
    .news-detail-date,
    .news-detail-author,
    .news-detail-views {
        font-size: 0.75rem;
    }
    
    .news-detail-title {
        font-size: 1.3rem;
    }
}

.news-detail-image {
    margin-bottom: 1.5rem;
}

.news-detail-image img {
    width: 100%;
    border-radius: 5px;
}

.news-detail-content {
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    overflow-wrap: break-word;
}

/* Haber içeriğindeki resimlerin taşmasını önle */
.news-detail-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 1rem auto;
}

/* CKEditor içeriği için genel stil kuralları */
.ck-content img {
    max-width: 100% !important;
    height: auto !important;
}

.news-tags {
    margin: 1.5rem 0;
}

.news-tag {
    display: inline-block;
    background-color: #f8f9fa;
    padding: 3px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    font-size: 0.8rem;
    color: #6c757d;
}

.news-tag:hover {
    background-color: #e9ecef;
}

/* Paylaşım Butonları */
.news-share {
    margin: 1.5rem 0;
    display: flex;
    align-items: center;
}

.share-title {
    font-weight: 500;
    margin-right: 1rem;
}

.share-buttons {
    display: inline-block;
}

.share-button {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    color: #fff;
    font-size: 1rem;
}

.share-button.facebook {
    background-color: #3b5998;
}

.share-button.twitter {
    background-color: #1da1f2;
}

.share-button.whatsapp {
    background-color: #25d366;
}

.share-button.telegram {
    background-color: #0088cc;
}

.share-button:hover {
    opacity: 0.9;
    color: #fff;
}

/* Dikey Paylaşım Butonları */
.news-share-vertical.desktop-share {
    position: fixed;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

.news-share-vertical.mobile-share {
    display: none; /* Mobil görünüm dışında gizle */
}

.share-buttons-vertical {
    display: flex;
    flex-direction: column;
}

.share-buttons-vertical .share-button {
    margin-bottom: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.share-buttons-vertical .share-button:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

/* Sosyal Medya Butonları Renkleri */
.share-button.facebook {
    background-color: #3b5998;
}

.share-button.twitter {
    background-color: #1da1f2;
}

.share-button.whatsapp {
    background-color: #25d366;
}

.share-button.telegram {
    background-color: #0088cc;
}

.share-button.pinterest {
    background-color: #bd081c;
}

.share-button.linkedin {
    background-color: #0077b5;
}

.share-button.email {
    background-color: #777;
}

.share-button:hover {
    opacity: 0.9;
    color: #fff;
}

/* Mobil Cihazlar İçin Responsive Ayarlar */
@media (max-width: 768px) {
    /* Masaüstü paylaşım butonlarını gizle */
    .news-share-vertical.desktop-share {
        display: none;
    }
    
    /* Mobil paylaşım butonlarını göster */
    .news-share-vertical.mobile-share {
        display: block;
        position: static;
        margin: 20px 0;
        width: 100%;
        padding: 10px 0;
        background: transparent;
        box-shadow: none;
    }
    
    .share-buttons-vertical {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .share-buttons-vertical .share-button {
        margin: 5px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    
    /* Karanlık mod ve yazı büyütme butonlarıyla çakışmaması için margin ekle */
    .news-detail-content {
        margin-bottom: 20px;
    }
    
    /* Mobil görünümde sayfa altında 50px boşluk bırak */
    .news-detail {
        margin-bottom: 50px;
    }
}

/* Arama Sayfası */
.search-header {
    margin-bottom: 2rem;
}

.search-title {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.search-info {
    color: #6c757d;
    font-size: 1rem;
}

.popular-searches {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 0.25rem;
}

.popular-searches h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag-item {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background-color: #e9ecef;
    border-radius: 50px;
    color: #495057;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.tag-item:hover {
    background-color: #0056b3;
    color: #fff;
}

/* Gelişmiş Arama Sayfası */
.advanced-search-form {
    padding: 1rem 0;
}

.advanced-search-form .form-label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.advanced-search-form .form-control,
.advanced-search-form .form-select {
    border-color: #ced4da;
    padding: 0.5rem 1rem;
}

.advanced-search-form .form-control:focus,
.advanced-search-form .form-select:focus {
    border-color: #0056b3;
    box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
}

.advanced-search-form .btn-primary {
    background-color: #0056b3;
    border-color: #0056b3;
    padding: 0.5rem 2rem;
    font-weight: 600;
}

.advanced-search-form .btn-primary:hover {
    background-color: #003d7a;
    border-color: #003d7a;
}

.advanced-search-form .btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

.advanced-search-form .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
}

.search-results {
    margin-top: 2rem;
}

.search-results .section-title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 0.5rem;
}

/* Popüler Aramalar ve Etiket Bulutu */
.popular-searches {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.popular-searches h3 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.tag-item {
    display: inline-block;
    padding: 8px 15px;
    background-color: #f8f9fa;
    border-radius: 20px;
    color: #333;
    font-size: 14px;
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid #e9ecef;
}

.tag-item:hover {
    background-color: #007bff;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}

/* Yorum Bölümü */
.comments-section {
    margin-top: 2rem;
}

.comment {
    background-color: #fff;
    border-radius: 5px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.comment-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    color: #6c757d;
    font-size: 0.9rem;
}

.comment-author {
    font-weight: 600;
    color: #333;
}

.comment-content {
    margin-bottom: 0;
}

.comment-form {
    background-color: #fff;
    border-radius: 5px;
    padding: 1.5rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Kategori Sayfası */
.category-header {
    background-color: #0056b3;
    color: #fff;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 5px;
}

.category-title {
    margin: 0;
    font-size: 1.8rem;
}

/* Arama Sayfası */
.search-header {
    background-color: #f8f9fa;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    border: 1px solid #e9ecef;
}

.search-title {
    margin: 0;
    font-size: 1.5rem;
}

.search-form {
    margin-top: 1rem;
}

/* Arşiv Sayfası */
.archive-header {
    background-color: #f8f9fa;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    border: 1px solid #e9ecef;
}

.archive-title {
    margin: 0;
    font-size: 1.5rem;
}

.archive-filter {
    margin-top: 1rem;
}

/* İletişim Sayfası */
.contact-form {
    background-color: #fff;
    border-radius: 5px;
    padding: 1.5rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.contact-info-box {
    background-color: #fff;
    border-radius: 5px;
    padding: 1.5rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.contact-info-item {
    margin-bottom: 1rem;
}

.contact-info-item i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #0056b3;
    color: #fff;
    border-radius: 50%;
    margin-right: 0.5rem;
    font-size: 0.8rem;
}

/* Duyarlı Tasarım */
@media (max-width: 991.98px) {
    .main-featured-news {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .featured-title {
        font-size: 1.3rem;
    }
    
    .news-detail-title {
        font-size: 1.5rem;
    }
    
    .sub-featured-news {
        margin-bottom: 1rem;
    }
}

@media (max-width: 992px) {
    .manset-title {
        font-size: 1.8rem;
    }
    
    .manset-description {
        font-size: 1rem;
    }
}

/* Mobil Uyumluluk - Manşet Slider */
@media (max-width: 768px) {
    /* Container'ın taşmasını engelle */
    .manset-slider {
        margin-bottom: 1.5rem;
        overflow: hidden;
    }
    
    .manset-slider .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .manset-slider .col-lg-8,
    .manset-slider .col-lg-4 {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Manşet container mobil düzenlemesi */
    .manset-container {
        border-radius: 0;
        box-shadow: none;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
    }
    
    /* Carousel mobil düzenlemesi */
    .carousel-inner {
        overflow: hidden;
        width: 100%;
    }
    
    .carousel-item {
        width: 100%;
    }
    
    .manset-image-container {
        width: 100%;
        overflow: hidden;
    }
    
    .manset-image-container img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
    
    /* Manşet başlık mobil düzenlemesi */
    .manset-title {
        font-size: 1.2rem;
    }
    
    .manset-category {
        font-size: 0.7rem;
        padding: 3px 8px;
    }
    
    .manset-overlay {
        padding: 15px 10px 10px;
    }
    
    /* Pagination mobil düzenlemesi */
    .manset-pagination {
        padding: 8px 0;
        overflow: hidden;
        width: 100%;
    }
    
    .pagination-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 5px;
        padding: 0 10px;
    }
    
    .manset-number {
        width: 28px;
        height: 28px;
        font-size: 0.85rem;
        margin: 0 3px;
        cursor: pointer;
    }
    
    /* Sağ slider mobilde gizle veya alta al */
    .son-dakika-slider {
        margin-top: 1rem;
    }
    
    .son-dakika-image-container {
        height: 250px;
    }
    
    .son-dakika-title {
        font-size: 1.1rem;
    }
}

/* Çok küçük ekranlar için */
@media (max-width: 576px) {
    .manset-title {
        font-size: 1rem;
    }
    
    .manset-number {
        width: 25px;
        height: 25px;
        font-size: 0.75rem;
        margin: 0 2px;
    }
    
    .manset-category {
        font-size: 0.65rem;
        padding: 2px 6px;
    }
    
    .pagination-container {
        gap: 3px;
        padding: 0 5px;
    }
}

/* Kategori bazlı haberler için resim düzenlemeleri */
.category-main-news .news-img {
    height: 220px;
    overflow: hidden;
}

.category-sub-news .news-img {
    height: 100px;
    overflow: hidden;
}

.category-main-news .news-img img,
.category-sub-news .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Karanlık Tema */
body.dark-mode {
    background-color: #222;
    color: #f8f9fa;
}

body.dark-mode a {
    color: #8ab4f8;
}

body.dark-mode a:hover {
    color: #aecbfa;
}

body.dark-mode .navbar-dark {
    background-color: #111 !important;
}

body.dark-mode .breaking-news,
body.dark-mode .main-featured-news,
body.dark-mode .sub-featured-news,
body.dark-mode .news-card,
body.dark-mode .sidebar-widget,
body.dark-mode .news-detail,
body.dark-mode .comment,
body.dark-mode .comment-form,
body.dark-mode .contact-form,
body.dark-mode .contact-info-box {
    background-color: #333;
    color: #f8f9fa;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

body.dark-mode .breaking-news {
    background-color: #222;
    border-color: #444;
}

body.dark-mode .section-title {
    border-color: #444;
}

body.dark-mode .news-title,
body.dark-mode .featured-title,
body.dark-mode .sub-featured-title,
body.dark-mode .popular-news-content h4 {
    color: #f8f9fa;
}

body.dark-mode .news-excerpt,
body.dark-mode .featured-excerpt,
body.dark-mode .news-date,
body.dark-mode .news-views {
    color: #adb5bd;
}

body.dark-mode .popular-news-item {
    border-color: #444;
}

body.dark-mode .news-tag {
    background-color: #444;
    color: #adb5bd;
}

body.dark-mode .news-tag:hover {
    background-color: #555;
}

body.dark-mode .news-share,
body.dark-mode .news-detail-meta {
    border-color: #444;
}

body.dark-mode .search-header,
body.dark-mode .archive-header {
    background-color: #333;
    border-color: #444;
}

/* Yazı Tipi Boyutu Kontrolleri */
.font-size-controls {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    padding: 5px;
    z-index: 1000;
}

body.dark-mode .font-size-controls {
    background-color: #333;
}

.font-size-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #f8f9fa;
    border: none;
    border-radius: 3px;
    margin: 0 2px;
    cursor: pointer;
}

body.dark-mode .font-size-btn {
    background-color: #444;
    color: #f8f9fa;
}

.font-size-btn:hover {
    background-color: #e9ecef;
}

body.dark-mode .font-size-btn:hover {
    background-color: #555;
}

/* Tema Değiştirici */
.theme-switch {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    padding: 5px 15px;
    display: flex;
    align-items: center;
    z-index: 1000;
    cursor: pointer;
}

body.dark-mode .theme-switch {
    background-color: #333;
}

.theme-switch-icon {
    font-size: 1.2rem;
    margin-right: 5px;
}

.theme-switch-text {
    font-size: 0.9rem;
    font-weight: 500;
}

body.dark-mode .theme-switch-text {
    color: #f8f9fa;
}

/* Sayfalayıcı */
.pagination {
    margin-top: 2rem;
}

.pagination .page-item.active .page-link {
    background-color: #0056b3;
    border-color: #0056b3;
}

.pagination .page-link {
    color: #0056b3;
}

body.dark-mode .pagination .page-link {
    background-color: #333;
    border-color: #444;
    color: #8ab4f8;
}

body.dark-mode .pagination .page-item.active .page-link {
    background-color: #0056b3;
    border-color: #0056b3;
}

/* Uyarı Kutuları */
.alert {
    border-radius: 5px;
    padding: 1rem;
    margin-bottom: 1rem;
}

/* Yükleme Animasyonu */
.loading {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    border-top-color: #0056b3;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

body.dark-mode .loading {
    border-color: rgba(255,255,255,0.1);
    border-top-color: #8ab4f8;
}

/* Yazarlar Slider */
.authors-slider {
    position: relative;
    padding: 20px 0;
    margin-bottom: 20px;
}

.authors-swiper {
    padding: 10px 40px;
}

.author-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    min-width: 180px;
}

.author-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.author-img {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #f8f9fa;
}

.author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-name {
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 5px;
}

.article-count {
    color: #6c757d;
    font-size: 0.8rem;
}

.authors-swiper .swiper-button-next,
.authors-swiper .swiper-button-prev {
    color: #0056b3;
    width: 30px;
    height: 30px;
}

.authors-swiper .swiper-button-next:after,
.authors-swiper .swiper-button-prev:after {
    font-size: 20px;
}

body.dark-mode .author-card {
    background-color: #333;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

body.dark-mode .author-name {
    color: #f8f9fa;
}

body.dark-mode .article-count {
    color: #adb5bd;
}

body.dark-mode .author-img {
    border-color: #444;
}

body.dark-mode .authors-swiper .swiper-button-next,
body.dark-mode .authors-swiper .swiper-button-prev {
    color: #8ab4f8;
}

/* Makale İçeriği Genişlik Düzeltmesi */
.news-detail-content.haber-style {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.news-detail-content.haber-style img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

.news-detail-content.haber-style p,
.news-detail-content.haber-style div,
.news-detail-content.haber-style table,
.news-detail-content.haber-style iframe,
.news-detail-content.haber-style figure {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Haber Article Stili */
.haber-article {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.haber-article .news-detail-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 0 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

/* İç içe geçmiş elementlerin genişliğini düzenle */
.haber-article .news-detail-content * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.haber-article .news-detail-content img,
.haber-article .news-detail-content iframe,
.haber-article .news-detail-content video,
.haber-article .news-detail-content table,
.haber-article .news-detail-content embed,
.haber-article .news-detail-content object {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Makale container için özel stil */
.container .row .col-lg-8 .haber-article {
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden !important;
}

/* CKEditor tarafından eklenen genişlik sınırlamalarını kaldır */
.news-detail-content.haber-style [style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Makale içindeki tüm elementlerin genişliğini düzenle */
.news-detail-content.haber-style *:not(br):not(hr) {
    width: 100% !important;
    max-width: 100% !important;
}

/* Tam genişlik içerik sınıfı */
.full-width-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.full-width-content * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.full-width-content img,
.full-width-content iframe,
.full-width-content video,
.full-width-content table,
.full-width-content figure {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* CKEditor tarafından eklenen inline stil düzeltmeleri */
.full-width-content [style*="width"],
.full-width-content [style*="margin"],
.full-width-content [style*="padding"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* CKEditor içerik genişliği düzeltmeleri */
.news-detail-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.news-detail-content p,
.news-detail-content div,
.news-detail-content h1,
.news-detail-content h2,
.news-detail-content h3,
.news-detail-content h4,
.news-detail-content h5,
.news-detail-content h6,
.news-detail-content ul,
.news-detail-content ol,
.news-detail-content table,
.news-detail-content blockquote {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Makale sayfası için özel stiller */
.news-detail {
    width: 100% !important;
}

.news-detail article {
    width: 100% !important;
}

/* Resim ve medya elementleri için özel stiller */
.news-detail-content img,
.news-detail-content iframe,
.news-detail-content video,
.news-detail-content embed,
.news-detail-content object {
    max-width: 100% !important;
    height: auto !important;
}

/* Reklam container stilleri */
.reklam-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

/* Sidebar içindeki reklam container'ları için özel stiller */
.col-lg-4 .reklam-container {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

/* Reklam resimleri için stiller */
.reklam-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Kontrastlı Renk Düzeltmeleri - Erişilebilirlik */
/* "Tümünü Gör" bağlantıları - Sarı metni koyu renge değiştir */
.view-all {
    color: #0d47a1 !important;
    text-decoration: none;
    font-weight: 500;
}

.view-all:hover {
    color: #1565c0 !important;
    text-decoration: underline;
}

/* "ÖNE ÇIKAN HABERLER" başlığı */
.son-dakika-baslik {
    color: #212529 !important;
    font-weight: 600;
    background-color: #f8f9fa;
    padding: 12px 15px;
    border-bottom: 3px solid #dc3545;
    margin-bottom: 15px;
    border-radius: 4px 4px 0 0;
}

.son-dakika-baslik span {
    color: #212529 !important;
    font-weight: 600;
    background-color: transparent;
}

/* Tarih bilgileri */
.date {
    color: #495057 !important;
    font-weight: 500;
}

/* Galeri ve Video sidebar başlıkları */
.gallery-sidebar,
.video-gallery-sidebar {
    color: #212529 !important;
}

/* Video başlıkları - Kırmızı renk düzeltmesi */
.video-gallery-sidebar h3 {
    color: #212529 !important;
}

h3[style*="color: #dc3545"] {
    color: #212529 !important;
}

/* Bootstrap btn-outline-danger kontrastlı renk düzeltmesi */
.btn-outline-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-outline-danger:hover {
    color: #fff !important;
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

/* Footer bağlantıları - Kontrastlı renk */
footer a {
    color: #ffffff !important;
    text-decoration: none;
}

footer a:hover {
    color: #e0e0e0 !important;
    text-decoration: underline;
}

footer .social-icon {
    color: #ffffff !important;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.3s ease;
}

footer .social-icon:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

footer .footer-links a {
    color: #ffffff !important;
}

footer .footer-links a:hover {
    color: #e0e0e0 !important;
}

/* Arama formu kontrastlı renk düzeltmesi */
#searchForm .form-control {
    background-color: #ffffff !important;
    color: #212529 !important;
    border-color: #dee2e6 !important;
}

#searchForm .form-control::placeholder {
    color: #6c757d !important;
}

#searchForm .form-control:focus {
    background-color: #ffffff !important;
    color: #212529 !important;
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

#searchForm .btn-outline-light {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background-color: transparent;
}

#searchForm .btn-outline-light:hover {
    color: #212529 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}