/* =============================================
   HABERPULSE - Responsive Styles
   ============================================= */

@media (max-width: 1100px) {
  .home-layout { grid-template-columns: 1fr 280px; }
  .haberler-grid { grid-template-columns: repeat(2, 1fr); }
  .haber-detay-layout { grid-template-columns: 1fr 280px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .admin-stats { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .home-layout, .haber-detay-layout { grid-template-columns: 1fr; }
  .sidebar { display: grid; grid-template-columns: repeat(2, 1fr); }
  .manset-baslik { font-size: 1.7rem; }
  .nav-search input { width: 160px; }
  .nav-search input:focus { width: 190px; }
}

@media (max-width: 768px) {
  .mobile-menu-btn { display: flex; }
  .nav-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    background: var(--koyu);
    flex-direction: column;
    padding: 12px;
    z-index: 999;
    border-top: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 10px 30px rgba(0,0,0,.4);
  }
  .nav-list.open { display: flex; }
  .main-nav .container { position: relative; flex-wrap: wrap; padding: 10px 20px; }
  .nav-search { width: 100%; padding: 8px 0; order: 3; }
  .nav-search input { width: 100%; }
  .nav-search input:focus { width: 100%; }
  .haberler-grid { grid-template-columns: 1fr; }
  .sidebar { grid-template-columns: 1fr; }
  .manset-overlay { padding: 24px; }
  .manset-baslik { font-size: 1.4rem; }
  .haber-detay-baslik { font-size: 1.6rem; }
  .form-row { grid-template-columns: 1fr; }
  .header-actions .tarih-info { display: none; }
  .admin-wrap { flex-direction: column; }
  .admin-sidebar { width: 100%; }
  .admin-stats { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .auth-card { padding: 32px 24px; }
}

@media (max-width: 480px) {
  .header-top-inner { flex-wrap: wrap; gap: 10px; }
  .logo-text { font-size: 1.4rem; }
  .admin-stats { grid-template-columns: 1fr; }
  .manset-card { min-height: 320px; }
  .haber-detay-baslik { font-size: 1.4rem; }
  .admin-tablo-kart { overflow-x: auto; }
}

/* Animasyonlar */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.haber-kart { animation: fadeInUp .4s ease both; }
.haber-kart:nth-child(1) { animation-delay: .05s; }
.haber-kart:nth-child(2) { animation-delay: .1s; }
.haber-kart:nth-child(3) { animation-delay: .15s; }
.haber-kart:nth-child(4) { animation-delay: .2s; }
.haber-kart:nth-child(5) { animation-delay: .25s; }
.haber-kart:nth-child(6) { animation-delay: .3s; }

/* Yeni özellikler responsive */
@media (max-width: 900px) {
  .iletisim-grid { grid-template-columns: 1fr; }
  .slide-inner { padding: 24px; }
  .manset-baslik { font-size: 1.5rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .footer-grid { grid-template-columns: 1fr; gap: 20px; }
  .footer-poll { grid-column: 1 / -1; }
  .slider-btn { width: 38px; height: 38px; font-size: 1.3rem; }
  .slide-inner { padding: 18px; }
  .manset-baslik { font-size: 1.25rem; }
}

/* Profil responsive */
@media (max-width: 768px) {
    .profil-header-kart { flex-wrap: wrap; }
    .profil-sekmeler { gap: 2px; }
    .profil-sekme { padding: 8px 10px; font-size: .8rem; }
    .yorum-stats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .profil-foto-buyuk, .profil-foto-placeholder-buyuk { width: 70px; height: 70px; }
    .yorum-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .profil-sekmeler { flex-direction: column; }
    .profil-sekme { flex: none; }
}