/**
 * Haber tema — gelişmiş responsive katman
 * Breakpoint sözleşmesi: mobil chrome = 1024px (tema ile uyumlu)
 * Bu dosya theme.css + SiteOrigin head stillerinden SONRA yüklenir.
 */

/* ——— Temel güvenlik ——— */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
img,
video,
iframe,
embed,
object {
  max-width: 100%;
  height: auto;
}

/* Manşet tasarım görselleri global img kuralından etkilenmesin */
.manset-tasarim-gorsel img,
.manset-tasarim-gorsel .manset-tasarim-img-el,
.posts-6a46fd1d0f4cd[data-manset-tasarim] img,
.posts-6a46fd1d16b3d[data-manset-tasarim] img {
  max-width: none;
  height: 100% !important;
}

/* Anasayfa kart img’leri global height:auto ile bozulmasın */
[class*="posts-"] ul li .post-image img {
  max-width: 100%;
}
.esen-container {
  box-sizing: border-box;
}
.panel-grid,
.panel-grid-cell,
.so-panel,
[class*="posts-"] {
  box-sizing: border-box;
  max-width: 100%;
}
.demo-reklam-banner,
.hd-reklam-slot,
.reklam_esn2,
.header-reklam-code {
  max-width: 100%;
  overflow: hidden;
}
.demo-reklam-banner img,
.hd-reklam-slot img,
.reklam_esn2 img {
  max-width: 100% !important;
  height: auto !important;
}

/* ——— Tablet / mobil: panel satırlarını stack (780→1024 hizası) ——— */
@media (max-width: 1024px) {
  .panel-grid.panel-has-style > .panel-row-style,
  .panel-grid.panel-no-style {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  .panel-grid-cell,
  [id^="pgc-147-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #pg-147-4 > .panel-row-style,
  #pg-147-7 > .panel-row-style,
  #pg-147-9 > .panel-row-style,
  #pg-147-12 > .panel-row-style,
  #pg-147-13 > .panel-row-style,
  #pg-147-15 > .panel-row-style,
  #pg-147-16 > .panel-row-style {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    gap: 16px;
  }

  #pgc-147-4-0,
  #pgc-147-4-1,
  #pgc-147-7-0,
  #pgc-147-7-1,
  #pgc-147-9-0,
  #pgc-147-9-1,
  #pgc-147-12-0,
  #pgc-147-12-1,
  #pgc-147-15-0,
  #pgc-147-15-1 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Pageskin / yan reklam — yatay scroll önle */
  .pageskin-sol-sag-ad,
  .pageskin-left,
  .pageskin-right {
    display: none !important;
  }

  body.siteorigin-panels-before-js {
    overflow-x: hidden;
  }

  /* Sidebar menü — küçük ekranda tam yükseklik */
  .primary-nav-sidebar-wrapper {
    top: 120px !important;
    height: calc(100% - 140px) !important;
    padding: 0 20px !important;
  }

  .sn-sidenav {
    width: min(86vw, 360px) !important;
    opacity: 1;
  }

  /* Mobil arama: hover yerine dokunmatik */
  .search-mobile-top:focus-within > .m-arama,
  .search-mobile-top.is-open > .m-arama,
  .m-arama.is-open {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* İçerik / detay: tek kolon */
  .content-left-right-container {
    flex-wrap: wrap !important;
    display: block !important;
  }

  .content-left,
  .content-left.standart-sidebar,
  .content-right,
  .content-right.standart-sag-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    border-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .content-right {
    display: block !important;
    margin-top: 20px;
  }

  /* Manşet tasarım — panel oranını koru (cqw ile ölçeklenir); oran/font ezilmesin */
  .posts-6a46fd1d0f4cd[data-manset-tasarim],
  .posts-6a46fd1d16b3d[data-manset-tasarim] {
    height: auto !important;
    min-height: 0 !important;
  }

  .posts-6a46fd1d0f4cd[data-manset-tasarim] .manset-tasarim-katman,
  .posts-6a46fd1d16b3d[data-manset-tasarim] .manset-tasarim-katman {
    aspect-ratio: 982 / 330 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .manset-tasarim-overlay {
    width: 55% !important;
  }

  .manset-tasarim-etiket span {
    font-size: clamp(9px, 1.2cqw, 12px);
    padding: 0.35rem 0.55rem;
  }

  /* Klasik manşet (tasarımsız): sabit yüksekliği koru */
  .posts-6a46fd1d0f4cd:not([data-manset-tasarim]) {
    height: 294px !important;
    min-height: 220px !important;
  }

  .posts-6a46fd1d0f4cd:not([data-manset-tasarim]) .slide-item img,
  .posts-6a46fd1d0f4cd:not([data-manset-tasarim]) .owl-item.active .slide-item img {
    height: 294px !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  [class*="manset-title"],
  .posts-6a46fd1d16b3d .titles,
  .posts-6a46fd1d16b3d .news-title {
    font-size: clamp(18px, 3.5vw, 28px) !important;
    line-height: 1.25 !important;
  }

  /* Video galeri */
  .k-widget-6 {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  .k-widget-6-left,
  .k-widget-6-right {
    width: 100% !important;
    max-width: 100% !important;
  }

  .k-widget-6 .k-widget-6-left {
    height: auto !important;
    min-height: 220px;
  }

  .k-widget-6 .k-widget-6-left .post-thumbnail {
    aspect-ratio: 16 / 9;
    height: auto !important;
    min-height: 200px;
  }

  .k-widget-6-right {
    max-height: 280px !important;
    height: 280px !important;
    margin-top: 0 !important;
  }

  .k-widget-6 .k-widget-6-left .post-thumbnail a > div.news-title,
  .k-widget-6 .k-widget-6-left .post-thumbnail a h3 {
    font-size: 18px !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 20px !important;
    padding: 0 !important;
  }

  .k-widget-6 .k-widget-6-left .post-thumbnail a .k-widget-6-left-title {
    left: 16px !important;
    width: calc(100% - 32px) !important;
    font-size: 14px !important;
  }

  /* Namaz — dikey düzen */
  .namaz {
    flex-direction: column !important;
    overflow: visible !important;
  }

  .namaztab {
    width: 100% !important;
    flex: 0 0 auto !important;
    height: 160px !important;
    max-height: 160px;
    transform: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #dcdcdc;
  }

  .namaztab li {
    transform: none !important;
    width: auto !important;
    float: none !important;
    display: inline-block !important;
  }

  .namaz-icerik {
    width: 100% !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 280px;
  }

  .namaz-icerik-cont {
    height: auto !important;
    padding: 16px 12px 20px !important;
  }

  /* Popüler kartlar */
  .posts-6a46fd1d55daf ul {
    margin: -8px !important;
  }

  .posts-6a46fd1d55daf ul li {
    width: calc(50% - 16px) !important;
    margin: 8px !important;
  }

  .posts-6a46fd1d58bbf ul li {
    width: calc(50% - 16px) !important;
    margin: 8px !important;
  }

  .posts-6a46fd1d58bbf ul li .li-con {
    min-height: 100px;
  }

  /* Üst şerit / 5’li grid → 2 kolon */
  .posts-6a46fd1d130f0 ul li {
    width: calc(50% - 12px) !important;
    flex: 0 0 calc(50% - 12px) !important;
  }

  /* Footer */
  .footer-widget-inner {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 0 20px !important;
  }

  .hd-page-title {
    font-size: 26px;
  }

  /* Yatay taşmayı kes */
  .site-content,
  #primary,
  .site-main,
  .panel-layout {
    overflow-x: clip;
  }
}

/* ——— Telefon (≤768) ——— */
@media (max-width: 768px) {
  .esen-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .posts-6a46fd1d55daf ul li {
    width: calc(50% - 10px) !important;
    margin: 5px !important;
  }

  .posts-6a46fd1d55daf ul li div.news-title,
  .posts-6a46fd1d55daf ul li .news-title {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .posts-6a46fd1d58bbf ul li {
    width: 100% !important;
    margin: 6px 0 !important;
  }

  .posts-6a46fd1d58bbf ul li .post-image {
    flex-basis: 36% !important;
    width: 36% !important;
    max-width: 36% !important;
  }

  .posts-6a46fd1d58bbf ul li .news-title {
    font-size: 14px !important;
  }

  .posts-6a46fd1d0f4cd[data-manset-tasarim] .manset-tasarim-katman,
  .posts-6a46fd1d16b3d[data-manset-tasarim] .manset-tasarim-katman {
    aspect-ratio: 982 / 330 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .manset-tasarim-metin-alani {
    padding: 0.65rem !important;
  }

  /* Foto / video galeri başlıkları */
  #pg-147-13 [class*="posts-"] ul li,
  .posts-6a46fd1d506b6 ul li,
  .posts-6a46fd1d51758 ul li {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Yazarlar carousel */
  #pg-147-8 .owl-item,
  #pg-blok-yazarlar .owl-item {
    min-width: 0;
  }

  #pg-147-8 .slide-item img,
  #pg-blok-yazarlar .slide-item img {
    max-width: 100%;
    height: auto;
  }

  /* Piyasa / tablolar */
  .div-icerik > table,
  .div-icerik2 > table,
  .entry-content table,
  .piyasa-widget table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .entry-title,
  .est-header-1 > .entry-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .est-header-1 > .post-excerpt {
    font-size: 16px !important;
  }

  .est-content-1 {
    font-size: 16px !important;
    padding: 8px 4px !important;
  }

  .hd-page-title {
    font-size: 22px;
  }

  .namaztab {
    height: 140px !important;
  }

  .namaz-icerik {
    min-height: 260px;
  }

  .footer-widget-inner {
    width: 100% !important;
    flex-basis: 100% !important;
  }

  /* Owl taşması — stage flex KULLANMA (carousel kırılır) */
  .owl-carousel .owl-item {
    min-width: 0;
  }
}

/* ——— Küçük telefon (≤480) ——— */
@media (max-width: 480px) {
  .esen-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .posts-6a46fd1d55daf > ul > li,
  .posts-6a46fd1d130f0 > ul > li,
  .posts-6a46fd1d506b6 > ul > li,
  .posts-6a46fd1d51758 > ul > li,
  section[class*="posts-"]:not([class*="0f4cd"]):not([class*="16b3d"]) > ul:not(.owl-carousel) > li {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Yatay popüler liste — tek kolon ama görsel+başlık yan yana kalsın */
  .posts-6a46fd1d58bbf ul li {
    width: 100% !important;
  }

  .posts-6a46fd1d58bbf ul li .li-con {
    min-height: 88px;
  }

  .posts-6a46fd1d58bbf ul li .post-image {
    flex-basis: 40% !important;
    width: 40% !important;
    max-width: 40% !important;
  }

  .posts-6a46fd1d58bbf ul li .post-image img {
    min-height: 88px;
  }

  .posts-6a46fd1d0f4cd[data-manset-tasarim] .manset-tasarim-katman,
  .posts-6a46fd1d16b3d[data-manset-tasarim] .manset-tasarim-katman {
    aspect-ratio: 982 / 330 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .manset-tasarim-metin-alani {
    padding: 0.5rem !important;
  }

  .k-widget-6 .k-widget-6-left .post-thumbnail a > div.news-title,
  .k-widget-6 .k-widget-6-left .post-thumbnail a h3 {
    font-size: 15px !important;
    bottom: 12px !important;
  }

  .k-widget-6 .k-widget-6-left .post-thumbnail > .fa-play,
  .k-widget-6 .k-widget-6-left .post-thumbnail .fa-play {
    width: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
    line-height: 40px !important;
    margin-left: -22px !important;
    margin-top: -22px !important;
  }

  .article-category {
    font-size: 11px;
  }

  .posts-6a46fd1d55daf ul li .post-image > .article-category,
  .posts-6a46fd1d58bbf ul li .post-image > .article-category {
    display: none;
  }

  .hd-page-title {
    font-size: 20px;
  }

  .sn-sidenav {
    width: 92vw !important;
  }

  .mobile-side-logo > a > img {
    max-width: 70% !important;
    max-height: 48px !important;
  }

  /* Detay: sağ sidebar gizlenebilir ama reklamlar kalsın */
  .content-right.standart-sag-sidebar .widget:not(.hd-detay-sidebar-reklam) {
    margin-bottom: 16px;
  }
}

/* ——— Çok küçük (≤360) ——— */
@media (max-width: 360px) {
  .logo a img,
  .msite-logo {
    max-width: 130px !important;
  }

  .manset-tasarim-metin {
    /* mobil: inline cqw panelle aynı oran */
  }

  .posts-6a46fd1d58bbf ul li .news-title {
    font-size: 13px !important;
  }
}

/* ——— Orta tablet yatay (1025–1200): sıkışmayı azalt ——— */
@media (min-width: 1025px) and (max-width: 1200px) {
  .main-navigation > .esen-container > .menu-ana-menu-container > ul {
    flex-wrap: wrap !important;
    justify-content: flex-start;
  }

  .main-navigation > .esen-container > .menu-ana-menu-container > ul > li {
    padding: 0 6px !important;
    font-size: 13px !important;
  }

  #pg-147-15 > .panel-row-style {
    gap: 14px;
  }
}

/* ——— Yazdırma ——— */
@media print {
  .mobile-header,
  .mobil-menu-bar,
  .sn-sidenav,
  .sn-backdrop,
  .pageskin-sol-sag-ad,
  .footer-fix-reklam-container,
  .panel-on-yuz-admin-bar,
  .search-box {
    display: none !important;
  }
}

/* ——— Anasayfa kart görselleri: card’a tam sığsın ——— */
/* Global img{height:auto} absolute cover kutularını bozuyor */
[class*="posts-"] ul li .post-image {
  line-height: 0 !important;
  overflow: hidden !important;
  position: relative;
}

[class*="posts-"] ul li .post-image > img,
[class*="posts-"] ul li .post-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
}

/* Overlay başlıklı kartlar (Eğitim, Siyaset, Ekonomi overlay vb.) */
[class*="posts-"] ul li .post-image > .news-title {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  color: #fff !important;
  white-space: normal !important;
  overflow: hidden;
}

/* padding-top aspect-ratio kutusu: görsel inset:0 ile doldur — height:auto UYGULAMA */
[class*="posts-"] ul li .post-image img[style*="position"] {
  height: auto !important;
}

.posts-6a46fd1d273bc ul li .post-image img,
.posts-6a46fd1d2a2c9 ul li .post-image img,
.posts-6a46fd1d313c6 ul li .post-image img,
.posts-6a46fd1d42c83 ul li .post-image img,
.posts-6a46fd1d4461d ul li .post-image img,
.posts-6a46fd1d5f750 ul li .post-image img,
.posts-6a46fd1d61911 ul li .post-image img,
.posts-6a46fd1d63a57 ul li .post-image img,
.posts-6a46fd1d2e7cc ul li .post-image img {
  height: auto !important;
}

.posts-6a46fd1d2f7fa ul li .post-image,
.posts-6a46fd1d2b776 ul li .post-image,
.posts-6a46fd1d31f83 ul li .post-image {
  padding-top: 56.25% !important;
  height: 0 !important;
  min-height: 0 !important;
}

.posts-6a46fd1d2f7fa ul li .post-image img,
.posts-6a46fd1d2b776 ul li .post-image img,
.posts-6a46fd1d31f83 ul li .post-image img {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 16:9 overlay kartlar — satır yüksekliği boşluğu yok */
.posts-6a46fd1d273bc ul li .post-image,
.posts-6a46fd1d2a2c9 ul li .post-image,
.posts-6a46fd1d313c6 ul li .post-image,
.posts-6a46fd1d42c83 ul li .post-image,
.posts-6a46fd1d4461d ul li .post-image,
.posts-6a46fd1d5f750 ul li .post-image,
.posts-6a46fd1d61911 ul li .post-image,
.posts-6a46fd1d63a57 ul li .post-image {
  line-height: 0 !important;
  overflow: hidden !important;
}

.posts-6a46fd1d273bc ul li .post-image img,
.posts-6a46fd1d2a2c9 ul li .post-image img,
.posts-6a46fd1d313c6 ul li .post-image img,
.posts-6a46fd1d42c83 ul li .post-image img,
.posts-6a46fd1d4461d ul li .post-image img,
.posts-6a46fd1d5f750 ul li .post-image img,
.posts-6a46fd1d61911 ul li .post-image img,
.posts-6a46fd1d63a57 ul li .post-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

/* Eğitim/Magazin overlay (4461d): az haberde kart küçülmesin */
.posts-6a46fd1d4461d ul li:not([class*="advert"]) {
  flex: 1 1 calc(33.33% - 20px) !important;
  width: auto !important;
  min-width: min(100%, 300px) !important;
  max-width: calc(50% - 20px) !important;
}

.posts-6a46fd1d4461d ul li .post-image > .news-title {
  z-index: 4 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75) !important;
}

.posts-6a46fd1d4461d ul li .post-image > [class*="-overlay"] {
  z-index: 2 !important;
  pointer-events: none;
}

/* Ekonomi / siyaset kart başlıkları — boş beyaz kutu şişmesin */
.posts-6a46fd1d2f7fa ul li .post-title,
.posts-6a46fd1d31f83 ul li .post-title,
.posts-6a46fd1d2b776 ul li .post-title {
  padding: 10px 12px !important;
  background: #fff !important;
  margin: 0 !important;
}

.posts-6a46fd1d2f7fa ul li .post-title .news-title,
.posts-6a46fd1d31f83 ul li .post-title .news-title,
.posts-6a46fd1d2b776 ul li .post-title .news-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
  max-height: calc(1.35em * 3) !important;
  padding: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111 !important;
  position: static !important;
  background: transparent !important;
}

.posts-6a46fd1d2f7fa ul li,
.posts-6a46fd1d31f83 ul li,
.posts-6a46fd1d2b776 ul li {
  align-self: flex-start !important;
  height: auto !important;
}

/* Magazin yatay liste hizalama */
.posts-6a46fd1d28322 ul li .li-con {
  display: flex !important;
  align-items: center !important;
}
.posts-6a46fd1d28322 ul li .post-image {
  float: none !important;
  flex: 0 0 35% !important;
  width: 35% !important;
  margin: 0 12px 0 0 !important;
  overflow: hidden !important;
}
.posts-6a46fd1d28322 ul li .post-image img {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  height: auto !important;
}
.posts-6a46fd1d28322 ul li .post-title .news-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  max-height: calc(1.35em * 3) !important;
}

/* Dik manşet: sol sütunda orantılı yükseklik */
.posts-6a46fd1d2e7cc ul li .post-image {
  line-height: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  border-radius: 0;
}
.posts-6a46fd1d2e7cc ul li .post-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Alt 3’lü grid: 4. karttan sonrası gizle (demo kalıntısı güvenlik ağı) */
.posts-6a46fd1d31f83 ul li:nth-child(n+4) {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .posts-6a46fd1d2f7fa ul li .post-image img,
  .posts-6a46fd1d2b776 ul li .post-image img,
  .posts-6a46fd1d31f83 ul li .post-image img {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    inset: 0 !important;
    transform: none !important;
  }
}