/* Tablet Styles */
@media (max-width: 1024px) {
  .detail-berita-container {
    grid-template-columns: 1fr 250px !important;
    gap: 30px !important;
  }

  .main-content {
    padding: 25px !important;
  }

  .detail-title {
    font-size: 24px !important;
  }

  .detail-image {
    height: 300px !important;
  }
}

/* Mobile Styles */
@media (max-width: 768px) {
  .detail-berita-container {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .main-content {
    padding: 20px !important;
  }

  .detail-title {
    font-size: 22px !important;
  }

  .meta-info {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .detail-image {
    height: 250px !important;
  }

  .detail-content {
    font-size: 15px !important;
  }

  .sidebar {
    order: -1;
  }

  .sidebar h3 {
    font-size: 18px !important;
    margin-bottom: 15px !important;
  }

  .berita-lain-card {
    padding: 12px !important;
  }
}

/* Small Mobile Styles */
@media (max-width: 480px) {
  div[style*="padding: 40px 20px"] {
    padding: 20px 15px !important;
  }

  .main-content {
    padding: 15px !important;
  }

  .detail-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  .detail-image {
    height: 200px !important;
  }

  .detail-content {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .berita-lain-card img {
    width: 60px !important;
    height: 45px !important;
  }

  .berita-lain-card h4 {
    font-size: 13px !important;
  }

  .berita-lain-card span {
    font-size: 11px !important;
  }
}

/* Hover effect untuk back button */
a[href*="Berita"]:hover {
  background-color: var(--highlight-text) !important;
  transform: translateY(-2px);
}

/* Hover effect untuk berita lainnya */
a[href*="DetailBerita"] > div:hover {
  background-color: var(--button-bg) !important;
  transform: translateX(4px);
}

/* Disable hover effects on mobile */
@media (max-width: 768px) {
  a[href*="DetailBerita"] > div:hover {
    transform: none !important;
  }
}