/* blog_homepage.css */

/* ========== CORE STYLES: TERMINAL AESTHETIC ========== */

/* Page title */
#title-block-header h1.title {
  color: rgba(124, 255, 0, 0.95) !important;
  text-shadow: 0 0 10px rgba(124, 255, 0, 0.3);
  font-weight: 600;
}

/* ========== ARTICLE LISTING: DEFAULT LAYOUT ========== */

/* Container for the article list */
.quarto-listing-container-default .list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* Individual article item */
.quarto-listing-container-default .quarto-post {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(124, 255, 0, 0.2) !important;
  border-radius: 8px !important;
  padding: 20px !important;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px; /* Prevents box-shadow clipping */
}

/* Hover effect for the item */
.quarto-listing-container-default .quarto-post:hover {
  border-color: rgba(124, 255, 0, 0.95) !important;
  background: rgba(0, 51, 0, 0.2) !important;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

/* Article title */
.quarto-listing-container-default .listing-title {
  color: rgba(124, 255, 0, 0.95);
  text-shadow: 0 0 5px rgba(124, 255, 0, 0.5);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 10px;
}

/* Article metadata (date and author) */
.quarto-listing-container-default .metadata {
  color: rgba(124, 255, 0, 0.7);
  font-size: 0.8rem;
  margin-bottom: 15px;
}

/* Article description */
.quarto-listing-container-default .listing-description {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  flex-grow: 1;
}

/* Article image */
.quarto-listing-container-default .thumbnail img {
  border-radius: 4px;
  border: 1px solid rgba(124, 255, 0, 0.1);
}

/* Ensure the link covers the whole card for better UX */
.quarto-listing-container-default .quarto-post a {
    text-decoration: none;
    color: inherit;
}

.quarto-listing-container-default .listing-title a {
    color: rgba(124, 255, 0, 0.95);
}

/* ========== CATEGORIES SECTION ========== */

/* Align Categories title with main page title */
#quarto-margin-sidebar {
  padding-top: 65px;
}

/* "Categories" title */
.quarto-listing-category-title {
  color: rgba(124, 255, 0, 0.95);
  text-shadow: 0 0 10px rgba(124, 255, 0, 0.3);
  font-weight: 600;
  border-bottom: 1px solid rgba(124, 255, 0, 0.2);
  padding-bottom: 10px;
}

/* Individual category links */
.category-default .category {
  color: rgba(124, 255, 0, 0.8) !important;
  background-color: rgba(0, 51, 0, 0.1);
  border: 1px solid rgba(124, 255, 0, 0.2);
  border-radius: 4px;
  padding: 5px 10px;
  margin-bottom: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.category-default .category:hover {
  color: rgba(124, 255, 0, 1) !important;
  background-color: rgba(0, 51, 0, 0.3);
  border-color: rgba(124, 255, 0, 0.7);
}


/* ========== RESPONSIVE ADJUSTMENTS ========== */
@media (min-width: 768px) {
  .quarto-listing-container-default .quarto-post {
    flex-direction: row;
    gap: 20px;
  }
  .quarto-listing-container-default .thumbnail {
    flex: 0 0 150px;
  }
  .quarto-listing-container-default .body {
    flex: 1;
  }
}