/* ═══════════════════════════════════════════════════════
   ALPHA LOGISTICS — BLOG STYLES
   Loaded only on blog pages.
   Uses brand vars from main.css (--alpha-red, --alpha-dark, etc.)
   ═══════════════════════════════════════════════════════ */

:root {
  --ablog-ink:      #19180D;
  --ablog-ink-mid:  #3D3C2A;
  --ablog-ink-soft: #6B6A56;
  --ablog-white:    #FFFFFF;
  --ablog-off:      #FAFAF8;
  --ablog-border:   #E3E1D6;
}

/* Override main.css body — blog has its own typographic rhythm */
body.alpha-blog {
  background: var(--ablog-white);
  color: var(--ablog-ink);
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  line-height: 1.7;
  /* Prevent horizontal scrollbar caused by slide animations */
  overflow-x: hidden;
}

body.alpha-blog a { text-decoration: none; }


/* ═══════════════════════════════════════════════════════
   NAV
   ═══════════════════════════════════════════════════════ */
.alpha-blog-nav {
  height: 64px;
  padding: 0 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--ablog-border);
  background: var(--ablog-white);
  position: sticky;
  top: 0;
  z-index: 100;
}

.alpha-blog-nav__logo {
  display: flex;
  align-items: center;
  gap: 14px;
}

.alpha-blog-nav__logo-img {
  height: 36px;
  width: auto;
  display: block;
  mix-blend-mode: multiply;
}

.alpha-blog-nav__sep {
  width: 1px;
  height: 18px;
  background: var(--ablog-border);
  margin: 0 4px;
}

.alpha-blog-nav__blog {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--alpha-red);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.alpha-blog-nav__links {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.alpha-blog-nav__links a {
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--ablog-ink-soft);
  padding: 6px 14px;
  border-radius: 3px;
  transition: color 0.2s, background 0.2s;
}

.alpha-blog-nav__links a:hover {
  color: var(--ablog-ink);
  background: var(--ablog-off);
}

.alpha-blog-nav__cta {
  background: var(--alpha-red) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.alpha-blog-nav__cta:hover {
  opacity: 0.88;
  background: var(--alpha-red) !important;
  color: #fff !important;
}


/* ═══════════════════════════════════════════════════════
   TICKER
   ═══════════════════════════════════════════════════════ */
.alpha-blog-ticker {
  background: var(--alpha-dark);
  padding: 9px 0;
  overflow: hidden;
  white-space: nowrap;
}

.alpha-blog-ticker__track {
  display: inline-block;
  animation: alphaBlogTick 28s linear infinite;
}

.alpha-blog-ticker__item {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  padding: 0 28px;
}

.alpha-blog-ticker__sep {
  color: var(--alpha-gold);
  margin-left: 28px;
}

@keyframes alphaBlogTick {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}


/* ═══════════════════════════════════════════════════════
   CATEGORY STRIP
   ═══════════════════════════════════════════════════════ */
.alpha-blog-catstrip {
  border-bottom: 1px solid var(--ablog-border);
  padding: 0 52px;
  display: flex;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: none;
}

.alpha-blog-catstrip::-webkit-scrollbar { display: none; }

.alpha-blog-catstrip__link {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ablog-ink-soft);
  padding: 14px 16px;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}

.alpha-blog-catstrip__link:hover {
  color: var(--ablog-ink);
  border-bottom-color: var(--ablog-border);
}

.alpha-blog-catstrip__link.is-active {
  color: var(--alpha-red);
  border-bottom-color: var(--alpha-red);
  font-weight: 600;
}


/* ═══════════════════════════════════════════════════════
   TAGS (shared)
   ═══════════════════════════════════════════════════════ */
.alpha-blog-tag {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 2px;
}

.alpha-blog-tag--red {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.alpha-blog-tag-lime  { background: var(--alpha-sage); color: var(--ablog-ink-mid); }
.alpha-blog-tag-olive { background: var(--alpha-gold); color: #fff; }
.alpha-blog-tag-sage  { background: var(--alpha-mint); color: var(--ablog-ink-mid); }


/* ═══════════════════════════════════════════════════════
   FEATURED ARTICLE
   ═══════════════════════════════════════════════════════ */
.alpha-blog-featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 540px;
  border-bottom: 1px solid var(--ablog-border);
}

.alpha-blog-featured__visual {
  background: var(--alpha-red);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 48px 52px;
  min-height: 400px;
  isolation: isolate;
}

/* When a real featured image is present, it fills the visual block */
.alpha-blog-featured__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.alpha-blog-featured__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top,
      rgba(0, 0, 0, 0.55) 0%,
      rgba(0, 0, 0, 0.10) 50%,
      rgba(0, 0, 0, 0.00) 100%);
  z-index: 1;
}

/* Fallback when there's no featured image: red bg + centered white logo2 mark */
.alpha-blog-featured__visual.no-image {
  align-items: center;
  justify-content: center;
}

.alpha-blog-featured__fallback {
  width: 180px;
  height: auto;
  opacity: 0.92;
  filter: brightness(0) invert(1);
  position: relative;
  z-index: 0;
}

/* Tags still floating above the image */
.alpha-blog-featured__visual .alpha-blog-featured__tags {
  z-index: 2;
}

/* When there's an image, anchor tags to bottom-left */
.alpha-blog-featured__visual.has-image .alpha-blog-featured__tags {
  position: absolute;
  bottom: 28px;
  left: 28px;
}

/* When fallback, tags overlap top */
.alpha-blog-featured__visual.no-image .alpha-blog-featured__tags {
  position: absolute;
  top: 28px;
  left: 28px;
}

.alpha-blog-featured__tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.alpha-blog-featured__content {
  padding: 52px 56px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-left: 1px solid var(--ablog-border);
  background: var(--ablog-white);
}

.alpha-blog-featured__meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}

.alpha-blog-featured__date,
.alpha-blog-featured__read {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  color: var(--ablog-ink-soft);
}

.alpha-blog-featured__sep {
  width: 20px;
  height: 1px;
  background: var(--ablog-border);
}

.alpha-blog-featured__headline {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(36px, 4vw, 58px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--ablog-ink);
  margin-bottom: 22px;
}

.alpha-blog-featured__headline a {
  color: inherit;
  transition: color 0.2s;
}

.alpha-blog-featured__headline a:hover {
  color: var(--alpha-red);
}

.alpha-blog-featured__excerpt {
  font-size: 15px;
  line-height: 1.75;
  color: var(--ablog-ink-soft);
  margin-bottom: 36px;
  max-width: 440px;
}

.alpha-blog-featured__author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 24px;
  border-top: 1px solid var(--ablog-border);
  margin-bottom: 28px;
}

.alpha-blog-avatar {
  width: 40px;
  height: 40px;
  background: var(--alpha-red);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Alexandria', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.alpha-blog-author__name {
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--ablog-ink);
}

.alpha-blog-author__role {
  font-size: 12px;
  color: var(--ablog-ink-soft);
}

.alpha-blog-readbtn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--alpha-red);
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 3px;
  width: fit-content;
  transition: opacity 0.2s, gap 0.2s;
}

.alpha-blog-readbtn:hover {
  opacity: 0.88;
  gap: 14px;
  color: #fff;
}


/* ═══════════════════════════════════════════════════════
   SECTION WRAPPERS (visual separation between sections)
   ═══════════════════════════════════════════════════════ */
.alpha-blog-section {
  position: relative;
}

/* Cream/pink tint to distinguish from Featured (white) */
.alpha-blog-section--cream {
  background: var(--alpha-pink);
}

.alpha-blog-section--cream .alpha-blog-secheader {
  border-bottom: 1px solid rgba(25, 24, 13, 0.08);
}

.alpha-blog-section--cream .alpha-blog-card {
  background: transparent;
  border-right: 1px solid rgba(25, 24, 13, 0.08);
  border-bottom: 1px solid rgba(25, 24, 13, 0.08);
}

.alpha-blog-section--cream .alpha-blog-card:hover {
  background: rgba(255, 255, 255, 0.55);
}

/* ═══════════════════════════════════════════════════════
   SECTION HEADER (vertically centered)
   ═══════════════════════════════════════════════════════ */
.alpha-blog-secheader {
  padding: 40px 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--ablog-border);
  min-height: 80px;
}

.alpha-blog-secheader__label {
  font-family: 'Alexandria', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ablog-ink);
}

.alpha-blog-secheader__all {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--alpha-red);
  transition: gap 0.2s;
}

.alpha-blog-secheader__all:hover { opacity: 0.75; }


/* ═══════════════════════════════════════════════════════
   ARTICLE GRID (3 columns) — now with featured images
   ═══════════════════════════════════════════════════════ */
.alpha-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.alpha-blog-card {
  padding: 0 0 28px 0;
  border-right: 1px solid var(--ablog-border);
  border-bottom: 1px solid var(--ablog-border);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 360px;
  background: var(--ablog-white);
  transition: background 0.2s, transform 0.3s;
}

.alpha-blog-card:last-child { border-right: none; }

.alpha-blog-card:hover {
  background: var(--ablog-off);
}

/* Featured image at the top of each card */
.alpha-blog-card__media {
  position: relative;
  height: 180px;
  overflow: hidden;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alpha-blog-card__media.has-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.alpha-blog-card:hover .alpha-blog-card__media.has-image img {
  transform: scale(1.06);
}

/* Fallback: red bg + white logo */
.alpha-blog-card__media.no-image {
  background: var(--alpha-red);
}

.alpha-blog-card__media-fallback {
  width: 90px;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

.alpha-blog-card__top {
  padding: 0 28px;
  flex: 1;
}

.alpha-blog-card__footer {
  margin-left: 28px;
  margin-right: 28px;
}

.alpha-blog-card__headline {
  font-family: 'Alexandria', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ablog-ink);
  margin: 14px 0 14px;
  transition: color 0.2s;
}

.alpha-blog-card:hover .alpha-blog-card__headline {
  color: var(--alpha-red);
}

.alpha-blog-card__excerpt {
  font-size: 14px;
  line-height: 1.7;
  color: var(--ablog-ink-soft);
}

.alpha-blog-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--ablog-border);
}

.alpha-blog-card__date {
  font-size: 12px;
  color: var(--ablog-ink-soft);
}

.alpha-blog-card__arrow {
  color: var(--alpha-red);
  font-size: 16px;
  transition: transform 0.2s;
}

.alpha-blog-card:hover .alpha-blog-card__arrow {
  transform: translateX(4px);
}


/* ═══════════════════════════════════════════════════════
   STATS BAND
   ═══════════════════════════════════════════════════════ */
.alpha-blog-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 64px 52px;
  background: var(--alpha-dark);
  color: #fff;
}

.alpha-blog-stat {
  padding-right: 28px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.alpha-blog-stat:last-child { border-right: none; }
.alpha-blog-stat + .alpha-blog-stat { padding-left: 36px; }

.alpha-blog-stat__num {
  font-family: 'Alexandria', sans-serif;
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--alpha-gold);
  margin-bottom: 14px;
}

.alpha-blog-stat__label {
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.65);
}


/* ═══════════════════════════════════════════════════════
   SECONDARY GRID (list + sidebar)
   ═══════════════════════════════════════════════════════ */
.alpha-blog-secondary {
  display: grid;
  grid-template-columns: 1fr 340px;
  border-bottom: 1px solid var(--ablog-border);
}

.alpha-blog-secondary__left {
  border-right: 1px solid var(--ablog-border);
}

.alpha-blog-list {
  display: flex;
  flex-direction: column;
}

.alpha-blog-listitem {
  display: grid;
  grid-template-columns: 1fr 160px;
  gap: 24px;
  align-items: center;
  padding: 24px 52px;
  border-bottom: 1px solid var(--ablog-border);
  transition: background 0.2s, padding-left 0.25s;
  position: relative;
}

.alpha-blog-listitem::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 0; height: 60%;
  background: var(--alpha-red);
  transition: width 0.25s;
}

.alpha-blog-listitem:hover::before {
  width: 4px;
}

.alpha-blog-listitem:last-child { border-bottom: none; }

.alpha-blog-listitem:hover {
  background: var(--ablog-off);
  padding-left: 60px;
}

.alpha-blog-listitem__body h3 {
  font-family: 'Alexandria', sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ablog-ink);
  margin-bottom: 6px;
}

.alpha-blog-listitem__body p {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--ablog-ink-soft);
}

.alpha-blog-listitem__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.alpha-blog-listitem__date {
  font-size: 12px;
  color: var(--ablog-ink-soft);
}


/* ═══════════════════════════════════════════════════════
   SIDEBAR
   ═══════════════════════════════════════════════════════ */
.alpha-blog-secondary__right {
  background: var(--ablog-off);
}

.alpha-blog-sidebar {
  padding: 32px 32px 40px;
  position: sticky;
  top: 80px;
}

.alpha-blog-sidebar__title {
  font-family: 'Alexandria', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid currentColor;
  display: inline-block;
}

.alpha-blog-sidebar__title--red   { color: var(--alpha-red); }
.alpha-blog-sidebar__title--olive { color: var(--alpha-gold); margin-top: 36px; }

.alpha-blog-sidebar__cats {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 8px;
}

.alpha-blog-sidebar__cat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--ablog-border);
  transition: padding 0.2s;
}

.alpha-blog-sidebar__cat:hover { padding-left: 6px; }

.alpha-blog-sidebar__cat-name {
  font-family: 'Work Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ablog-ink);
}

.alpha-blog-sidebar__cat-count {
  font-family: 'Alexandria', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--ablog-ink-soft);
}

/* Active sidebar category (independent filter) */
.alpha-blog-sidebar__cat.is-active .alpha-blog-sidebar__cat-name {
  color: var(--alpha-red);
  font-weight: 700;
}
.alpha-blog-sidebar__cat.is-active .alpha-blog-sidebar__cat-count {
  background: var(--alpha-red);
  color: #fff;
  border-radius: 100px;
  padding: 2px 10px;
}

.alpha-blog-sidebar__pop {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--ablog-border);
  transition: padding 0.2s;
}

.alpha-blog-sidebar__pop:last-child { border-bottom: none; }
.alpha-blog-sidebar__pop:hover { padding-left: 6px; }

.alpha-blog-sidebar__pop-num {
  font-family: 'Alexandria', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: var(--alpha-gold);
  line-height: 1;
  letter-spacing: -0.02em;
  flex-shrink: 0;
}

.alpha-blog-sidebar__pop-title {
  font-family: 'Work Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--ablog-ink);
  transition: color 0.2s;
}

.alpha-blog-sidebar__pop:hover .alpha-blog-sidebar__pop-title {
  color: var(--alpha-red);
}


/* ═══════════════════════════════════════════════════════
   CTA BAND — bg image + diagonal red overlay (matches home)
   ═══════════════════════════════════════════════════════ */
.alpha-blog-cta {
  position: relative;
  padding: 80px 52px;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
}

.alpha-blog-cta__bg {
  position: absolute; inset: 0;
  z-index: 0;
}

.alpha-blog-cta__bg img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

.alpha-blog-cta__overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(115deg,
      rgba(203, 2, 0, 0.95) 0%,
      rgba(165, 2, 0, 0.92) 60%,
      rgba(165, 2, 0, 0.78) 100%);
}

.alpha-blog-cta__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 48px;
  max-width: 1200px;
  margin: 0 auto;
}

.alpha-blog-cta__kicker {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 14px;
}

.alpha-blog-cta__headline {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(34px, 3.6vw, 48px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 18px;
}

.alpha-blog-cta__sub {
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
  max-width: 560px;
}

.alpha-blog-cta__btn {
  display: inline-block;
  background: #fff;
  color: var(--alpha-red);
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 16px 30px;
  border-radius: 3px;
  transition: transform 0.2s, box-shadow 0.2s;
  white-space: nowrap;
}

.alpha-blog-cta__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  color: var(--alpha-red);
}


/* ═══════════════════════════════════════════════════════
   FOOTER — matches site footer colors (dark, red border)
   ═══════════════════════════════════════════════════════ */
.alpha-blog-footer {
  padding: 36px 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--alpha-footer-bg);
  border-top: 3px solid var(--alpha-red);
  flex-wrap: wrap;
  gap: 16px;
  color: var(--alpha-footer-text);
}

.alpha-blog-footer__logo {
  font-family: 'Alexandria', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.3px;
}

.alpha-blog-footer__logo span {
  color: var(--alpha-red);
  font-weight: 800;
}

.alpha-blog-footer__links {
  display: flex;
  gap: 24px;
}

.alpha-blog-footer__links a {
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  color: var(--alpha-footer-text);
  transition: color 0.2s;
}

.alpha-blog-footer__links a:hover { color: #fff; }

.alpha-blog-footer__copy {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  color: #6b6750;
}


/* ═══════════════════════════════════════════════════════
   SINGLE ARTICLE — Medium-style centered reading layout
   ═══════════════════════════════════════════════════════ */

:root {
  --asingle-prose-width: 720px;
  --asingle-prose-x: clamp(20px, 5vw, 40px);
}

/* ── BREADCRUMB ── */
.alpha-single-crumbs {
  max-width: var(--asingle-prose-width);
  margin: 0 auto;
  padding: 32px var(--asingle-prose-x) 0;
  font-family: 'Work Sans', sans-serif;
  font-size: 12.5px;
  color: var(--ablog-ink-soft);
  letter-spacing: 0.03em;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.alpha-single-crumbs a {
  color: var(--ablog-ink-soft);
  transition: color 0.2s;
}
.alpha-single-crumbs a:hover { color: var(--alpha-red); }
.alpha-single-crumbs__sep { color: var(--ablog-border); }
.alpha-single-crumbs__current {
  color: var(--ablog-ink);
  font-weight: 500;
  /* Truncate if very long */
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── ARTICLE container ── */
.alpha-single {
  max-width: var(--asingle-prose-width);
  margin: 0 auto;
  padding: 24px var(--asingle-prose-x) 56px;
}

/* ── HEADER ── */
.alpha-single__header {
  margin-bottom: 40px;
}

.alpha-single__eyebrow {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--alpha-red);
  margin-bottom: 22px;
  transition: opacity 0.2s;
}
.alpha-single__eyebrow:hover { opacity: 0.75; }

.alpha-single__title {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(32px, 4.4vw, 52px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--ablog-ink);
  margin-bottom: 22px;
}

.alpha-single__lede {
  font-family: 'Work Sans', sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--ablog-ink-soft);
  margin-bottom: 32px;
}

.alpha-single__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid var(--ablog-border);
  border-bottom: 1px solid var(--ablog-border);
  font-family: 'Work Sans', sans-serif;
  font-size: 13.5px;
  color: var(--ablog-ink-soft);
}

.alpha-single__author {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ablog-ink);
  font-weight: 600;
}

.alpha-single__avatar {
  width: 32px; height: 32px;
  border-radius: 50%;
  display: block;
}

.alpha-single__meta-sep {
  color: var(--ablog-border);
}

/* ── SHARE buttons ── */
.alpha-single__share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.alpha-single__share--footer {
  margin-top: 0;
  padding: 18px 0;
  border-top: 1px solid var(--ablog-border);
}

.alpha-single__share-label {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--ablog-ink-soft);
  margin-right: 8px;
}

.alpha-share-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: var(--ablog-off);
  border: 1px solid var(--ablog-border);
  color: var(--ablog-ink);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;
}
.alpha-share-btn:hover {
  background: var(--alpha-red);
  color: #fff;
  border-color: var(--alpha-red);
  transform: translateY(-2px);
}

.alpha-share-btn__feedback {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--ablog-ink);
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 4px 10px;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.alpha-share-btn.is-copied .alpha-share-btn__feedback {
  opacity: 1;
}

/* ── Featured image ── */
.alpha-single__figure {
  margin: 0 0 40px;
  border-radius: 8px;
  overflow: hidden;
}
.alpha-single__figure img {
  width: 100%;
  height: auto;
  display: block;
}

/* ── TOC ── */
.alpha-single__toc {
  background: var(--ablog-off);
  border-left: 4px solid var(--alpha-red);
  padding: 22px 24px;
  margin: 0 0 40px;
  border-radius: 0 8px 8px 0;
}
.alpha-single__toc-title {
  font-family: 'Alexandria', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--alpha-red);
  margin-bottom: 14px;
}
.alpha-single__toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: alpha-toc;
}
.alpha-single__toc-list li {
  counter-increment: alpha-toc;
  padding: 5px 0;
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  line-height: 1.45;
}
.alpha-single__toc-list li::before {
  content: counter(alpha-toc, decimal-leading-zero);
  display: inline-block;
  width: 28px;
  font-family: 'Alexandria', sans-serif;
  font-weight: 700;
  color: var(--alpha-red);
  font-size: 12px;
}
.alpha-single__toc-list li.is-h3 {
  padding-left: 30px;
  font-size: 13.5px;
  color: var(--ablog-ink-soft);
}
.alpha-single__toc-list li.is-h3::before {
  content: '·';
  width: 16px;
  text-align: center;
}
.alpha-single__toc-list a {
  color: var(--ablog-ink);
  transition: color 0.2s;
}
.alpha-single__toc-list a:hover { color: var(--alpha-red); }

/* ── CONTENT (prose generated by WP editor) ── */
.alpha-single__content {
  font-family: 'Work Sans', sans-serif;
  font-size: 17.5px;
  line-height: 1.75;
  color: var(--ablog-ink);
}
.alpha-single__content > * + * {
  margin-top: 1.25em;
}
.alpha-single__content h2 {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(24px, 2.6vw, 30px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ablog-ink);
  margin-top: 2.2em;
  margin-bottom: 0.6em;
  scroll-margin-top: 24px;
}
.alpha-single__content h3 {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(20px, 2vw, 23px);
  font-weight: 700;
  line-height: 1.3;
  color: var(--ablog-ink);
  margin-top: 1.8em;
  margin-bottom: 0.5em;
  scroll-margin-top: 24px;
}
.alpha-single__content h4 {
  font-family: 'Alexandria', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--ablog-ink);
  margin-top: 1.6em;
  margin-bottom: 0.4em;
}
.alpha-single__content p {
  margin: 0;
}
.alpha-single__content a {
  color: var(--alpha-red);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: opacity 0.2s;
}
.alpha-single__content a:hover { opacity: 0.7; }
.alpha-single__content strong { font-weight: 700; color: var(--ablog-ink); }
.alpha-single__content em { font-style: italic; }
.alpha-single__content ul,
.alpha-single__content ol {
  margin: 0;
  padding-left: 1.4em;
}
.alpha-single__content ul li,
.alpha-single__content ol li {
  margin: 0.5em 0;
}
.alpha-single__content ul li::marker { color: var(--alpha-red); }
.alpha-single__content blockquote {
  border-left: 4px solid var(--alpha-red);
  margin: 1.8em 0;
  padding: 4px 0 4px 24px;
  font-family: 'Alexandria', sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.5;
  font-style: italic;
  color: var(--ablog-ink);
}
.alpha-single__content blockquote cite,
.alpha-single__content blockquote footer {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 600;
  color: var(--ablog-ink-soft);
  margin-top: 12px;
}
.alpha-single__content img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  margin: 1.6em auto;
}
.alpha-single__content figure { margin: 1.6em 0; }
.alpha-single__content figcaption {
  text-align: center;
  font-size: 13px;
  color: var(--ablog-ink-soft);
  margin-top: 8px;
  font-style: italic;
}
.alpha-single__content code {
  font-family: ui-monospace, 'SF Mono', Menlo, monospace;
  font-size: 0.92em;
  background: var(--ablog-off);
  padding: 2px 6px;
  border-radius: 3px;
  color: var(--alpha-red);
}
.alpha-single__content pre {
  background: var(--alpha-dark);
  color: #f5f5f0;
  padding: 20px 24px;
  border-radius: 6px;
  overflow-x: auto;
  font-size: 14px;
  line-height: 1.6;
}
.alpha-single__content pre code {
  background: none;
  padding: 0;
  color: inherit;
}
.alpha-single__content hr {
  border: none;
  height: 1px;
  background: var(--ablog-border);
  margin: 2.4em auto;
  width: 80px;
}

/* ── ARTICLE FOOTER ── */
.alpha-single__footer {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--ablog-border);
}
.alpha-single__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.alpha-single__tag {
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  color: var(--ablog-ink-soft);
  padding: 4px 12px;
  background: var(--ablog-off);
  border-radius: 100px;
  transition: background 0.2s, color 0.2s;
}
.alpha-single__tag:hover {
  background: var(--alpha-red);
  color: #fff;
}

/* ── RELATED articles section override ── */
.alpha-single-related {
  margin-top: 0;
}
.alpha-single-related .alpha-blog-grid {
  background: transparent;
}

/* ═══════════════════════════════════════════════════════
   SINGLE — Responsive
   ═══════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .alpha-single-crumbs { font-size: 11.5px; }
  .alpha-single__title { font-size: 30px; }
  .alpha-single__lede { font-size: 16.5px; }
  .alpha-single__content { font-size: 16.5px; line-height: 1.7; }
  .alpha-single__content h2 { font-size: 22px; }
  .alpha-single__content h3 { font-size: 19px; }
  .alpha-single__content blockquote { font-size: 18px; padding-left: 18px; }
  .alpha-single__share { gap: 6px; }
  .alpha-share-btn { width: 34px; height: 34px; }
  .alpha-single__toc { padding: 18px 20px; }
}


/* ═══════════════════════════════════════════════════════
   AJAX CATEGORY FILTERING — animations
   ═══════════════════════════════════════════════════════ */

/* Base: all animated containers have a transition */
.alpha-blog-featured,
.alpha-blog-grid,
.alpha-blog-list {
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, opacity;
}

/* While transitioning, prevent pointer events to avoid double-clicks */
.alpha-blog-busy .alpha-blog-cat-link {
  pointer-events: none;
  cursor: progress;
}

/* ── FEATURED: horizontal slide ── */
.alpha-blog-featured.is-leaving-left {
  transform: translateX(-32px);
  opacity: 0;
}
.alpha-blog-featured.is-leaving-right {
  transform: translateX(32px);
  opacity: 0;
}
.alpha-blog-featured.is-entering-left {
  transform: translateX(-32px);
  opacity: 0;
  transition: none;
}
.alpha-blog-featured.is-entering-right {
  transform: translateX(32px);
  opacity: 0;
  transition: none;
}

/* ── MORE list: vertical slide ── */
.alpha-blog-list.is-leaving-up {
  transform: translateY(-24px);
  opacity: 0;
}
.alpha-blog-list.is-leaving-down {
  transform: translateY(24px);
  opacity: 0;
}
.alpha-blog-list.is-entering-up {
  transform: translateY(-24px);
  opacity: 0;
  transition: none;
}
.alpha-blog-list.is-entering-down {
  transform: translateY(24px);
  opacity: 0;
  transition: none;
}

/* ── RECENT grid: simple fade ── */
.alpha-blog-grid.is-leaving-fade,
.alpha-blog-grid.is-entering-fade {
  opacity: 0;
}
.alpha-blog-grid.is-entering-fade {
  transition: none;
}

/* ── Sidebar: disabled state for empty categories ── */
.alpha-blog-sidebar__cat.is-disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
}

.alpha-blog-sidebar__cat.is-disabled .alpha-blog-sidebar__cat-count {
  color: var(--ablog-ink-soft);
}

/* ── Empty-state for "Más artículos" list ── */
.alpha-blog-list-empty {
  padding: 56px 52px;
  text-align: center;
  background: var(--ablog-off);
  border-radius: 8px;
  margin: 24px;
}
.alpha-blog-list-empty__icon {
  font-size: 42px;
  margin-bottom: 14px;
  opacity: 0.7;
}
.alpha-blog-list-empty h3 {
  font-family: 'Alexandria', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--ablog-ink);
  margin-bottom: 8px;
}
.alpha-blog-list-empty p {
  font-size: 14px;
  color: var(--ablog-ink-soft);
  line-height: 1.6;
  max-width: 380px;
  margin: 0 auto;
}

/* ── Empty-state for featured ── */
.alpha-blog-featured__visual--empty {
  background: var(--alpha-dark);
}
.alpha-blog-featured__content--empty {
  align-items: flex-start;
  justify-content: center;
}
.alpha-blog-featured__empty-msg {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--ablog-ink);
  margin-bottom: 14px;
}
.alpha-blog-featured__empty-sub {
  font-size: 14px;
  color: var(--ablog-ink-soft);
}


/* ═══════════════════════════════════════════════════════
   ARCHIVE PAGE (category, tag, author, date)
   ═══════════════════════════════════════════════════════ */

/* ── Hero del archivo ─────────────────────────────────────── */
.alpha-blog-archive-hero {
  background: var(--alpha-pink, #F5EBEB);
  padding: 64px 52px 56px;
  border-bottom: 1px solid var(--ablog-border);
  position: relative;
  overflow: hidden;
}

.alpha-blog-archive-hero__inner {
  max-width: 960px;
  position: relative;
  z-index: 1;
}

.alpha-blog-archive-hero__breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ablog-ink-soft);
  margin-bottom: 36px;
}

.alpha-blog-archive-hero__breadcrumb a {
  color: var(--ablog-ink-soft);
  text-decoration: none;
  transition: color 0.2s;
}

.alpha-blog-archive-hero__breadcrumb a:hover {
  color: var(--alpha-red);
}

.alpha-blog-archive-hero__sep {
  color: var(--ablog-border);
}

.alpha-blog-archive-hero__current {
  color: var(--ablog-ink);
  font-weight: 600;
}

.alpha-blog-archive-hero__eyebrow {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--alpha-red);
  padding: 6px 14px;
  background: rgba(203, 2, 0, 0.08);
  border-radius: 999px;
  margin-bottom: 20px;
}

.alpha-blog-archive-hero__title {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--ablog-ink);
  margin: 0 0 24px;
}

.alpha-blog-archive-hero__desc {
  font-family: 'Work Sans', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: var(--ablog-ink-mid);
  max-width: 720px;
  margin: 0 0 24px;
}

.alpha-blog-archive-hero__count {
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--ablog-ink-soft);
  margin: 0;
}

/* ── Grid del archivo (multi-fila) ────────────────────────── */
.alpha-blog-archive-grid-wrap {
  background: var(--ablog-white);
  padding: 64px 0 0;
}

.alpha-blog-grid--archive {
  /* Override: en archive las filas se repiten, no hay un último card único */
  grid-template-columns: repeat(3, 1fr);
}

/* Reset reglas heredadas que solo aplican al grid de 3 cards de home.php */
.alpha-blog-grid--archive .alpha-blog-card:last-child { border-right: 1px solid var(--ablog-border); }
.alpha-blog-grid--archive .alpha-blog-card:nth-child(3n) { border-right: none; }
/* Última fila incompleta: el último card siempre sin borde derecho */
.alpha-blog-grid--archive .alpha-blog-card:last-child:not(:nth-child(3n)) { border-right: none; }

/* ── Paginación numerada ──────────────────────────────────── */
.alpha-blog-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 56px 52px 72px;
  background: var(--ablog-white);
  font-family: 'Work Sans', sans-serif;
}

.alpha-blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 600;
  color: var(--ablog-ink-mid);
  background: var(--ablog-white);
  border: 1px solid var(--ablog-border);
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.18s ease;
}

.alpha-blog-pagination a.page-numbers:hover {
  color: var(--alpha-red);
  border-color: var(--alpha-red);
  background: rgba(203, 2, 0, 0.04);
}

.alpha-blog-pagination .page-numbers.current {
  color: var(--ablog-white);
  background: var(--alpha-red);
  border-color: var(--alpha-red);
}

.alpha-blog-pagination .page-numbers.dots {
  border: none;
  background: transparent;
  color: var(--ablog-ink-soft);
  min-width: 28px;
  padding: 0 4px;
}

.alpha-blog-pagination .prev,
.alpha-blog-pagination .next {
  padding: 0 18px;
  font-weight: 500;
}

/* ── Empty state ──────────────────────────────────────────── */
.alpha-blog-archive-empty {
  background: var(--ablog-off);
  padding: 96px 52px;
  text-align: center;
}

.alpha-blog-archive-empty__inner {
  max-width: 560px;
  margin: 0 auto;
}

.alpha-blog-archive-empty__title {
  font-family: 'Alexandria', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: var(--ablog-ink);
  margin: 0 0 16px;
}

.alpha-blog-archive-empty__msg {
  font-size: 16px;
  line-height: 1.7;
  color: var(--ablog-ink-soft);
  margin: 0 0 32px;
}

.alpha-blog-archive-empty__btn {
  display: inline-block;
  padding: 14px 28px;
  background: var(--alpha-red);
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  border-radius: 4px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.alpha-blog-archive-empty__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(203, 2, 0, 0.25);
}


/* ═══════════════════════════════════════════════════════
   SEARCH TOGGLE EN EL NAV DEL BLOG (lupa expandible)
   ═══════════════════════════════════════════════════════ */
.alpha-blog-nav__search-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.alpha-blog-nav__search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: transparent;
  border: 1px solid var(--ablog-border);
  border-radius: 999px;
  color: var(--ablog-ink-mid);
  cursor: pointer;
  transition: all 0.2s ease;
}

.alpha-blog-nav__search-btn:hover {
  color: var(--alpha-red);
  border-color: var(--alpha-red);
  background: rgba(203, 2, 0, 0.04);
}

.alpha-blog-nav__search-btn[aria-expanded="true"] {
  color: #fff;
  background: var(--alpha-red);
  border-color: var(--alpha-red);
}

/* Form que se desliza desde la derecha de la lupa */
.alpha-blog-nav__search-form {
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translateY(-50%) scaleX(0);
  transform-origin: right center;
  display: flex;
  align-items: center;
  width: 320px;
  height: 40px;
  background: var(--ablog-white);
  border: 2px solid var(--alpha-red);
  border-radius: 999px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
  z-index: 10;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}

.alpha-blog-nav__search-form.is-open {
  transform: translateY(-50%) scaleX(1);
  opacity: 1;
  pointer-events: auto;
}

.alpha-blog-nav__search-form input[type="search"] {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 0 16px;
  height: 100%;
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  color: var(--ablog-ink);
  outline: none;
  min-width: 0;
}

.alpha-blog-nav__search-form input[type="search"]::placeholder {
  color: var(--ablog-ink-soft);
}

.alpha-blog-nav__search-form input[type="search"]::-webkit-search-decoration,
.alpha-blog-nav__search-form input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.alpha-blog-nav__search-form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
  border: 0;
  background: var(--alpha-red);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.alpha-blog-nav__search-form button[type="submit"]:hover {
  background: #A30100;
}


/* ═══════════════════════════════════════════════════════
   SEARCH PAGE (search.php)
   ═══════════════════════════════════════════════════════ */

/* Hero adaptado: la query destacada dentro del título */
.alpha-blog-archive-hero--search .alpha-blog-archive-hero__title {
  font-size: clamp(32px, 5vw, 56px);
}

.alpha-blog-archive-hero__query {
  color: var(--alpha-red);
  font-style: normal;
  font-weight: 800;
}

/* Caja de búsqueda prominente dentro del hero */
.alpha-blog-search-form {
  margin: 28px 0 24px;
  max-width: 720px;
}

.alpha-blog-search-form__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.alpha-blog-search-form__field {
  display: flex;
  align-items: center;
  background: var(--ablog-white);
  border: 2px solid var(--ablog-ink);
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.alpha-blog-search-form__field:focus-within {
  border-color: var(--alpha-red);
  box-shadow: 0 6px 24px rgba(203, 2, 0, 0.18);
}

.alpha-blog-search-form__icon {
  color: var(--ablog-ink-soft);
  margin-left: 18px;
  flex-shrink: 0;
}

.alpha-blog-search-form__field input[type="search"] {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 16px 14px;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  color: var(--ablog-ink);
  outline: none;
  min-width: 0;
}

.alpha-blog-search-form__field input[type="search"]::placeholder {
  color: var(--ablog-ink-soft);
}

/* Quita el icono nativo de cancelar de algunos navegadores */
.alpha-blog-search-form__field input[type="search"]::-webkit-search-decoration,
.alpha-blog-search-form__field input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.alpha-blog-search-form__submit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  align-self: stretch;
  border: 0;
  background: var(--alpha-red);
  color: #fff;
  padding: 0 24px;
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 0.2s;
}

.alpha-blog-search-form__submit:hover {
  background: #A30100;
}

/* Empty state del search */
.alpha-blog-search-empty {
  background: var(--ablog-off);
  padding: 96px 52px;
  text-align: center;
}

.alpha-blog-search-empty__inner {
  max-width: 640px;
  margin: 0 auto;
}

.alpha-blog-search-empty__title {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(26px, 3.4vw, 38px);
  font-weight: 700;
  color: var(--ablog-ink);
  margin: 0 0 16px;
  line-height: 1.2;
}

.alpha-blog-search-empty__msg {
  font-size: 16px;
  line-height: 1.7;
  color: var(--ablog-ink-soft);
  margin: 0 0 36px;
}

.alpha-blog-search-empty__suggest {
  margin-bottom: 36px;
}

.alpha-blog-search-empty__suggest-label {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ablog-ink-soft);
  margin: 0 0 16px;
}

.alpha-blog-search-empty__cats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 8px;
}

.alpha-blog-search-empty__cats .alpha-blog-tag {
  text-decoration: none;
  transition: transform 0.15s, opacity 0.15s;
}

.alpha-blog-search-empty__cats .alpha-blog-tag:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}


/* ═══════════════════════════════════════════════════════
   GRUPOS DE CHIPS DE CATEGORÍA (multi-categoría)
   ═══════════════════════════════════════════════════════ */

/* En cards del grid: chips arriba del título */
.alpha-blog-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 4px;
}

/* En items de lista (Más artículos): chips a la derecha del meta */
.alpha-blog-listitem__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

/* En single.php: chips arriba del título grande */
.alpha-single__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.alpha-single__cats .alpha-blog-tag {
  transition: opacity 0.15s, transform 0.15s;
  text-decoration: none;
}

.alpha-single__cats .alpha-blog-tag:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}


/* ═══════════════════════════════════════════════════════
   BOTÓN "VOLVER AL BLOG" EN HERO DEL ARCHIVO
   ═══════════════════════════════════════════════════════ */
.alpha-blog-archive-hero__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--ablog-ink-mid);
  background: var(--ablog-white);
  border: 1px solid var(--ablog-border);
  border-radius: 999px;
  padding: 8px 16px 8px 14px;
  text-decoration: none;
  margin-bottom: 24px;
  transition: all 0.2s ease;
}

.alpha-blog-archive-hero__back:hover {
  color: var(--alpha-red);
  border-color: var(--alpha-red);
  background: rgba(203, 2, 0, 0.04);
  transform: translateX(-2px);
}

.alpha-blog-archive-hero__back span {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  transition: transform 0.2s ease;
}

.alpha-blog-archive-hero__back:hover span {
  transform: translateX(-3px);
}


/* ═══════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .alpha-blog-nav,
  .alpha-blog-catstrip,
  .alpha-blog-secheader,
  .alpha-blog-stats,
  .alpha-blog-cta,
  .alpha-blog-footer { padding-left: 32px; padding-right: 32px; }

  .alpha-blog-featured { grid-template-columns: 1fr; }
  .alpha-blog-featured__content { border-left: none; border-top: 1px solid var(--ablog-border); }

  .alpha-blog-grid { grid-template-columns: 1fr 1fr; }
  .alpha-blog-card:nth-child(2) { border-right: none; }
  .alpha-blog-card:nth-child(3) { grid-column: span 2; border-right: none; }

  /* Archive grid: 2 cols en tablet, sin grid-column span */
  .alpha-blog-grid--archive .alpha-blog-card:nth-child(3) { grid-column: auto; }
  .alpha-blog-grid--archive .alpha-blog-card { border-right: 1px solid var(--ablog-border); }
  .alpha-blog-grid--archive .alpha-blog-card:nth-child(2n) { border-right: none; }
  .alpha-blog-grid--archive .alpha-blog-card:nth-child(3n) { border-right: 1px solid var(--ablog-border); }
  .alpha-blog-grid--archive .alpha-blog-card:nth-child(2n):nth-child(3n) { border-right: none; }
  .alpha-blog-grid--archive .alpha-blog-card:last-child:not(:nth-child(2n)) { border-right: none; }

  /* Archive hero + paginación + empty + grid wrap padding */
  .alpha-blog-archive-hero { padding: 48px 32px 40px; }
  .alpha-blog-archive-grid-wrap { padding-top: 48px; }
  .alpha-blog-pagination { padding: 40px 32px 56px; }
  .alpha-blog-archive-empty { padding: 72px 32px; }

  .alpha-blog-stats { grid-template-columns: 1fr 1fr; gap: 32px; padding: 48px 32px; }
  .alpha-blog-stat,
  .alpha-blog-stat + .alpha-blog-stat { padding: 0; border-right: none; }

  .alpha-blog-secondary { grid-template-columns: 1fr; }
  .alpha-blog-secondary__left { border-right: none; }
  .alpha-blog-listitem { padding-left: 32px; padding-right: 32px; }

  .alpha-blog-sidebar { position: static; }

  .alpha-blog-cta { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 768px) {
  .alpha-blog-nav { padding: 0 20px; height: 56px; }
  .alpha-blog-nav__links li:nth-child(-n+3) { display: none; }

  .alpha-blog-catstrip,
  .alpha-blog-secheader,
  .alpha-blog-stats,
  .alpha-blog-cta,
  .alpha-blog-footer { padding-left: 20px; padding-right: 20px; }

  .alpha-blog-ticker__item { font-size: 10px; padding: 0 18px; }

  .alpha-blog-featured__visual { padding: 36px 28px; min-height: 280px; }
  .alpha-blog-featured__bgnum { font-size: 200px; top: -20px; }
  .alpha-blog-featured__content { padding: 36px 28px; }
  .alpha-blog-featured__headline { font-size: 32px; }

  .alpha-blog-grid { grid-template-columns: 1fr; }
  .alpha-blog-card { min-height: auto; padding: 32px 24px 28px; border-right: none; }
  .alpha-blog-card:nth-child(3) { grid-column: auto; }

  /* Archive grid: 1 col en móvil, sin border-right */
  .alpha-blog-grid--archive .alpha-blog-card,
  .alpha-blog-grid--archive .alpha-blog-card:nth-child(3n) { border-right: none; }

  /* Archive hero móvil */
  .alpha-blog-archive-hero { padding: 36px 20px 32px; }
  .alpha-blog-archive-hero__breadcrumb { margin-bottom: 24px; font-size: 11px; }
  .alpha-blog-archive-hero__title { font-size: clamp(32px, 9vw, 48px); }
  .alpha-blog-archive-hero__desc { font-size: 16px; }

  /* Search toggle del nav en móvil: el form se despliega ocupando más espacio */
  .alpha-blog-nav__search-form { width: calc(100vw - 100px); max-width: 280px; }

  /* Search en móvil: botón debajo del input */
  .alpha-blog-search-form__field { flex-direction: column; align-items: stretch; }
  .alpha-blog-search-form__icon { display: none; }
  .alpha-blog-search-form__field input[type="search"] { padding: 14px 16px; }
  .alpha-blog-search-form__submit { width: 100%; padding: 14px; justify-content: center; }
  .alpha-blog-search-empty { padding: 56px 20px; }
  .alpha-blog-archive-grid-wrap { padding-top: 32px; }
  .alpha-blog-pagination { padding: 32px 20px 48px; gap: 4px; }
  .alpha-blog-pagination .page-numbers { min-width: 40px; height: 40px; padding: 0 10px; font-size: 14px; }
  .alpha-blog-pagination .prev,
  .alpha-blog-pagination .next { padding: 0 12px; font-size: 13px; }
  .alpha-blog-archive-empty { padding: 56px 20px; }
  .alpha-blog-archive-empty__title { font-size: 26px; }

  .alpha-blog-stats { grid-template-columns: 1fr 1fr; gap: 24px; padding: 36px 20px; }
  .alpha-blog-stat__num { font-size: 42px; }

  .alpha-blog-listitem {
    grid-template-columns: 40px 1fr;
    gap: 14px;
    padding: 22px 20px;
  }
  .alpha-blog-listitem__num { font-size: 24px; }
  .alpha-blog-listitem__meta {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .alpha-blog-sidebar { padding: 28px 20px; }

  .alpha-blog-cta { padding: 48px 20px; }
  .alpha-blog-cta__headline { font-size: 30px; }
  .alpha-blog-cta__btn { width: 100%; text-align: center; }

  .alpha-blog-footer { flex-direction: column; text-align: center; padding: 28px 20px; }
}