/* ===================================
   EK STİLLER - header, footer, single
   =================================== */

/* STICKY HEADER */
#site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: box-shadow 0.3s;
}
.header--sticky { box-shadow: 0 2px 8px rgba(0,0,0,0.25); }

/* ARAMA PANELİ */
.search-panel {
  background: #b0010f;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s;
}
.search-panel--open {
  max-height: 70px;
  padding: 10px 0;
}
.search-form {
  display: flex;
  align-items: center;
  gap: 8px;
}
.search-input {
  flex: 1;
  height: 38px;
  border: none;
  border-radius: 3px;
  padding: 0 12px;
  font-size: 14px;
  outline: none;
  color: #222;
}
.search-submit {
  background: #fff;
  border: none;
  height: 38px;
  width: 42px;
  cursor: pointer;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d0011b;
  transition: background 0.15s;
}
.search-submit:hover { background: #eee; }
.search-close {
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  padding: 0 8px;
}

/* MOBİL MENÜ */
.mobile-menu {
  position: fixed;
  top: 0; right: -280px;
  width: 280px;
  height: 100vh;
  background: #222;
  z-index: 2000;
  transition: right 0.3s ease;
  overflow-y: auto;
}
.mobile-menu--open { right: 0; }
.mobile-menu__inner { padding: 16px; }
.mobile-menu__close {
  background: none;
  border: none;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  margin-bottom: 16px;
  display: block;
}
.mobile-nav-list { list-style: none; }
.mobile-nav-list li { border-bottom: 1px solid #333; }
.mobile-nav-list li a {
  display: block;
  color: #eee;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
}
.mobile-nav-list li a:hover { color: #d0011b; }

.mobile-menu-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1999;
}
.mobile-menu-overlay--visible { display: block; }
body.menu-open { overflow: hidden; }

/* NAV LIST (header) */
.nav-list { list-style: none; display: flex; }
.nav-list > li > a {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  height: 46px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: background 0.15s;
}
.nav-list > li > a:hover { background: rgba(0,0,0,0.2); }

/* FOOTER SOCIAL */
.footer-social {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.social-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
  transition: opacity 0.15s;
}
.social-btn:hover { opacity: 0.85; }
.social-btn--fb { background: #1877f2; }
.social-btn--tw { background: #1da1f2; }
.social-btn--yt { background: #ff0000; }
.social-btn--ig { background: #e1306c; }

/* FOOTER SUBSCRIBE */
.footer-subscribe { display: flex; gap: 6px; margin-top: 4px; }
.subscribe-input {
  flex: 1;
  height: 32px;
  border: 1px solid #444;
  background: #333;
  color: #fff;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 2px;
  outline: none;
}
.subscribe-input::placeholder { color: #777; }
.subscribe-btn {
  background: #d0011b;
  color: #fff;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  border-radius: 2px;
  transition: background 0.15s;
  white-space: nowrap;
}
.subscribe-btn:hover { background: #a80016; }

/* ===================================
   SINGLE POST STİLLERİ
   =================================== */
.single-main { padding: 16px 0 30px; }

.single-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 16px;
  align-items: start;
}

.single-article { background: #fff; padding: 20px 24px; }

/* Kategori rozeti */
.single-cats { display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap; }
.single-cat-badge {
  background: #d0011b;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.single-cat-badge:hover { background: #a80016; }

/* Başlık */
.single-title {
  font-size: 26px;
  font-weight: 900;
  line-height: 1.3;
  color: #111;
  margin-bottom: 12px;
}

/* Meta */
.single-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #888;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
}
.single-meta span {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Sosyal paylaşım */
.single-share {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.share-label { font-size: 12px; color: #888; margin-right: 2px; }
.share-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
  transition: opacity 0.15s;
}
.share-btn:hover { opacity: 0.85; }
.share-btn--fb { background: #1877f2; }
.share-btn--tw { background: #1da1f2; }
.share-btn--wa { background: #25d366; }

/* Thumbnail */
.single-thumbnail { margin-bottom: 20px; }
.single-thumb-img { width: 100%; height: auto; max-height: 500px; object-fit: cover; }
.single-thumb-caption {
  font-size: 12px;
  color: #888;
  font-style: italic;
  margin-top: 6px;
  padding: 4px 8px;
  background: #f8f8f8;
  border-left: 3px solid #d0011b;
}

/* İçerik */
.single-content {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
.single-content p { margin-bottom: 16px; }
.single-content h2, .single-content h3 {
  font-weight: 800;
  color: #111;
  margin: 20px 0 10px;
}
.single-content h2 { font-size: 22px; }
.single-content h3 { font-size: 18px; }
.single-content img { max-width: 100%; height: auto; margin: 12px 0; }
.single-content blockquote {
  border-left: 4px solid #d0011b;
  padding: 10px 16px;
  background: #fafafa;
  font-style: italic;
  margin: 16px 0;
  color: #555;
}
.single-content a { color: #d0011b; text-decoration: underline; }

/* Etiketler */
.single-tags {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin: 20px 0;
  padding-top: 16px;
  border-top: 1px solid #eee;
}
.tags-label { font-size: 12px; color: #888; font-weight: 600; }
.tag-badge {
  background: #f0f0f0;
  color: #444;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 2px;
  transition: background 0.15s;
}
.tag-badge:hover { background: #d0011b; color: #fff; }

/* İlgili haberler */
.related-news { margin: 24px 0; }
.related-news-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.related-card { background: #f8f8f8; overflow: hidden; }
.related-card__img-link { display: block; overflow: hidden; }
.related-card__img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  transition: transform 0.3s;
}
.related-card__img-link:hover .related-card__img { transform: scale(1.04); }
.related-card__img-placeholder { width: 100%; height: 110px; background: #ccc; }
.related-card__title {
  font-size: 12px;
  font-weight: 600;
  padding: 6px 8px 2px;
  line-height: 1.4;
  color: #222;
}
.related-card__title a:hover { color: #d0011b; }
.related-card__date { font-size: 10px; color: #aaa; padding: 0 8px 8px; display: block; }

/* Sidebar */
.single-sidebar { position: sticky; top: 56px; }
.sidebar-widget {
  background: #fff;
  margin-bottom: 12px;
  padding: 14px;
}
.widget-title {
  font-size: 14px;
  font-weight: 800;
  color: #111;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 3px solid #d0011b;
}

/* Sidebar haber listesi */
.sidebar-news-list { list-style: none; }
.sidebar-news-item {
  display: flex;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.sidebar-news-item:last-child { border-bottom: none; }
.sidebar-news-item__img-link { flex-shrink: 0; }
.sidebar-news-item__img {
  width: 70px;
  height: 52px;
  object-fit: cover;
}
.sidebar-news-item__body { flex: 1; }
.sidebar-news-item__title {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  line-height: 1.4;
  display: block;
  margin-bottom: 4px;
}
.sidebar-news-item__title:hover { color: #d0011b; }
.sidebar-news-item__date { font-size: 10px; color: #aaa; }

/* Yorumlar */
.single-comments { margin-top: 24px; }
.comment-list { list-style: none; }

/* SAYFA LİNKLERİ */
.page-links { margin: 16px 0; font-size: 13px; }
.page-links a {
  display: inline-block;
  background: #d0011b;
  color: #fff;
  padding: 4px 10px;
  margin: 0 2px;
}

/* ===================================
   RESPONSIVE - SINGLE
   =================================== */
@media (max-width: 960px) {
  .single-layout { grid-template-columns: 1fr; }
  .related-news-grid { grid-template-columns: repeat(2, 1fr); }
  .single-sidebar { position: static; }
}
@media (max-width: 640px) {
  .single-title { font-size: 20px; }
  .related-news-grid { grid-template-columns: 1fr; }
  .single-article { padding: 14px 12px; }
}

/* ===================================
   ARŞİV / KATEGORİ SAYFASI
   =================================== */
.archive-header {
  background: #fff;
  padding: 16px 0;
  border-bottom: 3px solid #d0011b;
  margin-bottom: 16px;
}
.archive-title {
  font-size: 22px;
  font-weight: 900;
  color: #111;
}
.archive-description { font-size: 13px; color: #888; margin-top: 4px; }

.archive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

/* SAYFALAMA */
.pagination {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  margin: 20px 0;
}
.pagination a,
.pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  transition: background 0.15s;
}
.pagination .current { background: #d0011b; color: #fff; border-color: #d0011b; }
.pagination a:hover { background: #f0f0f0; }

/* ===================================
   ANA SAYFA DİNAMİK KATEGORİ BÖLÜMLERİ
   =================================== */

/* Bölüm başlık + "Tümü" linki */
.section-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  border-bottom: 3px solid #d0011b;
  padding-bottom: 5px;
}
.section-title-wrap .section-title {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.section-more-link {
  font-size: 12px;
  font-weight: 700;
  color: #d0011b;
  white-space: nowrap;
  padding: 2px 10px;
  border: 1px solid #d0011b;
  border-radius: 2px;
  transition: all .15s;
}
.section-more-link:hover {
  background: #d0011b;
  color: #fff;
}

/* Kategori rozeti (fotoğraf üstü) */
.hs-cat-badge {
  display: inline-block;
  background: #d0011b;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* Tarih */
.hs-card-date {
  display: block;
  font-size: 11px;
  color: #aaa;
  margin-top: 4px;
}

/* Fotoğraf placeholder */
.hs-card-img-ph {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, #ccc 0%, #e8e8e8 100%);
}

/* Bölümler arası reklam */
.section-inline-ad {
  margin: 4px 0 8px;
}

/* ===================================
   DÜZEN 1: Liste (1 Büyük + Küçükler)
   =================================== */
.hs-layout-list14 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* Sol - Büyük featured */
.hs-featured-card {
  background: #fff;
  overflow: hidden;
}
.hs-featured-card__img-link {
  display: block;
  position: relative;
  overflow: hidden;
}
.hs-featured-card__img {
  width: 100%;
  height: 290px;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.hs-featured-card__img-link:hover .hs-featured-card__img {
  transform: scale(1.03);
}
.hs-featured-card__overlay {
  position: absolute;
  top: 8px; left: 8px;
}
.hs-featured-card__body {
  padding: 10px 12px 14px;
}
.hs-featured-card__title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  color: #111;
  margin-bottom: 4px;
}
.hs-featured-card__title a:hover { color: #d0011b; }
.hs-featured-card__excerpt {
  font-size: 12px;
  color: #666;
  margin-top: 6px;
  line-height: 1.6;
}

/* Sağ - Küçük haberler */
.hs-list14-aside {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hs-small-card {
  display: flex;
  gap: 8px;
  background: #fff;
  padding: 8px;
  align-items: flex-start;
}
.hs-small-card__img-link {
  flex-shrink: 0;
  display: block;
  overflow: hidden;
}
.hs-small-card__img {
  width: 110px;
  height: 76px;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.hs-small-card__img-link:hover .hs-small-card__img {
  transform: scale(1.04);
}
.hs-card-img-ph--sm {
  width: 110px;
  height: 76px;
}
.hs-small-card__body {
  flex: 1;
}
.hs-small-card__title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #1a1a1a;
}
.hs-small-card__title a:hover { color: #d0011b; }

/* ===================================
   DÜZEN 2 & 3: Grid
   =================================== */
.hs-layout-grid {
  display: grid;
  gap: 8px;
}
.hs-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.hs-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }

.hs-grid-card {
  background: #fff;
  overflow: hidden;
}
.hs-grid-card__img-link {
  display: block;
  position: relative;
  overflow: hidden;
}
.hs-grid-card__img {
  width: 100%;
  height: 175px;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.hs-grid-card__img-link:hover .hs-grid-card__img {
  transform: scale(1.04);
}
.hs-grid-card__img-link .hs-cat-badge {
  position: absolute;
  top: 8px; left: 8px;
}
.hs-grid-card__body {
  padding: 8px 10px 10px;
}
.hs-grid-card__title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #222;
}
.hs-grid-card__title a:hover { color: #d0011b; }

/* ===================================
   DÜZEN 4: Öne Çıkan
   =================================== */
.hs-layout-featured {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 8px;
}

.hs-feat-big-card {
  position: relative;
  overflow: hidden;
}
.hs-feat-big-card__img-link {
  display: block;
  position: relative;
  overflow: hidden;
}
.hs-feat-big-card__img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.hs-feat-big-card__img-link:hover .hs-feat-big-card__img {
  transform: scale(1.03);
}
.hs-feat-big-card__overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,.82));
  padding: 50px 16px 16px;
}
.hs-feat-big-card__title {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.35;
  text-shadow: 1px 1px 4px rgba(0,0,0,.4);
}

.hs-feat-sidebar {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hs-feat-list-item {
  display: flex;
  gap: 8px;
  background: #fff;
  padding: 8px;
  align-items: flex-start;
}
.hs-feat-list-item__img-link {
  flex-shrink: 0;
  display: block;
  overflow: hidden;
}
.hs-feat-list-item__img {
  width: 90px;
  height: 68px;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.hs-feat-list-item__img-link:hover .hs-feat-list-item__img {
  transform: scale(1.04);
}
.hs-feat-list-item__body { flex: 1; }
.hs-feat-list-item__title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #1a1a1a;
}
.hs-feat-list-item__title a:hover { color: #d0011b; }

/* ===================================
   DÜZEN 5: Metin Listesi
   =================================== */
.hs-layout-textlist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  background: #fff;
  padding: 10px;
}
.hs-textlist-col {
  display: flex;
  flex-direction: column;
}
.hs-textlist-item {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.hs-textlist-item:last-child { border-bottom: none; }
.hs-textlist-item__img-link {
  flex-shrink: 0;
  display: block;
  overflow: hidden;
}
.hs-textlist-item__img {
  width: 80px;
  height: 60px;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.hs-textlist-item__img-link:hover .hs-textlist-item__img {
  transform: scale(1.04);
}
.hs-textlist-item__body { flex: 1; }
.hs-textlist-item__title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #1a1a1a;
}
.hs-textlist-item__title a:hover { color: #d0011b; }

/* ===================================
   RESPONSIVE — KATEGORİ BÖLÜMLERİ
   =================================== */
@media (max-width: 960px) {
  .hs-layout-list14   { grid-template-columns: 1fr; }
  .hs-list14-aside    { flex-direction: row; flex-wrap: wrap; }
  .hs-small-card      { width: calc(50% - 4px); }
  .hs-grid-cols-4     { grid-template-columns: repeat(2, 1fr); }
  .hs-grid-cols-3     { grid-template-columns: repeat(2, 1fr); }
  .hs-layout-featured { grid-template-columns: 1fr; }
  .hs-layout-textlist { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .hs-small-card      { width: 100%; }
  .hs-grid-cols-4,
  .hs-grid-cols-3     { grid-template-columns: 1fr; }
  .hs-featured-card__img { height: 220px; }
  .hs-feat-big-card__img { height: 240px; }
}

/* ===================================
   ANA SAYFA — TAM GENİŞLİK (sidebar yok)
   =================================== */
.home #main-content {
  max-width: 100%;
  width: 100%;
}
.home .container {
  max-width: 1140px;
  margin: 0 auto;
}

/* ===================================
   ÖZEL LOGO STİLİ
   =================================== */
.site-logo .custom-logo-link {
  display: flex;
  align-items: center;
  height: 46px;
  background: transparent;
}
.site-logo .custom-logo {
  max-height: 42px;
  max-width: 200px;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  object-position: left center;
}

/* ===================================
   RESPONSIVE SLIDER
   =================================== */
@media (max-width: 640px) {
  .slider-arrow { width: 30px; height: 48px; font-size: 22px; }
  .slider-dot--thumb { width: 44px; height: 30px; }
}



/* ===================================
   SINGLE.PHP MOBİL DÜZELTME
   =================================== */
@media (max-width: 960px) {
  /* Tek sütun — sidebar alta */
  .single-layout {
    grid-template-columns: 1fr;
  }
  .single-sidebar {
    position: static;
  }
  /* İlgili haberler 2 sütun */
  .related-news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  /* İçerik genişlik taşması */
  .single-main { padding: 8px 0 20px; }

  .single-article {
    padding: 12px 10px;
    overflow: hidden;
  }

  /* Resimler taşmasın */
  .single-content img,
  .single-content iframe,
  .single-content video,
  .single-content table {
    max-width: 100% !important;
    height: auto !important;
    overflow-x: auto;
    display: block;
  }

  /* Tablolar yatay scroll */
  .single-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  /* Başlık */
  .single-title { font-size: 18px; }

  /* Meta bilgiler — yan yana, wrap ile taşmaz */
  .single-meta {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px 12px;
    font-size: 11px;
    align-items: center;
  }
  .single-meta span {
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
  }

  /* Sosyal paylaşım butonları küçük — yan yana */
  .single-share {
    flex-wrap: wrap;
    gap: 5px;
  }
  .share-btn {
    padding: 5px 10px;
    font-size: 12px;
    flex: 1;
    justify-content: center;
    min-width: 80px;
    max-width: 120px;
  }

  /* Thumbnail */
  .single-thumb-img { max-height: 280px; }

  /* İçerik yazı boyutu */
  .single-content { font-size: 15px; }
  .single-content h2 { font-size: 18px; }
  .single-content h3 { font-size: 16px; }

  /* Etiketler */
  .single-tags { flex-wrap: wrap; }

  /* İlgili haberler tek sütun */
  .related-news-grid { grid-template-columns: 1fr; }

  /* Sidebar news list */
  .sidebar-news-item__img { width: 60px; height: 44px; }
}

@media (max-width: 480px) {
  .single-article { padding: 10px 8px; }
  .single-title { font-size: 16px; }
  .single-content { font-size: 14px; line-height: 1.7; }
  .share-btn span { display: none; } /* Yazı gizle, sadece ikon */
}

/* ===================================
   PAGE.PHP STİLLERİ
   =================================== */
.page-main { padding: 16px 0 30px; }

.page-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 16px;
  align-items: start;
}

/* Makale alanı */
.page-article {
  background: #fff;
  padding: 24px;
  overflow: hidden;
}

/* Başlık */
.page-header { margin-bottom: 16px; }
.page-title {
  font-size: 26px;
  font-weight: 900;
  color: #111;
  line-height: 1.3;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 3px solid #d0011b;
}

/* Öne çıkan görsel */
.page-thumbnail { margin-bottom: 16px; }
.page-thumb-img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  display: block;
}

/* İçerik */
.page-content {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
.page-content p  { margin-bottom: 16px; }
.page-content h2 { font-size: 22px; font-weight: 800; color: #111; margin: 20px 0 10px; }
.page-content h3 { font-size: 18px; font-weight: 700; color: #111; margin: 16px 0 8px; }
.page-content img {
  max-width: 100%;
  height: auto;
  margin: 12px 0;
  display: block;
}
.page-content a { color: #d0011b; text-decoration: underline; }
.page-content ul, .page-content ol {
  padding-left: 20px;
  margin-bottom: 16px;
}
.page-content li { margin-bottom: 6px; }
.page-content blockquote {
  border-left: 4px solid #d0011b;
  padding: 10px 16px;
  background: #fafafa;
  font-style: italic;
  margin: 16px 0;
  color: #555;
}
.page-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
  display: block;
  overflow-x: auto;
}
.page-content table th,
.page-content table td {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  font-size: 14px;
}
.page-content table th { background: #f5f5f5; font-weight: 700; }

/* Alt bilgi */
.page-footer-meta {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid #eee;
  font-size: 12px;
  color: #aaa;
}

/* Sayfa linkleri */
.page-links {
  margin: 16px 0;
  font-size: 13px;
}
.page-links a {
  display: inline-block;
  background: #d0011b;
  color: #fff;
  padding: 4px 10px;
  margin: 0 2px;
}

/* Sidebar */
.page-sidebar { position: sticky; top: 56px; }

/* Sidebar kategori listesi */
.sidebar-cat-list { list-style: none; }
.sidebar-cat-list li {
  border-bottom: 1px solid #f0f0f0;
}
.sidebar-cat-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 4px;
  font-size: 13px;
  color: #333;
  transition: color .15s;
}
.sidebar-cat-list li a:hover { color: #d0011b; }
.cat-count {
  background: #f0f0f0;
  color: #888;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 10px;
}

/* ===================================
   PAGE.PHP MOBİL
   =================================== */
@media (max-width: 960px) {
  .page-layout {
    grid-template-columns: 1fr;
  }
  .page-sidebar { position: static; }
}
@media (max-width: 768px) {
  .page-article { padding: 14px 12px; }
  .page-title   { font-size: 20px; }
  .page-content { font-size: 15px; }
  .page-content h2 { font-size: 18px; }
  .page-content h3 { font-size: 16px; }
  .page-thumb-img { max-height: 250px; }
}
@media (max-width: 480px) {
  .page-article { padding: 10px 8px; }
  .page-title   { font-size: 17px; }
  .page-content { font-size: 14px; line-height: 1.7; }
}

/* ===================================
   BOŞ REKLAM ALANLARI — GİZLE
   =================================== */

/* İçi boş olan banner-ad div'leri gizle */
.banner-ad:empty {
  display: none !important;
  margin: 0 !important;
}

/* Widget alanı aktif ama widget eklenmemişse */
.banner-ad > .widget:only-child:empty {
  display: none !important;
}

/* Mobilde gizlenmesi istenen reklam alanları */
@media (max-width: 768px) {
  .banner-ad--desktop-only { display: none !important; }
}
@media (min-width: 769px) {
  .banner-ad--mobile-only  { display: none !important; }
}

/* ===================================
   REKLAM ALANLARI — OTOMATİK SIĞDIR
   =================================== */
.banner-ad {
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  display: block;
  width: 100%;
}

/* Link sarmalayıcı tam genişlik */
.banner-ad a {
  display: block;
  width: 100%;
  line-height: 0;
}

/* Tüm resimler tam genişlik — küçük resim de uzar */
.banner-ad img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover;
}

/* iframe (AdSense, banner embed) */
.banner-ad iframe {
  display: block;
  width: 100% !important;
  border: none;
}

/* Google AdSense ins */
.banner-ad ins {
  display: block !important;
  width: 100% !important;
}

/* Widget içi sıfırla */
.banner-ad .widget,
.banner-ad .widget-wrap,
.banner-ad .wp-block-image,
.banner-ad figure,
.banner-ad p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  font-size: 0;
}
.banner-ad .widget img,
.banner-ad figure img,
.banner-ad .wp-block-image img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

/* ===================================
   SLIDER MOBİL TAŞMA DÜZELTMESİ
   =================================== */
@media (max-width: 768px) {

  /* Slider container taşmasın */
  #hero-slider,
  .hero-slider {
    overflow: hidden !important;
    max-width: 100vw;
    width: 100%;
  }

  /* Slide içi taşmasın */
  .hero-slide,
  .hero-slide__inner,
  .hero-slide__main {
    overflow: hidden !important;
    max-width: 100%;
    width: 100%;
  }

  /* Resim taşmasın */
  .hero-slide__img {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    object-fit: cover;
    object-position: center top;
  }

  /* Container padding */
  .hero-slider .container,
  .section-block .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Section block margin */
  .section-block {
    margin: 4px 0;
  }
}

/* ===================================
   REKLAM — SLIDER ARASI BOŞLUK KAPATMA
   =================================== */
.banner-ad { margin: 0 !important; }
.section-block { margin: 0 !important; }

/* Container içi boşluklar */
.container > .banner-ad { margin: 0 !important; }

/* Slider section üst boşluk */
.section-block:has(#hero-slider),
.section-block + .section-block { margin-top: 0 !important; }

/* ===================================
   WP ADMIN BAR — STICKY HEADER DÜZELTME
   =================================== */

/* Admin bar varken sticky header admin bar'ın altına yapış */
.admin-bar #site-header {
  top: 32px; /* WP admin bar yüksekliği */
}
@media (max-width: 782px) {
  .admin-bar #site-header {
    top: 46px; /* Mobilde admin bar daha yüksek */
  }
}

/* Admin bar varken body padding */
.admin-bar .site-sidebar,
.admin-bar .single-sidebar,
.admin-bar .page-sidebar {
  top: calc(56px + 32px);
}
@media (max-width: 782px) {
  .admin-bar .site-sidebar,
  .admin-bar .single-sidebar,
  .admin-bar .page-sidebar {
    top: calc(56px + 46px);
  }
}