/* === HABER DETAY SAYFASI - GLOBAL TEMA UYUMLU === */
/* Global tema değişkenleri kullanılıyor - çakışma yok */

/* Haber detay sayfası özel değişkenler (global tema ile uyumlu) */
.news-detail-main {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px 100px;
  padding-top: calc(var(--header-height, 70px) - 16px) !important; /* Header'a çok daha yakın - boşluk azaltıldı */
  width: 100%;
  box-sizing: border-box;
  position: relative;
  transition: none !important; /* Layout değişikliklerini önle */
}

/* Dark mode desteği */
.dark-mode .news-detail-main {
  background: var(--bg-primary, #0a0e27);
  color: var(--text-primary, #ffffff);
}

/* Butonlar - Global tema uyumlu */
.btn{
  padding:10px 18px;
  border-radius:var(--radius-full, 999px);
  border:1px solid var(--border, rgba(15,23,42,.08));
  background:transparent;
  color:var(--text-primary, #0f172a);
  font-weight:600;
  cursor:pointer;
  transition:all 0.3s ease;
  text-decoration:none;
  display:inline-block;
}
.dark-mode .btn{
  border-color:var(--border, rgba(255,255,255,.1));
  color:var(--text-primary, #ffffff);
}
.btn.primary{
  background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2));
  border:none;
  color:#fff;
  box-shadow:var(--shadow-md, 0 4px 16px rgba(102,126,234,.3));
}
.btn.ghost{
  background:var(--bg-secondary, #f8fafc);
  border:1px solid var(--border, rgba(15,23,42,.08));
}
.dark-mode .btn.ghost{
  background:var(--bg-secondary, #1a1f3a);
  border-color:var(--border, rgba(255,255,255,.1));
}
.btn.fill{
  width:100%;
}
.btn:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.08));
  opacity:0.9;
}

.skip-link{
  position:absolute;
  left:-999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.skip-link:focus{
  left:16px;
  top:16px;
  padding:8px 14px;
  background:var(--accent, #667eea);
  color:#fff;
  border-radius:8px;
  z-index:10001;
}

/* ============================================
   EDITORIAL LAYOUT - PROFESYONEL HABER TASARIMI
   ============================================ */

/* Hero Overlay Content - Modern ve Hizalı */
.hero-overlay-content{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  top:auto;
  background:linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 60%, transparent 100%);
  padding:clamp(24px, 4vw, 40px) clamp(20px, 3vw, 32px);
  z-index:10;
  min-height:auto;
  display:flex;
  align-items:flex-end;
  width:100%;
}
.hero-overlay-inner{
  max-width:100%;
  display:flex;
  flex-direction:column;
  gap:clamp(12px, 2vw, 16px);
  align-items:center;
  text-align:center;
  width:100%;
}
.hero-category-badge{
  display:inline-block;
  background:linear-gradient(135deg, #667eea, #764ba2);
  color:white;
  padding:clamp(5px, 1vw, 8px) clamp(12px, 2vw, 16px);
  border-radius:8px;
  font-size:clamp(11px, 1.5vw, 13px);
  font-weight:700;
  letter-spacing:0.5px;
  text-transform:uppercase;
  box-shadow:0 4px 12px rgba(102,126,234,0.4);
  margin:0 auto;
}
.hero-title-overlay{
  color:white;
  font-size:clamp(24px, 4.5vw, 42px);
  font-weight:900;
  line-height:1.2;
  margin:0;
  text-shadow:0 2px 12px rgba(0,0,0,0.5), 0 4px 24px rgba(0,0,0,0.3);
  letter-spacing:-0.02em;
  word-wrap:break-word;
  overflow-wrap:break-word;
  width:100%;
  text-align:center;
}

/* Hero Figure - Görsel Üstte */
.hero-figure{
  margin:16px 0 32px !important;
  border-radius:var(--radius-lg, 16px) !important;
  overflow:hidden !important;
  background:var(--bg-secondary, #f8fafc) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.15) !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:300px !important;
}

/* Hero Image Container - Overlay için gerekli */
.hero-image-container {
  position:relative !important;
  width:100% !important;
  height:100% !important;
  min-height:300px !important;
  max-height:700px !important;
  overflow:hidden !important;
}
.dark-mode .hero-figure{
  background:var(--bg-secondary, #1a1f3a) !important;
}
.hero-figure img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  object-fit:cover !important;
  max-height:600px !important;
  min-height:300px !important;
  position:relative !important;
  z-index:1 !important;
  background:var(--bg-secondary, #f8fafc) !important;
}
.dark-mode .hero-figure img{
  background:var(--bg-secondary, #1a1f3a) !important;
}
.hero-figure figcaption{
  color:var(--text-secondary, #475569);
  font-size:14px;
  margin-top:12px;
  padding:0 16px 16px;
  font-style:italic;
  text-align:center;
}
.dark-mode .hero-figure figcaption{
  color:var(--text-secondary, #b8c5d6);
}

/* Article Header - Başlık ve Meta Bilgiler - NORMAL AKIŞ */
.article-header-editorial{
  margin-bottom:32px;
  padding-bottom:24px;
  padding-top:0;
  border-bottom:2px solid var(--border, rgba(15,23,42,.08));
  position:relative !important;
  width:100%;
  max-width:100%;
  background:transparent !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:1 !important;
  transform:none !important;
}

.article-header-content{
  width:100%;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:0;
  box-sizing:border-box;
  padding:0;
  margin:0 auto;
}

/* Breadcrumb Styling - Modernize Premium Design */
.breadcrumb-nav{
  margin:0 !important;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  position:relative;
  z-index:1;
}

.breadcrumb-nav > div{
  display:flex !important;
  align-items:center !important;
  gap:clamp(8px, 1.5vw, 12px) !important;
  flex-wrap:wrap !important;
  font-size:clamp(13px, 2vw, 14px) !important;
  line-height:1.5 !important;
}

.breadcrumb-nav .breadcrumb-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-primary, #0f172a);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
  padding: 6px 12px;
  margin: 0;
  border-radius: 8px;
  background: rgba(102,126,234,0.05);
  border: 1px solid rgba(102,126,234,0.1);
  box-sizing: border-box;
}

.breadcrumb-nav .breadcrumb-link:hover {
  color: var(--accent, #667eea);
  background: rgba(102,126,234,0.06);
  border-color: rgba(102,126,234,0.15);
  transform: none;
  box-shadow: none;
  opacity: 0.85;
}

.breadcrumb-nav .breadcrumb-current {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-primary, #0f172a);
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(102,126,234,0.12), rgba(118,75,162,0.12));
  border: 1px solid rgba(102,126,234,0.2);
}

.breadcrumb-nav .separator {
  color: var(--text-tertiary, #94a3b8);
  padding: 0 4px;
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  opacity: 0.5;
}

.breadcrumb-nav .meta-icon {
  font-size: 1em;
  display: inline-block;
  line-height: 1;
}

.dark-mode .breadcrumb-nav .breadcrumb-link {
  color: var(--text-primary, #ffffff);
  background: rgba(102,126,234,0.12);
  border-color: rgba(102,126,234,0.2);
}

.dark-mode .breadcrumb-nav .breadcrumb-link:hover {
  color: var(--accent, #818cf8);
  background: rgba(102,126,234,0.18);
  border-color: rgba(102,126,234,0.3);
}

.dark-mode .breadcrumb-nav .breadcrumb-current {
  color: var(--text-primary, #ffffff);
  background: linear-gradient(135deg, rgba(102,126,234,0.18), rgba(118,75,162,0.18));
  border-color: rgba(102,126,234,0.3);
}

.dark-mode .breadcrumb-nav .separator {
  color: var(--text-tertiary, #64748b);
}
.dark-mode .article-header-editorial{
  border-bottom-color:var(--border, rgba(255,255,255,.1));
}
body[data-theme="editorial"] .article-header-editorial{
  border-bottom-color:var(--border, rgba(20,23,42,.15));
}

.article-category-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:24px;
  background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2)) !important;
  color:#fff !important;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin:0 auto clamp(16px, 2.5vw, 20px) auto;
  box-shadow:0 2px 8px rgba(102,126,234,0.2);
  transition:all 0.3s ease;
  border:none !important;
  outline:none !important;
  position:relative !important;
  z-index:1 !important;
  vertical-align:baseline;
  line-height:1.2;
  text-align:center;
}
.article-category-badge:hover{
  transform:translateY(-1px);
  box-shadow:0 2px 8px rgba(102,126,234,0.2);
  opacity:0.95;
}
.dark-mode .article-category-badge{
  box-shadow:0 2px 8px rgba(102,126,234,0.3);
  background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2)) !important;
  color:#fff !important;
}

.article-title-editorial{
  margin:0 0 clamp(20px, 3vw, 28px);
  padding:0;
  font-size:clamp(32px, 5vw, 56px);
  line-height:1.2;
  font-weight:900;
  color:var(--text-primary, #0f172a);
  text-transform:none;
  user-select:text !important;
  -webkit-user-select:text !important;
  -moz-user-select:text !important;
  -ms-user-select:text !important;
  cursor:text !important;
  word-wrap:break-word;
  overflow-wrap:break-word;
  hyphens:auto;
  max-width:100%;
  width:100%;
  display:block;
  position:relative !important;
  z-index:1 !important;
  font-family:var(--font-display, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  letter-spacing:-0.02em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  text-shadow:0 1px 2px rgba(0,0,0,0.02);
}

.dark-mode .article-title-editorial {
  color:var(--text-primary, #ffffff);
  text-shadow:0 1px 2px rgba(0,0,0,0.3);
  background:transparent !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  letter-spacing:-0.02em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.dark-mode .article-title-editorial{
  color:var(--text-primary, #ffffff);
}
body[data-theme="editorial"] .article-title-editorial{
  font-family:"Playfair Display",serif;
  font-weight:600;
}

/* Meta Bilgiler - STICKY CONTAINER (Header'ın altında sabit kalır) */
.article-meta-editorial{
  position:relative;
  margin-top:16px;
}

/* STICKY META CONTAINER - Header'ın altında sabit kalır */
/* KRİTİK: Tüm çakışmaları override et - z-index artırıldı */
.sticky-meta-container,
.article-meta-editorial.sticky-meta-container,
body .sticky-meta-container,
html .sticky-meta-container,
* .sticky-meta-container {
  position:sticky !important;
  top:calc(var(--header-height, 70px) + 20px) !important;
  z-index:99998 !important; /* Header'dan (99999) bir alt - KRİTİK DEĞİŞİKLİK */
  background:var(--bg-secondary, #f8fafc) !important;
  border-radius:var(--radius-lg, 16px) !important;
  padding:12px 16px !important;
  margin:20px 0 !important;
  box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.12)) !important;
  border:1px solid var(--border, rgba(15,23,42,.08)) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  transition:all 0.3s ease !important;
  will-change:transform, opacity !important;
  transform:translateZ(0) !important; /* GPU acceleration */
  -webkit-transform:translateZ(0) !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
}
.dark-mode .sticky-meta-container,
.dark-mode .article-meta-editorial.sticky-meta-container {
  background:var(--bg-secondary, #1a1f3a) !important;
  border-color:var(--border, rgba(255,255,255,.1)) !important;
  box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.3)) !important;
}

.meta-items-wrapper{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  justify-content:center;
}

.meta-item{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:var(--radius-md, 8px);
  background:var(--bg-primary, #ffffff);
  transition:all 0.2s ease;
  color:var(--text-secondary, #475569);
}
.dark-mode .meta-item{
  background:var(--bg-primary, #0a0e27);
  color:var(--text-secondary, #b8c5d6);
}
.meta-item:hover{
  background:var(--bg-tertiary, #f1f5f9);
  transform:none;
  box-shadow:none;
  opacity:0.85;
}
.dark-mode .meta-item:hover{
  background:var(--bg-tertiary, #2a2f4a);
}

.meta-icon{
  font-size:16px;
  opacity:0.8;
  filter:grayscale(0);
  transition:all 0.2s ease;
}
.meta-item:hover .meta-icon{
  opacity:1;
  transform:scale(1.1);
}

.meta-text{
  font-weight:500;
  color:var(--text-secondary, #475569);
  font-size:14px;
}
.dark-mode .meta-text{
  color:var(--text-secondary, #b8c5d6);
}

/* Responsive Meta - Mobilde normal akışa döner */
@media(max-width:768px){
  .sticky-meta-container{
    position:relative !important;
    top:0 !important;
    margin:16px 0 !important;
  }
  
  .meta-items-wrapper{
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:8px;
    gap:12px;
  }
  
  .meta-item{
    flex-shrink:0;
    gap:4px;
    font-size:13px;
  }
  
  .article-meta-editorial{
    gap:12px;
    font-size:13px;
  }
}

/* Stage grid kaldırıldı - artık kullanılmıyor */

.news-detail-content-grid{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:28px;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin-top:0 !important; /* Üstten boşluk yok */
  margin-bottom:0;
  padding-top:0;
  position:relative;
  min-height:0;
}
.news-detail-article{
  background:var(--bg-secondary, #f8fafc);
  border-radius:var(--radius-xl, 20px);
  padding:40px;
  box-shadow:var(--shadow-lg, 0 8px 32px rgba(0,0,0,.16));
  border:1px solid var(--border, rgba(15,23,42,.08));
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
  transition: none !important; /* Layout değişikliklerini önle */
  min-width: 0; /* Grid overflow sorununu önle */
  grid-column: 1;
  position:relative;
}
.dark-mode .news-detail-article{
  background:var(--bg-secondary, #1a1f3a);
  border-color:var(--border, rgba(255,255,255,.1));
}
body[data-theme="editorial"] .news-detail-article{
  background:var(--bg-primary, #ffffff);
  padding:48px;
}
.dark-mode body[data-theme="editorial"] .news-detail-article{
  background:var(--bg-primary, #0a0e27);
}
.article-body {
  font-size: clamp(17px, 2vw, 19px);
  line-height: 1.8;
  color: var(--text-primary, #1e293b);
  font-family: var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.dark-mode .article-body {
  color: var(--text-primary, #cbd5e1);
}
.article-body p{
  font-size: clamp(17px, 2vw, 19px);
  color:var(--text-primary, #1e293b);
  margin-bottom: clamp(16px, 2.5vw, 24px);
  line-height:1.8;
  text-align: justify;
  text-justify: inter-word;
  orphans: 3;
  widows: 3;
}
.dark-mode .article-body p{
  color:var(--text-primary, #cbd5e1);
}
.article-body h2 {
  font-size: clamp(24px, 3.5vw, 32px);
  font-weight: 800;
  line-height: 1.3;
  margin: clamp(32px, 4vw, 48px) 0 clamp(16px, 2vw, 24px);
  color: var(--text-primary, #0f172a);
  letter-spacing: -0.01em;
  font-family: var(--font-display, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}
.dark-mode .article-body h2 {
  color: var(--text-primary, #ffffff);
}
.article-body h3 {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 700;
  line-height: 1.4;
  margin: clamp(24px, 3vw, 32px) 0 clamp(12px, 1.5vw, 16px);
  color: var(--text-primary, #0f172a);
  font-family: var(--font-display, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}
.dark-mode .article-body h3 {
  color: var(--text-primary, #ffffff);
}
.article-body h4 {
  font-size: clamp(18px, 2.5vw, 20px);
  font-weight: 600;
  line-height: 1.5;
  margin: clamp(20px, 2.5vw, 24px) 0 clamp(12px, 1.5vw, 16px);
  color: var(--text-primary, #0f172a);
  font-family: var(--font-display, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}
.dark-mode .article-body h4 {
  color: var(--text-primary, #ffffff);
}
.article-body strong {
  font-weight: 700;
  color: var(--text-primary, #0f172a);
}
.dark-mode .article-body strong {
  color: var(--text-primary, #ffffff);
}
.article-body a {
  color: var(--premium-primary, #667eea);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: all 0.2s ease;
}
.article-body a:hover {
  color: var(--premium-secondary, #764ba2);
  text-decoration-thickness: 2px;
}
.dark-mode .article-body a {
  color: var(--premium-primary, #818cf8);
}
.dark-mode .article-body a:hover {
  color: var(--premium-secondary, #a78bfa);
}
.article-body ul,
.article-body ol {
  margin: clamp(16px, 2vw, 24px) 0;
  padding-left: clamp(24px, 3vw, 32px);
  color: var(--text-primary, #1e293b);
  line-height: 1.8;
}
.dark-mode .article-body ul,
.dark-mode .article-body ol {
  color: var(--text-primary, #cbd5e1);
}
.article-body li {
  margin-bottom: clamp(8px, 1vw, 12px);
}
.article-body blockquote{
  margin: clamp(24px, 3vw, 32px) 0;
  padding: clamp(16px, 2vw, 24px);
  border-left:4px solid var(--premium-primary, #667eea);
  background:var(--bg-secondary, #f8fafc);
  border-radius: 0 var(--radius-md, 10px) var(--radius-md, 10px) 0;
  font-style:italic;
  color:var(--text-secondary, #475569);
}
.dark-mode .article-body blockquote{
  background:var(--bg-secondary, #1e293b);
  border-left-color: var(--premium-primary, #818cf8);
  color:var(--text-secondary, #94a3b8);
}
.article-body img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 16px);
  margin: clamp(24px, 3vw, 32px) 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.dark-mode .article-body img {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.content-paragraph{
  font-size:18px;
  line-height:1.8;
  color:var(--text-primary, #0f172a);
  margin-bottom:18px;
}
.dark-mode .content-paragraph{
  color:var(--text-primary, #ffffff);
}
.news-detail-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0;
}
.news-detail-tags .tag{
  padding:6px 12px;
  border-radius:999px;
  background:var(--bg-tertiary, #f1f5f9);
  font-size:14px;
  color:var(--text-secondary, #475569);
  text-decoration:none;
  transition:all 0.3s ease;
}
.dark-mode .news-detail-tags .tag{
  background:var(--bg-tertiary, #252b45);
  color:var(--text-secondary, #b8c5d6);
}
.news-detail-tags .tag:hover{
  background:var(--accent, #667eea);
  color:#fff;
  transform:translateY(-1px);
  opacity:0.9;
}

/* Modern Paylaşım Bölümü - 2025 Ultra */
.news-detail-share-modern{
  margin-top:24px;
  padding:20px;
  background:linear-gradient(135deg, rgba(248,250,252,0.95), rgba(255,255,255,0.98));
  border-radius:16px;
  border:1px solid var(--border, rgba(15,23,42,.08));
  box-shadow:0 4px 20px rgba(0,0,0,0.06);
}
.dark-mode .news-detail-share-modern{
  background:linear-gradient(135deg, rgba(26,31,58,0.95), rgba(15,23,42,0.98));
  border-color:var(--border, rgba(255,255,255,.12));
}
.share-header{
  text-align:center;
  margin-bottom:16px;
}
.share-header h3{
  margin:0 0 4px 0;
  font-size:18px;
  font-weight:700;
  color:var(--text-primary, #0f172a);
}
.share-subtitle{
  margin:0;
  font-size:13px;
  color:var(--text-secondary, #64748b);
}
.dark-mode .share-header h3{
  color:var(--text-primary, #ffffff);
}
.dark-mode .share-subtitle{
  color:var(--text-secondary, #94a3b8);
}
.share-buttons-modern{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  justify-content:center;
  align-items:center;
  overflow-x:auto;
  padding:4px 0;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.share-buttons-modern::-webkit-scrollbar{
  height:4px;
}
.share-buttons-modern::-webkit-scrollbar-track{
  background:transparent;
}
.share-buttons-modern::-webkit-scrollbar-thumb{
  background:var(--border, rgba(15,23,42,.2));
  border-radius:2px;
}
.share-btn-modern{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:10px 16px;
  min-width:80px;
  flex-shrink:0;
  border-radius:10px;
  background:var(--bg-primary, #ffffff);
  border:2px solid var(--border, rgba(15,23,42,.1));
  color:var(--text-primary, #0f172a);
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
.share-btn-modern:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
  border-color:var(--accent, #667eea);
}
.share-btn-modern.facebook:hover{
  background:#1877f2;
  color:#fff;
  border-color:#1877f2;
}
.share-btn-modern.twitter:hover{
  background:#1da1f2;
  color:#fff;
  border-color:#1da1f2;
}
.share-btn-modern.whatsapp:hover{
  background:#25d366;
  color:#fff;
  border-color:#25d366;
}
.share-btn-modern.copy:hover{
  background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2));
  color:#fff;
  border-color:transparent;
}
.share-btn-modern.save:hover{
  background:linear-gradient(135deg, #fbbf24, #f59e0b);
  color:#fff;
  border-color:transparent;
}
.share-btn-modern.highlight:hover{
  background:linear-gradient(135deg, #a78bfa, #8b5cf6);
  color:#fff;
  border-color:transparent;
}

/* Vurgulanmış makale stili */
#makale.highlighted {
  animation: highlightPulse 2s ease-in-out;
}

@keyframes highlightPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(102,126,234,0.4);
  }
  50% {
    box-shadow: 0 0 20px 10px rgba(102,126,234,0.2);
  }
}
.share-icon-modern{
  font-size:24px;
  line-height:1;
}
.share-label-modern{
  font-size:13px;
  font-weight:600;
}
.dark-mode .share-btn-modern{
  background:var(--bg-primary, #0a0e27);
  border-color:var(--border, rgba(255,255,255,.15));
  color:var(--text-primary, #ffffff);
}

/* Eski paylaşım stilleri - geriye uyumluluk için */
.news-detail-share{
  margin-top:24px;
}
.share-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
  margin-top:12px;
}
.share-grid a{
  padding:10px;
  border-radius:var(--radius-md, 12px);
  background:var(--bg-secondary, #f8fafc);
  border:1px solid var(--border, rgba(15,23,42,.08));
  color:var(--text-primary, #0f172a);
  text-align:center;
  font-weight:600;
  text-decoration:none;
  transition:all 0.3s ease;
}
.dark-mode .share-grid a{
  background:var(--bg-secondary, #1a1f3a);
  border-color:var(--border, rgba(255,255,255,.1));
  color:var(--text-primary, #ffffff);
}
.share-grid a:hover{
  background:var(--accent, #667eea);
  color:#fff;
  transform:translateY(-1px);
  opacity:0.9;
}

.news-detail-sidebar{
  display:flex !important;
  flex-direction:column;
  gap:24px;
  visibility:visible !important;
  opacity:1 !important;
  grid-column: 2;
  position:relative;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Bildirimler Widget */
.notifications-widget {
  position: relative;
  margin-bottom: 20px;
}

.notifications-list {
  max-height: 300px;
  overflow-y: auto;
  margin-top: 12px;
}

/* Etkileşimler Widget - Sticky yap */
.user-interactions {
  position: sticky;
  top: calc(var(--header-height, 70px) + 20px);
  z-index: 10;
}

/* Mobilde sticky kaldır */
@media (max-width: 1024px) {
  .user-interactions {
    position: relative !important;
    top: 0 !important;
  }
}

.notification-item {
  transition: all 0.2s ease;
}

.notification-item.unread {
  background: rgba(102, 126, 234, 0.05);
  border-left: 3px solid #667eea;
  padding-left: 9px !important;
}

.notification-item:hover {
  background: var(--bg-secondary) !important;
}

.notification-loading {
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* 3D Galeri Görselleri */
.gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.gallery-item {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  aspect-ratio: 16/9 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 150px !important;
}

.gallery-item:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

.gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Aktivite Akışı */
.activity-feed-widget,
.active-users-widget,
.popular-comments-widget {
  max-height: 400px;
  overflow-y: auto;
}

.activity-item,
.active-users-list > div,
.popular-comments-list > div {
  transition: background 0.2s ease;
}

.activity-item:hover,
.active-users-list > div:hover,
.popular-comments-list > div:hover {
  background: var(--bg-secondary) !important;
}

/* Yorum Cevapları */
.comment-replies {
  margin-top: 12px;
  padding-left: 20px;
  border-left: 2px solid var(--border);
}

.comment-like-btn {
  transition: all 0.2s ease;
}

.comment-like-btn:hover {
  background: var(--bg-secondary) !important;
}

.comment-like-btn[data-liked="true"] {
  color: #667eea !important;
}

/* Mobil Responsive */
@media (max-width: 768px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  
  .activity-feed-widget,
  .active-users-widget,
  .popular-comments-widget {
    max-height: 300px;
  }
}
.widget{
  background:var(--bg-secondary, #f8fafc);
  border-radius:var(--radius-lg, 16px);
  padding:22px;
  border:1px solid var(--border, rgba(15,23,42,.08));
  box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.12));
}
.dark-mode .widget{
  background:var(--bg-secondary, #1a1f3a);
  border-color:var(--border, rgba(255,255,255,.1));
}
.widget h3{
  margin:0 0 16px;
  font-size:20px;
  color:var(--text-primary, #0f172a);
}
.dark-mode .widget h3{
  color:var(--text-primary, #ffffff);
}
/* 3D Galeri - Çakışmaları Önle */
.gallery{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(110px,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.gallery .gallery-item {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.gallery img,
.gallery .gallery-item img{
  border-radius:18px !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:transform 0.4s ease !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.gallery img:hover,
.gallery .gallery-item img:hover{
  transform:scale(1.05) !important;
}
.widget.hologram{
  border:2px solid;
  border-image:linear-gradient(120deg,#6af7ff,#ff2fb8) 1;
  background:rgba(10,3,25,.85);
}
.widget .loading-state{
  color:var(--text-secondary, #475569);
  font-size:14px;
}
.dark-mode .widget .loading-state{
  color:var(--text-secondary, #b8c5d6);
}
.widget.hologram iframe{
  width:100%;
  height:315px;
  border:none;
  border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,0.1);
}

/* Embed Container - Premium Design */
.embed-container {
  position: relative;
  width: 100%;
  min-height: 200px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--bg-tertiary, #f1f5f9);
}

.dark-mode .embed-container {
  background: var(--bg-tertiary, #252b45);
}

.embed-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  min-height: 200px;
}

.embed-placeholder-icon {
  font-size: 64px;
  margin-bottom: 16px;
  opacity: 0.6;
}

.embed-placeholder-text {
  font-size: 16px;
  color: var(--text-secondary, #64748b);
  margin-bottom: 20px;
  font-weight: 500;
}

.dark-mode .embed-placeholder-text {
  color: var(--text-secondary, #94a3b8);
}

.embed-load-btn {
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  background: var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2));
  color: white;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(102,126,234,0.3);
}

.embed-load-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102,126,234,0.4);
}

.embed-controls {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.embed-btn {
  padding: 8px 16px;
  border: 1px solid var(--border, rgba(15,23,42,0.1));
  border-radius: 8px;
  background: var(--bg-secondary, #f8fafc);
  color: var(--text-primary, #0f172a);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.dark-mode .embed-btn {
  background: var(--bg-secondary, #1a1f3a);
  border-color: var(--border, rgba(255,255,255,0.1));
  color: var(--text-primary, #ffffff);
}

.embed-btn:hover {
  background: var(--accent, #667eea);
  color: white;
  border-color: var(--accent, #667eea);
  transform: translateY(-1px);
}
.live-comments{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:12px;
}
.live-comments article{
  background:var(--bg-tertiary, #f1f5f9);
  border-radius:var(--radius-md, 12px);
  padding:12px;
}
.dark-mode .live-comments article{
  background:var(--bg-tertiary, #252b45);
}
.comment-form textarea{
  width:100%;
  border-radius:var(--radius-md, 12px);
  border:1px solid var(--border, rgba(15,23,42,.08));
  background:var(--bg-primary, #ffffff);
  color:var(--text-primary, #0f172a);
  padding:10px;
  font-family:inherit;
}
.dark-mode .comment-form textarea{
  background:var(--bg-primary, #0a0e27);
  border-color:var(--border, rgba(255,255,255,.1));
  color:var(--text-primary, #ffffff);
}
.comment-card{
  background:var(--bg-tertiary, #f1f5f9);
  border-radius:var(--radius-md, 12px);
  padding:12px;
  margin-bottom:8px;
}
.dark-mode .comment-card{
  background:var(--bg-tertiary, #252b45);
}
.comment-card.muted{
  color:var(--text-secondary, #475569);
  font-style:italic;
  text-align:center;
}
.dark-mode .comment-card.muted{
  color:var(--text-secondary, #b8c5d6);
}
.comment-card.loading{
  color:var(--text-secondary, #475569);
}
.dark-mode .comment-card.loading{
  color:var(--text-secondary, #b8c5d6);
}
.comment-card.error{
  color:#ff6b6b;
}

.news-detail-related{
  margin-top:48px;
}
.news-detail-related h3{
  margin-bottom:18px;
  color:var(--text-primary, #0f172a);
  font-size:24px;
  font-weight:800;
}
.dark-mode .news-detail-related h3{
  color:var(--text-primary, #ffffff);
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
}
.related-card{
  border-radius:var(--radius-md, 12px);
  background:var(--bg-secondary, #f8fafc);
  border:1px solid var(--border, rgba(15,23,42,.08));
  overflow:hidden;
  box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.12));
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height:100%;
  display:flex;
  flex-direction:column;
}
.dark-mode .related-card{
  background:var(--bg-secondary, #1a1f3a);
  border-color:var(--border, rgba(255,255,255,.1));
}
.related-card-link{
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none;
  color:inherit;
}
.related-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  border-color:var(--accent, #667eea);
}
.related-card-image{
  width:100%;
  height:180px;
  overflow:hidden;
  background:var(--bg-tertiary, #f1f5f9);
  position:relative;
}
.related-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.3s ease;
}
.related-card:hover .related-card-image img{
  transform:scale(1.05);
}
.related-card-content{
  padding:16px;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:8px;
}
  .related-card h4{
    margin:0;
    font-size:16px;
    font-weight:700;
    line-height:1.4;
    color:var(--text-primary, #0f172a);
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
.dark-mode .related-card h4{
  color:var(--text-primary, #ffffff);
}
.related-date,
.related-views{
  color:var(--text-secondary, #64748b);
  font-size:12px;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.dark-mode .related-date,
.dark-mode .related-views{
  color:var(--text-secondary, #94a3b8);
}

/* Footer stilleri footer.php'de - burada override yok */

/* Modern Tema Seçici - Global Tema Uyumlu */
.modern-theme-selector{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
}
.theme-selector-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.7);
  backdrop-filter:blur(4px);
  animation:fadeIn 0.3s ease;
}
.theme-selector-panel{
  position:relative;
  background:var(--bg-primary, #ffffff);
  border-radius:var(--radius-xl, 20px);
  padding:32px;
  max-width:500px;
  width:90%;
  box-shadow:var(--shadow-xl, 0 16px 64px rgba(0,0,0,.24));
  border:1px solid var(--border, rgba(15,23,42,.08));
  animation:slideUp 0.3s ease;
}
.dark-mode .theme-selector-panel{
  background:var(--bg-primary, #0a0e27);
  border-color:var(--border, rgba(255,255,255,.1));
}
.theme-selector-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
}
.theme-selector-header h3{
  margin:0;
  font-size:24px;
  font-weight:800;
  color:var(--text-primary, #0f172a);
}
.dark-mode .theme-selector-header h3{
  color:var(--text-primary, #ffffff);
}
.theme-selector-close{
  width:36px;
  height:36px;
  border-radius:50%;
  border:none;
  background:var(--bg-secondary, #f8fafc);
  color:var(--text-primary, #0f172a);
  cursor:pointer;
  font-size:20px;
  transition:all 0.3s ease;
}
.dark-mode .theme-selector-close{
  background:var(--bg-secondary, #1a1f3a);
  color:var(--text-primary, #ffffff);
}
.theme-selector-close:hover{
  background:var(--accent, #667eea);
  color:#fff;
  transform:rotate(90deg);
}
.theme-options{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.theme-option{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:20px;
  border:2px solid var(--border, rgba(15,23,42,.08));
  border-radius:var(--radius-lg, 16px);
  background:var(--bg-secondary, #f8fafc);
  cursor:pointer;
  transition:all 0.3s ease;
}
.dark-mode .theme-option{
  background:var(--bg-secondary, #1a1f3a);
  border-color:var(--border, rgba(255,255,255,.1));
}
.theme-option:hover{
  border-color:var(--accent, #667eea);
  background:var(--bg-tertiary, #f1f5f9);
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.08));
  opacity:0.9;
}
.dark-mode .theme-option:hover{
  background:var(--bg-tertiary, #252b45);
}
.theme-preview{
  width:80px;
  height:80px;
  border-radius:var(--radius-md, 12px);
  position:relative;
  overflow:hidden;
}
.neoglass-preview{
  background:linear-gradient(135deg,#040816 0%,#111b2e 100%);
}
.editorial-preview{
  background:linear-gradient(135deg,#f5f6fb 0%,#ffffff 100%);
}
.cyberpulse-preview{
  background:linear-gradient(135deg,#04000d 0%,#090319 100%);
}
@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes slideUp{
  from{
    opacity:0;
    transform:translateY(20px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.trending-card{
  display:flex;
  gap:12px;
  padding:12px;
  border-radius:var(--radius-md, 12px);
  background:var(--bg-secondary, #f8fafc);
  border:1px solid var(--border, rgba(15,23,42,.08));
  margin-bottom:10px;
  color:inherit;
  text-decoration:none;
  transition:all 0.3s ease;
}
.dark-mode .trending-card{
  background:var(--bg-secondary, #1a1f3a);
  border-color:var(--border, rgba(255,255,255,.1));
}
.trending-card:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.08));
  opacity:0.9;
}
.trend-rank{
  font-weight:700;
  color:var(--accent, #667eea);
  font-size:18px;
}
.trending-body h4{
  margin:0 0 6px;
  font-size:15px;
  color:var(--text-primary, #0f172a);
}
.dark-mode .trending-body h4{
  color:var(--text-primary, #ffffff);
}
.trending-body .trending-meta{
  font-size:13px;
  color:var(--text-secondary, #475569);
}
.dark-mode .trending-body .trending-meta{
  color:var(--text-secondary, #b8c5d6);
}
.loading-state{
  color:var(--text-secondary, #475569);
  font-size:14px;
  text-align:center;
}
.dark-mode .loading-state{
  color:var(--text-secondary, #b8c5d6);
}

/* Editorial tema override'ları - Global tema ile uyumlu */
/* Editorial theme overrides */
body[data-theme="editorial"] .article-title-editorial{
  color:var(--text-primary, #0f172a);
  font-family:"Playfair Display",serif;
}
.dark-mode body[data-theme="editorial"] .article-title-editorial{
  color:var(--text-primary, #ffffff);
}
body[data-theme="editorial"] .article-meta-editorial{
  color:var(--text-secondary, #475569);
}
.dark-mode body[data-theme="editorial"] .article-meta-editorial{
  color:var(--text-secondary, #b8c5d6);
}
body[data-theme="editorial"] .hero-figure{
  box-shadow:0 8px 24px rgba(20,23,42,.12);
}
.dark-mode body[data-theme="editorial"] .hero-figure{
  box-shadow:0 8px 24px rgba(0,0,0,.3);
}
body[data-theme="editorial"] .news-detail-article,
body[data-theme="editorial"] .widget{
  border:1px solid var(--border, rgba(20,23,42,.08));
  box-shadow:var(--shadow-md, 0 4px 16px rgba(20,23,42,.08));
}
.dark-mode body[data-theme="editorial"] .news-detail-article,
.dark-mode body[data-theme="editorial"] .widget{
  border-color:var(--border, rgba(255,255,255,.1));
}

/* CyberPulse tema override'ları */
body[data-theme="cyberpulse"] .widget.hologram{
  border-image:linear-gradient(120deg,#00f6ff,#ff2da0) 1;
}

@media(max-width:1024px){
  /* Grid'i flex'e çevir - order çalışması için */
  .news-detail-content-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
  }
  
  /* Ana içerik ÖNCE gelmeli - UX ve SEO için kritik */
  .news-detail-article{
    order:1 !important;
    width:100% !important;
    max-width:100% !important;
    grid-column: 1 !important;
    padding:20px 16px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    flex-shrink:0 !important;
  }
  
  /* Sidebar SONRA gelmeli - etkileşimler ve widget'lar */
  .news-detail-sidebar{
    order:2 !important;
    position:relative !important;
    top:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:15px 16px !important;
    grid-column: 1 !important;
    box-sizing:border-box !important;
    flex-shrink:0 !important;
  }
  
  /* İlgili haberler EN SONDA */
  .news-detail-related{
    order:999 !important; /* En sona taşı */
    margin-top:20px !important;
    padding:0 16px !important;
  }
}
@media(max-width:768px){
  /* Ana wrapper'a flexbox ekle - tüm child'ları sıralamak için */
  .news-detail-main{
    display:flex !important;
    flex-direction:column !important;
    padding:0 0 60px !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  /* Grid'i flex'e çevir - order çalışması için */
  .news-detail-content-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }
  
  /* ✅ ANA İÇERİK ÖNCE - UX, SEO ve Engagement için kritik */
  .news-detail-article{
    order:1 !important;
    width:100% !important;
    max-width:100% !important;
    grid-column: 1 !important;
    padding:20px 16px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    flex-shrink:0 !important;
  }
  
  /* ✅ SIDEBAR SONRA - Etkileşimler ve widget'lar */
  .news-detail-sidebar{
    order:2 !important;
    position:relative !important;
    top:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:15px 16px !important;
    grid-column: 1 !important;
    box-sizing:border-box !important;
    flex-shrink:0 !important;
  }
  
  /* ✅ İLGİLİ HABERLER EN SONDA - Grid dışında ama sıralama için */
  .news-detail-related{
    order:999 !important; /* En sona taşı */
    margin-top:20px !important;
    padding:0 16px !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  
  /* Widget'ların genişliğini garanti et */
  .news-detail-sidebar .widget {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Başlık görselin üstünde - margin-top ekle */
  .hero-figure{
    margin-top:0 !important;
    margin-bottom:20px !important;
    width:100% !important;
    max-width:100% !important;
    border-radius:12px !important;
  }
  .hero-figure img{
    max-height:400px !important;
    min-height:250px !important;
    width:100% !important;
    max-width:100% !important;
    border-radius:12px !important;
  }
  
  /* Ana içerik padding'i optimize et */
  .news-detail-article {
    padding:16px 12px !important;
  }
  
  /* Header premium section padding */
  .header-premium-section {
    padding:0 12px !important;
    margin-bottom:12px !important;
  }
  
  /* Breadcrumb actions bar margin */
  .breadcrumb-actions-bar {
    margin-bottom:12px !important;
  }
  .article-header-editorial{
    margin-bottom:24px;
    padding-bottom:20px;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
  .article-header-content{
    width:100%;
    max-width:100%;
  }
  .article-category-badge{
    font-size:12px;
    padding:6px 14px;
    margin:0 auto 16px auto !important;
    display:inline-block;
    text-align:center;
  }
  .article-title-editorial{
    font-size:clamp(24px,6vw,36px);
    line-height:1.3;
    margin-bottom:20px;
    width:100%;
    max-width:100%;
    word-wrap:break-word;
    overflow-wrap:break-word;
    box-sizing:border-box;
  }
  .article-meta-editorial{
    gap:12px;
    font-size:13px;
  }
  .breadcrumb-nav{
    margin-bottom:24px !important;
    margin-top:16px !important;
    padding:10px 16px !important;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    font-size:13px !important;
  }
  .breadcrumb-nav > div{
    font-size:13px !important;
    gap:8px !important;
  }
  .modern-theme-selector .theme-selector-panel{
    width:95%;
    padding:24px;
  }
}

/* ============================================
   KRİTİK OVERRIDE'LAR - TÜM ÇAKIŞMALARI ÖNLE
   ============================================ */

/* Header override - absolute positioning'i kaldır - BAŞLIK HEADER'DA GÖRÜNMESİN */
.article-header-editorial,
body .article-header-editorial,
html .article-header-editorial,
* .article-header-editorial,
main .article-header-editorial,
.news-detail-main .article-header-editorial,
.news-detail-article .article-header-editorial {
  position:relative !important;
  background:transparent !important;
  color:inherit !important;
  padding:0 0 24px 0 !important;
  margin:0 0 32px 0 !important;
  border-bottom:2px solid var(--border, rgba(15,23,42,.08)) !important;
  display:block !important;
  flex-direction:column !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:1 !important;
}

/* Başlık override - HEADER'DA GÖRÜNMESİN */
.article-title-editorial,
#haber-baslik,
h1.article-title-editorial,
.article-header-editorial h1,
.article-header-editorial .article-title-editorial {
  position:relative !important;
  background:transparent !important;
  color:var(--text-primary, #0f172a) !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:1 !important;
  transform:none !important;
  margin:0 0 24px 0 !important;
  padding:0 !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}

.dark-mode .article-title-editorial,
.dark-mode #haber-baslik,
.dark-mode h1.article-title-editorial {
  color:var(--text-primary, #ffffff) !important;
}

/* ============================================
   PREMIUM REKLAM ALANI - 2025 MOBİL-FİRST DESIGN
   ============================================ */

/* Header Premium Section - Container */
.header-premium-section {
  max-width: 1400px;
  margin: 0 auto !important; /* Üstten boşluk yok */
  width: 100%;
  padding: 0 clamp(16px, 4vw, 24px);
  box-sizing: border-box;
  position: relative;
  padding-top: 0 !important; /* Üstten boşluk yok */
  margin-top: -16px !important; /* Header'a çok daha yakın - boşluk azaltıldı */
}

/* Reklam Container - Perfect Centering & Spacing */
.header-ad-container {
  margin: 0 auto !important; /* Tüm boşluklar kaldırıldı */
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Reklam Alanı - Premium Design - Mükemmel Ortalanmış */
.header-ad {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100%;
  max-width: 728px;
  min-height: 90px;
  max-height: 120px;
  margin: 0 auto !important; /* Ortalanmış, boşluk yok */
  padding: clamp(12px, 2vw, 20px);
  background: linear-gradient(135deg, rgba(102,126,234,0.1), rgba(118,75,162,0.1)) !important;
  border-radius: clamp(8px, 1.5vw, 12px);
  text-align: center;
  border: 2px dashed rgba(102,126,234,0.3);
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1) !important;
  overflow: hidden;
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* AdSense reklamı için ortalanmış container */
.header-ad > *,
.header-ad iframe,
.header-ad ins,
.header-ad div[class*="adsbygoogle"] {
  margin: 0 auto !important;
  display: block !important;
  text-align: center !important;
}

.header-ad:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1) !important;
  opacity: 0.95;
}

/* Dark Mode Support */
.dark-mode .header-ad {
  background: linear-gradient(135deg, rgba(102,126,234,0.15), rgba(118,75,162,0.15)) !important;
  border-color: rgba(102,126,234,0.4);
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2) !important;
}

/* Reklam Placeholder - Premium Design - Mükemmel Ortalanmış */
.header-ad-placeholder {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2vw, 16px);
  padding: clamp(12px, 2vw, 20px);
  background: rgba(102,126,234,0.08);
  border-radius: clamp(6px, 1vw, 8px);
  min-height: 60px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  color: var(--text-primary, #0f172a);
  transition: all 0.3s ease;
  margin: 0 auto;
  text-align: center;
}

.dark-mode .header-ad-placeholder {
  background: rgba(102,126,234,0.12);
  color: var(--text-primary, #ffffff);
}

.ad-icon {
  font-size: clamp(24px, 5vw, 32px);
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.ad-text {
  font-size: clamp(14px, 2.5vw, 16px);
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}

.ad-size {
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 500;
  opacity: 0.7;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

/* Mobile-First Responsive Breakpoints - 2025 Standards */
@media (max-width: 768px) {
  .header-premium-section {
    padding: 0 16px;
    margin-top: 0 !important;
  }
  
  .header-ad-container {
    margin: 0 auto !important;
    margin-bottom: 0 !important;
  }
  
  .header-ad {
    min-height: 80px;
    max-height: 100px;
    padding: 12px 16px;
    border-radius: 10px;
    margin: 0 auto !important;
  }
  
  .header-ad-placeholder {
    gap: 6px;
    padding: 12px 16px;
    min-height: 50px;
  }
  
  .ad-icon {
    font-size: 24px;
  }
  
  .ad-text {
    font-size: 14px;
  }
  
  .ad-size {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .header-premium-section {
    padding: 0 12px;
    margin-top: 0 !important;
  }
  
  .header-ad-container {
    margin: 0 auto !important;
    margin-bottom: 0 !important;
  }
  
  .header-ad {
    min-height: 70px;
    max-height: 90px;
    padding: 10px 12px;
    border-radius: 8px;
    margin: 0 auto !important;
  }
  
  .header-ad-placeholder {
    gap: 4px;
    padding: 10px 12px;
    min-height: 45px;
  }
  
  .ad-icon {
    font-size: 20px;
  }
  
  .ad-text {
    font-size: 13px;
  }
  
  .ad-size {
    font-size: 10px;
  }
  
  .breadcrumb-actions-bar {
    margin-top: 0 !important;
    margin-bottom: clamp(10px, 2vw, 16px) !important;
    padding: clamp(10px, 1.5vw, 14px) clamp(12px, 2.5vw, 20px);
  }
}

/* Tablet Optimization */
@media (min-width: 769px) and (max-width: 1024px) {
  .header-ad {
    max-width: 100%;
    padding: 16px 20px;
  }
}

/* Large Desktop Optimization */
@media (min-width: 1400px) {
  .header-ad {
    max-width: 728px;
  }
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .header-ad,
  .header-ad-placeholder {
    transition: none;
  }
  
  .header-ad:hover {
    transform: none;
  }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
  .header-ad {
    border-width: 3px;
    border-style: solid;
  }
}

/* Print Styles */
@media print {
  .header-ad-container,
  .header-ad {
    display: none !important;
  }
}

/* ============================================
   BREADCRUMB + QUICK ACTIONS BAR - PREMIUM DESIGN
   ============================================ */

.breadcrumb-actions-bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: clamp(12px, 2.5vw, 20px);
  margin: 0 !important; /* Tüm margin'ler kaldırıldı */
  margin-top: clamp(12px, 2vw, 16px) !important; /* Üstten dengeli boşluk */
  margin-bottom: clamp(20px, 3.5vw, 28px) !important; /* Alttan dengeli boşluk */
  padding: clamp(12px, 2vw, 16px) clamp(16px, 3vw, 24px);
  background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(255,255,255,0.98));
  border-radius: clamp(12px, 2vw, 16px);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--border, rgba(15,23,42,0.08));
  box-shadow: 0 4px 20px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
  box-sizing: border-box;
  width: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.breadcrumb-actions-bar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(102,126,234,0.3), rgba(118,75,162,0.3));
  opacity: 0.6;
}

.dark-mode .breadcrumb-actions-bar {
  background: linear-gradient(135deg, rgba(26,31,58,0.95), rgba(15,23,42,0.98));
  border-color: var(--border, rgba(255,255,255,0.12));
  box-shadow: 0 4px 20px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.2);
}

.dark-mode .breadcrumb-actions-bar::before {
  background: linear-gradient(90deg, rgba(102,126,234,0.5), rgba(118,75,162,0.5));
  opacity: 0.8;
}

.breadcrumb-wrapper {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.quick-actions {
  display: flex;
  align-items: center;
  gap: clamp(8px, 1.5vw, 10px);
  flex-wrap: wrap;
  box-sizing: border-box;
  flex-shrink: 0;
}

.quick-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(36px, 5vw, 44px);
  height: clamp(36px, 5vw, 44px);
  padding: 0;
  margin: 0;
  gap: 0;
  border-radius: clamp(8px, 1.2vw, 10px);
  background: var(--bg-primary, #ffffff);
  border: 1px solid var(--border, rgba(15,23,42,0.08));
  color: var(--text-primary, #0f172a);
  font-size: clamp(16px, 2.5vw, 20px);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  box-sizing: border-box;
  flex-shrink: 0;
}

.quick-action-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(102,126,234,0.1);
  background: var(--accent-gradient, linear-gradient(135deg, rgba(102,126,234,0.05), rgba(118,75,162,0.05)));
  border-color: rgba(102,126,234,0.2);
  opacity: 0.9;
}

.quick-action-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.dark-mode .quick-action-btn {
  background: var(--bg-primary, #0a0e27);
  border-color: var(--border, rgba(255,255,255,0.15));
  color: var(--text-primary, #ffffff);
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.dark-mode .quick-action-btn:hover {
  background: linear-gradient(135deg, rgba(102,126,234,0.2), rgba(118,75,162,0.2));
  border-color: rgba(102,126,234,0.4);
  box-shadow: 0 4px 12px rgba(102,126,234,0.3);
}

/* Mobile Optimization */
@media (max-width: 768px) {
  .breadcrumb-actions-bar {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
  }
  
  /* Hero overlay spacing optimize - Mobilde sabit kalması için */
  .hero-figure {
    position:relative !important;
    min-height:300px !important;
    max-height:500px !important;
    overflow:hidden !important;
  }
  
  /* Hero figure içindeki container - overlay için gerekli */
  .hero-figure > div {
    position:relative !important;
    width:100% !important;
    height:100% !important;
    min-height:300px !important;
    max-height:500px !important;
    overflow:hidden !important;
  }
  
  .hero-figure img {
    min-height:300px !important;
    max-height:500px !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }
  
  .hero-overlay-content {
    position:absolute !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    padding:clamp(20px, 3vw, 32px) clamp(16px, 2.5vw, 24px) !important;
    min-height:auto !important;
    display:flex !important;
    align-items:flex-end !important;
    z-index:10 !important;
  }
  
  .hero-overlay-inner {
    gap:clamp(10px, 1.5vw, 14px) !important;
    width:100% !important;
    align-items:center !important;
    text-align:center !important;
  }
  
  .hero-category-badge {
    margin:0 auto !important;
  }
  
  .hero-title-overlay {
    font-size:clamp(20px, 4vw, 32px) !important;
    line-height:1.3 !important;
    text-align:center !important;
  }
  
  /* Modern paylaş butonları mobil - tek sıra */
  .share-buttons-modern {
    gap:6px !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding:4px 0 !important;
    justify-content:flex-start !important;
  }
  
  .share-btn-modern {
    min-width:70px !important;
    padding:8px 12px !important;
    font-size:12px !important;
    flex-shrink:0 !important;
  }
  
  .share-icon-modern {
    font-size:18px !important;
  }
  
  .share-label-modern {
    font-size:11px !important;
  }
  
  .news-detail-share-modern {
    padding:16px !important;
    margin-top:20px !important;
  }
  
  .share-header {
    margin-bottom:12px !important;
  }
  
  .share-header h3 {
    font-size:16px !important;
    margin-bottom:4px !important;
  }
  
  .share-subtitle {
    font-size:12px !important;
  }
  
  .breadcrumb-wrapper {
    width: 100% !important;
    order: 1 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
  
  .breadcrumb-nav > div {
    flex-wrap: wrap !important;
    gap: 4px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
  }
  
  /* Quick actions ile breadcrumb arasındaki boşluğu azalt */
  .quick-actions {
    margin-top: 0 !important;
  }
  
  .breadcrumb-nav .breadcrumb-link,
  .breadcrumb-nav .breadcrumb-current {
    padding: 4px 8px !important;
    font-size: 11px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    border-radius: 6px !important;
  }
  
  .breadcrumb-nav .breadcrumb-current {
    max-width: calc(100% - 20px) !important;
  }
  
  .breadcrumb-nav .separator {
    padding: 0 2px !important;
    font-size: 12px !important;
    margin: 0 !important;
  }
  
  /* Quick Actions - Mobilde sadece önemli olanları göster */
  .quick-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    order: 2 !important;
    flex-wrap: wrap !important;
    margin-top: 8px !important;
  }
  
  /* İlk 5 butonu göster, geri kalanını gizle */
  .quick-action-btn:nth-child(n+6) {
    display: none !important;
  }
  
  .quick-action-btn {
    flex: 0 0 auto !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Quick actions container'ı daha kompakt yap */
  .quick-actions {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  
  .quick-actions::-webkit-scrollbar {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .breadcrumb-actions-bar {
    padding: 10px 12px !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  
  .breadcrumb-nav > div {
    font-size: 10px !important;
    gap: 3px !important;
  }
  
  .breadcrumb-nav .breadcrumb-link,
  .breadcrumb-nav .breadcrumb-current {
    padding: 3px 6px !important;
    font-size: 10px !important;
  }
  
  .quick-actions {
    gap: 4px !important;
    margin-top: 6px !important;
  }
  
  .quick-action-btn {
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
  }
  
  /* Çok küçük ekranlarda sadece 3 buton göster */
  .quick-action-btn:nth-child(n+4) {
    display: none !important;
  }
}

/* Tablet Optimization */
@media (min-width: 769px) and (max-width: 1024px) {
  .breadcrumb-actions-bar {
    gap: 14px;
    padding: 12px 14px;
  }
}

/* Kategori badge override - ARKAPLAN DÜZGÜN OLSUN VE ORTALANMIŞ OLSUN */
.article-category-badge,
.article-header-editorial .article-category-badge,
.article-header-content .article-category-badge {
  display:inline-block !important;
  background:var(--accent-gradient, linear-gradient(135deg, #667eea, #764ba2)) !important;
  color:#fff !important;
  border:none !important;
  outline:none !important;
  position:relative !important;
  z-index:1 !important;
  margin:0 auto clamp(16px, 2.5vw, 20px) auto !important;
  padding:8px 16px !important;
  border-radius:24px !important;
  box-shadow:0 2px 8px rgba(102,126,234,0.2) !important;
  text-align:center !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:10 !important;
}

.dark-mode .article-header-editorial {
  border-bottom-color:var(--border, rgba(255,255,255,.1)) !important;
}

/* Görsel görünürlük garantisi - TÜM ÇAKIŞMALARI ÖNLE */
.hero-figure,
body .hero-figure,
html .hero-figure,
* .hero-figure,
.news-featured-image,
body .news-featured-image,
html .news-featured-image,
* .news-featured-image {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:auto !important;
  min-height:300px !important;
  max-height:600px !important;
  margin:0 0 32px 0 !important;
  padding:0 !important;
  background:var(--bg-secondary, #f8fafc) !important;
  border-radius:var(--radius-lg, 16px) !important;
  overflow:hidden !important;
  box-shadow:0 8px 24px rgba(0,0,0,.15) !important;
}

.dark-mode .hero-figure,
.dark-mode .news-featured-image {
  background:var(--bg-secondary, #1a1f3a) !important;
}

.hero-figure img,
body .hero-figure img,
html .hero-figure img,
* .hero-figure img,
.news-featured-image img,
body .news-featured-image img,
html .news-featured-image img,
* .news-featured-image img {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:auto !important;
  min-height:300px !important;
  max-height:600px !important;
  object-fit:cover !important;
  background:var(--bg-secondary, #f8fafc) !important;
  border-radius:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.dark-mode .hero-figure img,
.dark-mode .news-featured-image img {
  background:var(--bg-secondary, #1a1f3a) !important;
}