body { background: #f8f9fa; }
.card-title a { color: #0d6efd; text-decoration: none; }
.card-title a:hover { text-decoration: underline; }
footer { font-size: 0.95rem; }

/* Responsive Grid ve Kartlar */
.card {
  min-width: 0;
  word-break: break-word;
}
.card-img-top, .carousel-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 350px;
}
.carousel-caption {
  left: 0;
  right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Sidebar responsive */
@media (max-width: 991.98px) {
  .col-lg-5, .col-lg-4, .col-lg-7, .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  aside, .sidebar {
    margin-top: 2rem;
  }
}

/* Kartlar iki sütun tablet, tek sütun mobil */
@media (max-width: 767.98px) {
  .col-md-6, .col-md-4, .col-md-7, .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .carousel-caption {
    font-size: 0.95rem;
    padding: 0.5rem 0.5rem;
  }
}

/* Navbar ve Footer mobilde tam genişlik */
.navbar, footer {
  width: 100vw;
  left: 0;
  right: 0;
}

/* Kart başlıkları ve metin taşmalarını engelle */
.card-title, .card-text {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Sidebar kartları mobilde üst üste gelsin */
@media (max-width: 991.98px) {
  aside .card { margin-bottom: 1.5rem; }
}

/* Karanlık tema desteği */
body.dark-mode {
  background: #181a1b;
  color: #e0e0e0;
}
body.dark-mode .card {
  background: #23272b;
  color: #e0e0e0;
}
body.dark-mode .navbar, body.dark-mode footer {
  background: #23272b !important;
  color: #e0e0e0;
}
body.dark-mode .card-title a {
  color: #90caf9;
}
body.dark-mode .card-title a:hover {
  color: #42a5f5;
}
body.dark-mode .alert {
  background: #23272b;
  color: #e0e0e0;
  border-color: #444;
}
body.dark-mode .dropdown-menu {
  background: #23272b;
  color: #e0e0e0;
}
body.dark-mode .table {
  color: #e0e0e0;
}
body.dark-mode .btn-primary {
  background: #1976d2;
  border-color: #1976d2;
}
body.dark-mode .btn-secondary {
  background: #424242;
  border-color: #424242;
}

/* Modern ana sayfa için ek stiller */
.modern-slider {
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 6px 32px 0 rgba(0,0,0,0.12);
}
.slider-img {
  max-height: 420px;
  object-fit: cover;
  border-radius: 1.5rem;
}
.modern-slider-caption {
  background: rgba(24, 24, 24, 0.45);
  border-radius: 1rem;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.10);
}
.modern-slider-title:hover {
  text-decoration: underline;
  color: #ffd600;
}
.modern-slider-date {
  color: #e0e0e0;
  font-size: 1rem;
}
.modern-slider-arrow {
  width: 48px;
  height: 48px;
  top: 50%;
  transform: translateY(-50%);
  background: #23272b !important;
  border-radius: 50%;
  opacity: 0.85;
}

.modern-main-title {
  letter-spacing: -1px;
  color: #0d6efd;
  margin-bottom: 2.5rem;
}

.modern-post-card {
  transition: box-shadow 0.2s, transform 0.2s;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #fff;
}
.modern-post-card:hover {
  box-shadow: 0 8px 32px 0 rgba(13,110,253,0.10), 0 1.5px 8px 0 rgba(0,0,0,0.08);
  transform: translateY(-4px) scale(1.02);
}
.modern-post-img {
  max-height: 220px;
  object-fit: cover;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}
.modern-post-title a {
  color: #23272b;
  text-decoration: none;
  transition: color 0.2s;
}
.modern-post-title a:hover {
  color: #0d6efd;
  text-decoration: underline;
}
.modern-post-excerpt {
  color: #444;
  font-size: 1.05rem;
  min-height: 48px;
}
.modern-post-stats span {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.98rem;
}
.avatar-placeholder {
  width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; background: #e9ecef; border-radius: 50%; }

@media (max-width: 991.98px) {
  .modern-slider, .slider-img { max-height: 260px; }
  .modern-main-title { font-size: 2rem; }
}
@media (max-width: 767.98px) {
  .modern-slider, .slider-img { max-height: 180px; }
  .modern-main-title { font-size: 1.5rem; }
}
body.dark-mode .modern-post-card {
  background: #23272b;
  color: #e0e0e0;
}
body.dark-mode .modern-post-title a { color: #90caf9; }
body.dark-mode .modern-post-title a:hover { color: #42a5f5; }
body.dark-mode .modern-post-excerpt { color: #bdbdbd; }
body.dark-mode .modern-slider-caption { background: rgba(24,24,24,0.75); }

/* Modern sidebar genişliği ve kartları */
.modern-sidebar {
  max-width: 100%;
}
.modern-sidebar-card {
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 4px 24px 0 rgba(13,110,253,0.07), 0 1.5px 8px 0 rgba(0,0,0,0.06);
  margin-bottom: 2rem;
}
.modern-sidebar-badge {
  font-size: 1.05rem;
  border-radius: 2rem;
  transition: background 0.2s, color 0.2s;
}
.modern-sidebar-badge:hover {
  background: #0d6efd;
  color: #fff;
}
.modern-sidebar-popular-title {
  color: #23272b;
  font-size: 1.08rem;
  transition: color 0.2s;
}
.modern-sidebar-popular-title:hover {
  color: #0d6efd;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .modern-sidebar { max-width: 100%; }
  .modern-sidebar-card { margin-bottom: 1.5rem; }
}
@media (max-width: 767.98px) {
  .modern-sidebar-card { border-radius: 1rem; }
}
body.dark-mode .modern-sidebar-card {
  background: #23272b;
  color: #e0e0e0;
}
body.dark-mode .modern-sidebar-popular-title { color: #90caf9; }
body.dark-mode .modern-sidebar-popular-title:hover { color: #42a5f5; }
body.dark-mode .modern-sidebar-badge { background: #23272b; color: #90caf9; border-color: #90caf9; }
body.dark-mode .modern-sidebar-badge:hover { background: #0d6efd; color: #fff; }