/* =====================================================
 * Archive (category) styles - extracted from category-blog.php
 * Loaded conditionally on is_archive() / is_category().
 * ===================================================== */
.lfx-archive {
  --bg1: #fdf6ec; --bg2: #f9dcc4;
  --panel: #ffffff;
  --line: rgba(0,0,0,.08);
  --text: #2b2d42;
  --sunset1: #d4537e; --sunset2: #f97316;
  --aqua: #facc15; --violet: #d4537e; --mint: #f97316;
  --title-grad: linear-gradient(90deg, var(--sunset1), var(--sunset2));
  --accent-grad: linear-gradient(90deg, var(--violet), var(--aqua));
  background: linear-gradient(180deg, var(--bg1), var(--bg2));
  color: var(--text);
  padding: 2.8rem 0 3.4rem;
}
.lfx-archive .lfx-wrap { max-width: 1160px; margin: 0 auto; padding: 0 1.25rem; }
.lfx-archive .lfx-title {
  margin: 0 0 .3rem;
  font-size: clamp(2rem, 3.4vw, 3rem);
  background: var(--title-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.lfx-archive .lfx-sub { opacity: .82; margin: 0 0 1rem; }

/* Grid */
.lfx-archive .lfx-grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
}
.lfx-archive .lfx-card { grid-column: span 12; }
@media (min-width: 720px)  { .lfx-archive .lfx-card { grid-column: span 6; } }
@media (min-width: 1100px) { .lfx-archive .lfx-card { grid-column: span 4; } }

/* Card */
.lfx-card-inner {
  position: relative; height: 100%;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 3.6rem 1.05rem 2.1rem;
  box-shadow: 0 12px 26px rgba(15,45,75,.08);
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}
.lfx-card-inner:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(15,45,75,.12);
}

/* Cassette band */
.lfx-tape {
  position: absolute; left: 10px; right: 10px; top: 10px;
  height: 48px; border-radius: 12px;
  border: 1px solid var(--line);
  background: linear-gradient(90deg, rgba(0,0,0,.02), rgba(0,0,0,.05), rgba(0,0,0,.02));
  display: grid; grid-template-columns: 22px 1fr 22px;
  align-items: center; gap: .6rem; overflow: hidden;
}
.lfx-tape .lfx-hole {
  width: 12px; height: 12px; border-radius: 50%; margin: 0 auto;
  background: radial-gradient(circle at 40% 40%, rgba(0,0,0,.12), transparent 55%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
.lfx-tape .lfx-strip {
  height: 18px; border-radius: 8px;
  background: var(--accent-grad); opacity: .9;
  animation: lfxMove 14s linear infinite;
}
@keyframes lfxMove { to { transform: translateX(-50%); } }

/* Head row */
.lfx-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center; gap: .6rem;
  margin: .2rem 0 .3rem;
}
.lfx-tracknum {
  counter-increment: track;
  position: relative;
  width: 42px; height: 28px;
  border-radius: 10px;
  background: #f6fbff;
  border: 1px solid var(--line);
}
.lfx-tracknum::after {
  content: counter(track, decimal-leading-zero);
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800;
  background: linear-gradient(135deg, var(--violet), var(--aqua));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.lfx-card-title { margin: 0; font-size: 1.12rem; line-height: 1.28; }
.lfx-card-title a { color: var(--text); text-decoration: none; }
.lfx-archive .lfx-chip {
  font-size: .78rem;
  background: rgba(212,83,126,.12);
  border: 1px solid rgba(212,83,126,.30);
  padding: .22rem .5rem;
  border-radius: 999px;
}

/* Body */
.lfx-excerpt { margin: .35rem 0 .6rem; opacity: .95; }
.lfx-archive .lfx-tags { display: flex; gap: .4rem; }
.lfx-archive .lfx-tag {
  padding: .18rem .5rem;
  border-radius: 999px;
  border: 1px solid var(--line);
  text-decoration: none;
  color: #8b4513;
  font-size: .8rem;
}
.lfx-read {
  position: absolute; right: 14px; bottom: 12px;
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .48rem .8rem;
  border-radius: 999px;
  background: var(--accent-grad);
  color: #fff; text-decoration: none; font-weight: 700;
}

/* EQ footer */
.lfx-eq {
  position: absolute; left: 12px; right: 120px; bottom: 14px;
  height: 12px; display: flex; gap: 3px; opacity: .9;
}
.lfx-eq span {
  flex: 1;
  background: linear-gradient(180deg, var(--violet), var(--aqua));
  border-radius: 2px;
  transform-origin: bottom;
  animation: lfxBar 1.9s ease-in-out infinite;
  animation-delay: calc(var(--i) * .06s);
  opacity: .85;
}
@keyframes lfxBar { 0%, 100% { transform: scaleY(.35); } 50% { transform: scaleY(1); } }

/* Pager */
.lfx-pager { display: flex; justify-content: center; margin-top: 1.1rem; }
.lfx-pager .page-numbers {
  padding: .45rem .7rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  margin: .15rem;
  background: #fff;
  color: #2b2d42;
  text-decoration: none;
}
.lfx-pager .current {
  background: rgba(212,83,126,.12);
  border-color: rgba(212,83,126,.35);
}

/* Hide any theme images on archive */
.lfx-archive img.wp-post-image,
.lfx-archive .post-thumbnail,
.lfx-archive .entry-media { display: none !important; }