/*
 * Guest Post Buddy — archive.css
 * Archive-specific styles for archive.php.
 * Extends blog.css — only contains classes NOT already in blog.css.
 */

/* =============================================
   ARCHIVE HERO EYEBROW (breadcrumb-style)
   ============================================= */
.gpb-archive-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: var(--space-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.gpb-archive-eyebrow a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.gpb-archive-eyebrow a:hover { color: #fff; }

.gpb-archive-eyebrow svg { opacity: 0.45; flex-shrink: 0; }

/* =============================================
   ARCHIVE META CHIPS
   ============================================= */
.gpb-archive-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: var(--space-lg);
}

.gpb-archive-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 5px 12px;
  backdrop-filter: blur(4px);
}

.gpb-archive-chip svg { opacity: 0.75; }

/* =============================================
   CATEGORY / TAG PILLS BAR
   ============================================= */
.archive-pills-bar {
  background: var(--clr-surface);
  border-bottom: 1px solid var(--clr-border);
}

.archive-pills-bar .blog-categories { padding-bottom: 20px; }

.blog-cat-pill-count {
  opacity: 0.6;
  font-weight: 400;
  font-size: 11px;
}

/* =============================================
   ARCHIVE TYPE VARIATIONS
   ============================================= */

/* Author archive — slight tint on hero */
.gpb-archive-author .blog-hero {
  background: linear-gradient(140deg, #0D0A1A 0%, #1A1333 48%, #1E1040 100%);
}

/* Tag archive */
.gpb-archive-tag .blog-hero {
  background: linear-gradient(140deg, #0A100D 0%, #0F2318 48%, #122B1E 100%);
}

/* Date archive */
.gpb-archive-date .blog-hero {
  background: linear-gradient(140deg, #0F0C0A 0%, #1A1510 48%, #221D12 100%);
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 600px) {
  .gpb-archive-chips {
    justify-content: center;
    gap: 8px;
  }

  .gpb-archive-chip {
    font-size: 0.72rem;
    padding: 4px 10px;
  }
}