/* Category Page Enhancement Styles - Clean Minimal Design */
/* Optimized for both emerald (light) and forest (dark) DaisyUI themes */

/* Clean Article List Styling */
.category-articles {
  max-width: none;
}

.category-articles article {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.category-articles article:hover {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  border: none !important;
}

/* Clean article titles and descriptions */
.category-articles h2 {
  margin-bottom: 0.25rem !important;
  line-height: 1.3 !important;
}

.category-articles p {
  margin-bottom: 0 !important;
  line-height: 1.6 !important;
  font-size: 0.875rem !important;
}

/* Remove all DaisyUI card styling overrides */
.card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.card:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.card-body {
  padding: 0 !important;
  background: transparent !important;
}

/* Ensure no borders anywhere on category pages */
.border,
.border-base-content,
.border-base-content\/10,
.border-base-content\/5,
.border-base-content\/15 {
  border: none !important;
}

/* Clean hover effects - only color changes */
article a:hover h2 {
  color: var(--p) !important;
  transition: color 0.2s ease !important;
}

/* Enhanced spacing for better readability */
.category-articles {
  margin-top: 2rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid rgba(0,0,0,0.05) !important;
}

.category-articles article {
  margin-bottom: 3rem !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .category-articles article {
    padding: 0 !important;
    margin-bottom: 2.5rem !important;
  }
}

/* Accessibility - focus states without borders */
article:focus-within h2 {
  color: var(--p) !important;
}

/* Remove any print borders */
@media print {
  article,
  .card,
  .border {
    border: none !important;
    box-shadow: none !important;
  }
}

/* High contrast mode - no borders */
@media (prefers-contrast: high) {
  article,
  .card {
    border: none !important;
    background: transparent !important;
  }
}