/* =========================
   MOBİL DÜZELTMELER
========================= */
@media (max-width: 768px) {

  /* LOGO + ÜST BAR */
  .logo{
    font-size:22px;
  }

  .top-nav .container{
    padding-bottom:10px;
  }

  .video-btn{
    padding:4px 10px;
    font-size:13px;
  }

  /* SOSYAL + ARAMA */
  .search-icon,
  .social-icons a{
    font-size:16px;
  }

  /* İLLER BAR */
  .iller-bar .btn{
    font-size:12px;
    padding:4px 10px;
  }

  /* MANŞET */
  .manset-img{
    height:260px;
    border-radius:12px;
  }

  .manset-caption{
    bottom:50px;
    padding:16px;
    border-radius:12px;
  }

  .manset-caption h3{
    font-size:18px;
    line-height:1.3;
  }

  .manset-caption p{
    font-size:13px;
  }

  /* MANŞET NUMARALAR */
  .manset-numaralar{
    bottom:10px;
    gap:4px;
    flex-wrap:wrap;
    max-width:90%;
  }

  .manset-numaralar span{
    width:26px;
    height:26px;
    line-height:26px;
    font-size:11px;
  }

  /* KARTLAR */
  .haber-img{
    height:180px;
  }

  .card-body h6{
    font-size:15px;
  }

  .card-body p{
    font-size:13px;
  }

  /* REKLAMLAR */
  .reklam{
    font-size:13px;
    text-align:center;
  }

  /* FOOTER */
  footer .container{
    text-align:center;
  }
}

body{background:#f4f6f9;font-family:'roboto',system-ui,sans-serif}
.logo{font-size:28px;font-weight:800;color:#0d6efd}

.top-nav{border-bottom:1px solid #e5e7eb}
.menu a{font-size:13px;font-weight:500;color:#111827;text-decoration:none;padding:6px 10px}
.menu a:hover{color:#0d6efd}

.video-btn{border-radius:10px;font-weight:500}

.search-icon,.social-icons a{font-size:18px;color:#374151;cursor:pointer}
.search-icon:hover,.social-icons a:hover{color:#0d6efd}
.social-icons a{font-size:13px;margin-left:10px}

.iller-bar{background:#e5e7eb;border-bottom:1px solid #d1d5db}
.iller-bar .btn{font-size:13px;font-weight:500;border-radius:10px}

/* MANŞET */
.manset-wrapper{position:relative}
.manset-img{height:440px;object-fit:cover;border-radius:10px}
.manset-caption{
  position:absolute;bottom:80px;left:20px;right:20px;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.85));
  color:#fff;padding:26px;border-radius:10px;
}
.manset-caption h3{font-size:26px;font-weight:700}
.manset-caption p{font-size:15px;margin-bottom:0}

.manset-numaralar{
  position:absolute;bottom:22px;left:50%;transform:translateX(-50%);
  display:flex;gap:6px;
}
.manset-numaralar span{
  width:30px;height:30px;line-height:30px;text-align:center;
  background:#fff;font-size:12px;font-weight:600;
  cursor:pointer;border-radius:8px;opacity:.6;
}
.manset-numaralar span.active,
.manset-numaralar span:hover{background:#0d6efd;color:#fff;opacity:1}

/* KARTLAR */
.card{border-radius:10px;overflow:hidden}
.haber-img{height:210px;object-fit:cover}
.card-body h6{font-weight:600}
.card-body p{font-size:14px;color:#4b5563;margin-bottom:0}

.reklam{
  background:#e5e7eb;color:#475569;
  display:flex;align-items:center;justify-content:center;
  font-weight:600;border-radius:10px;
}

footer{background:#020617;color:#fff}
footer a{color:#cbd5f5;text-decoration:none;font-size:13px}
footer a:hover{color:#fff;text-decoration:underline}


.manset-il {
    background:#c00;
    color:#fff;
    padding:4px 10px;
    font-size:12px;
    font-weight:600;
    border-radius:3px;
}

#mansetBaslik:hover,
#mansetOzet:hover {
    text-decoration: underline;
}




/* HABER DETAY */
.detay-wrapper{background:#fff;border-radius:10px;padding:24px}
.detay-baslik{font-size:28px;font-weight:700;line-height:1.35}
.detay-meta{font-size:13px;color:#6b7280}

.buyuk-resim{
  width:100%;
  height:420px;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:14px;
}

/* GALERİ */
.kucuk-galeri{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.kucuk-galeri img{
  width:100%;
  height:90px;
  object-fit:cover;
  border-radius:10px;
  cursor:pointer;
  opacity:.7;
  transition:.2s;
}
.kucuk-galeri img:hover,
.kucuk-galeri img.active{
  opacity:1;
  outline:2px solid #0d6efd;
}

/* METİN */
.detay-icerik p{
  font-size:15px;
  line-height:1.75;
  color:#1f2937;
  margin-bottom:16px;
}

.reklam{
  background:#e5e7eb;border:2px dashed #94a3b8;color:#475569;
  display:flex;align-items:center;justify-content:center;
  font-weight:600;border-radius:10px;
}



@media(max-width:768px){
  .kucuk-galeri{grid-template-columns:repeat(3,1fr)}
  .buyuk-resim{height:300px}
}



.video-thumb{position:relative;cursor:pointer}
.video-thumb img{height:200px;object-fit:cover}
.video-thumb i{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-size:48px;
  color:#fff;
  text-shadow:0 0 20px rgba(0,0,0,.8)
}


.arsiv-box{background:#fff;border-radius:10px;padding:20px}
.haber-item{border-bottom:1px solid #e5e7eb;padding:12px 0}
.haber-item:last-child{border:none}
.haber-item a{font-weight:600;color:#0f172a;text-decoration:none}
.haber-item a:hover{color:#0d6efd}
.tarih{font-size:12px;color:#6b7280}

/* pagination kır */
.pagination{flex-wrap:wrap;gap:4px}
.page-link{min-width:38px;text-align:center}






.box{background:#fff;border-radius:10px;padding:20px}
.haber{border-bottom:1px solid #e5e7eb;padding:14px 0}
.haber:last-child{border:none}
.haber a{font-weight:600;color:#0f172a;text-decoration:none}
.haber a:hover{color:#0d6efd}
.tarih{font-size:12px;color:#6b7280}
.pagination{flex-wrap:wrap;gap:4px}
.sonuc{font-size:14px;color:#374151}







/* =========================
   POPUP
========================= */
.popup-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.popup-box{
  background:#fff;
  border-radius:16px;
  padding:30px;
  width:90%;
  max-width:520px;
  position:relative;
  text-align:center;
  animation:popupAnim .3s ease;
}

.popup-close{
  position:absolute;
  top:10px;
  right:12px;
  border:none;
  background:none;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  color:#374151;
}

.popup-close:hover{
  color:#dc2626;
}

@keyframes popupAnim{
  from{transform:scale(.9);opacity:0}
  to{transform:scale(1);opacity:1}
}






/* MOBİL MENÜ */
.mobile-menu a{
  display:block;
  padding:12px 0;
  font-size:16px;
  font-weight:600;
  color:#0f172a;
  text-decoration:none;
  border-bottom:1px solid #e5e7eb;
}

.mobile-menu a:hover{
  color:#0d6efd;
}

.offcanvas{
  border-radius:0 16px 16px 0;
}



/* =========================
   MOBİL MANŞET DOT MODU
========================= */
@media (max-width:768px){

  .manset-numaralar{
    bottom:14px;
    gap:6px;
  }

  .manset-numaralar span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fff;
    opacity:.5;

    /* Rakamı gizle */
    font-size:0;
    line-height:0;
    text-indent:-9999px;
    overflow:hidden;
  }

  .manset-numaralar span.active{
    background:#0d6efd;
    opacity:1;
    transform:scale(1.2);
  }

}