/*
 Theme Name: Astra Child
 Theme URI: https://wpastra.com/
 Description: Child theme for BenTreder.com
 Author: Ben Treder
 Template: astra
 Version: 1.0.0
*/

/* ===== BenTreder – global tokens ===== */
:root{
  --bt-ink:#e9eef1; --bt-muted:#9aa6ad; --bt-bg:#0b0f12; --bt-panel:#10161b;
  --bt-line:#1d2630; --bt-neon:#00f0a8; --bt-neon2:#37a2ff; --bt-radius:16px;
  --bt-shadow:0 18px 42px rgba(0,0,0,.35);
}

/* ===== BenTreder Blog (Posts Page) ===== */
.bt-blog{
  padding-block:28px 96px; background:var(--bt-bg);
  background-image:
    radial-gradient(transparent 0 98%, rgba(255,255,255,.03) 98%),
    linear-gradient(transparent 31px, rgba(255,255,255,.03) 32px);
  background-size:26px 26px, 100% 32px; background-position:0 0, 0 0;
}
.bt-container.alignwide{ max-width:1120px; margin-inline:auto; padding-inline:clamp(12px,3vw,24px) }

/* Gutenberg blocks at the top (your hero/intro) */
.bt-blog .wp-block-cover, .bt-blog .wp-block-group{
  border:1px solid var(--bt-line); border-radius:var(--bt-radius);
  box-shadow:var(--bt-shadow); overflow:hidden; background-color:var(--bt-panel);
}
.bt-blog .wp-block-heading, .bt-blog h1, .bt-blog h2, .bt-blog h3{ color:var(--bt-ink); letter-spacing:.2px }
.bt-blog p, .bt-blog li{ color:var(--bt-ink) }

/* Grid */
.bt-grid{ display:grid; gap:clamp(14px,2.4vw,24px); grid-template-columns:repeat(12,1fr) }
@media (min-width:980px){ .bt-grid > *{ grid-column:auto / span 4 } }
@media (640px <= width < 980px){ .bt-grid > *{ grid-column:auto / span 6 } }
@media (max-width:639.98px){ .bt-grid > *{ grid-column:1 / -1 } }

/* Cards */
.bt-card{
  background:var(--bt-panel); border:1px solid var(--bt-line);
  border-radius:var(--bt-radius); box-shadow:var(--bt-shadow);
  overflow:hidden; display:flex; flex-direction:column;
}
.bt-thumb, .bt-thumb img{ display:block; width:100%; height:auto }
.bt-thumb--ph{ aspect-ratio:16/9; background:linear-gradient(135deg,#0f1419,#0d1116) }

.bt-card-body{ padding:clamp(14px,2vw,18px) }
.bt-card-title{ margin:0 0 6px; font-weight:800; font-size:clamp(18px,2.1vw,22px) }
.bt-card-title a{ color:var(--bt-ink); text-decoration:none; border-bottom:1px solid transparent }
.bt-card-title a:hover{ border-bottom-color:var(--bt-neon) }

.bt-card-meta{ color:var(--bt-muted); font-size:.92rem; display:flex; gap:10px; align-items:center; margin-bottom:10px }
.bt-dot{ opacity:.6 }
.bt-cat{ color:var(--bt-neon) }

.bt-card-excerpt{ color:var(--bt-ink); margin:0 0 12px; line-height:1.55 }
.bt-card-more{
  align-self:flex-start; display:inline-block; padding:.5rem .85rem; border-radius:12px;
  background:linear-gradient(90deg,var(--bt-neon),var(--bt-neon2));
  color:#001116; font-weight:800; text-decoration:none; box-shadow:0 6px 20px rgba(0,240,168,.25)
}
.bt-card-more:hover{ filter:brightness(1.05) }

/* Pagination */
.bt-pagination{ margin-top:26px; text-align:center }
.bt-pagination .page-numbers{
  display:inline-block; margin:0 4px; padding:.5rem .85rem; border-radius:12px;
  text-decoration:none; color:var(--bt-ink); background:var(--bt-panel); border:1px solid var(--bt-line)
}
.bt-pagination .current{
  background:linear-gradient(90deg,var(--bt-neon),var(--bt-neon2));
  color:#001116; border-color:transparent; font-weight:800
}

/* Let our width control on blog page */
.bt-blog .site-content .ast-container{ max-width:none }