:root{
  --ita-accent:#d9102f;
  --ita-accent-2:#f3284a;
  --ita-ink:#0f0f14;
  --ita-muted:#565667;
  --ita-cream:#f8f2f4;
  --ita-card:#ffffff;
  --ita-card-soft:#f3eef2;
  --ita-border:rgba(15,15,20,.08);
  --ita-shadow:0 18px 55px rgba(0,0,0,.12);
  --ita-radius:20px;
  --ita-radius-lg:26px;
  --ita-max:1200px;
}

body.blog,
body.archive,
body.home,
body.blog,
body.archive,
body.page-template-page-blog,
body.page-template-page-blog-home{
  background: radial-gradient(960px 480px at 12% 10%, rgba(217,16,47,.22), transparent 48%),
              radial-gradient(780px 360px at 86% 18%, rgba(60,40,120,.18), transparent 52%),
              linear-gradient(180deg, var(--ita-cream), #fefcfd);
  color:var(--ita-ink);
}

body.blog .wp-site-blocks,
body.archive .wp-site-blocks,
body.home .wp-site-blocks,
body.blog .wp-site-blocks,
body.archive .wp-site-blocks,
body.page-template-page-blog .wp-site-blocks,
body.page-template-page-blog-home .wp-site-blocks{
  overflow-x: clip;
}

.ita-archive{
  padding:76px 0 60px;
}

/* HERO */
.ita-archive-hero{
  padding:0 16px;
}

.ita-hero-inner{
  position:relative;
  overflow:hidden;
  padding:28px 22px 24px;
  border-radius:var(--ita-radius-lg);
  background:linear-gradient(135deg, rgba(217,16,47,.11), rgba(15,11,20,.92));
  color:#fff;
  box-shadow:var(--ita-shadow);
  border:1px solid rgba(255,255,255,.14);
}

.ita-hero-inner::after{
  content:"";
  position:absolute;
  inset:-6% -10% auto auto;
  height:220px;
  width:220px;
  background:radial-gradient(closest-side, rgba(243,40,74,.28), transparent 72%);
  filter:blur(6px);
  opacity:.7;
}

.ita-archive-title{
  margin:0 0 6px;
  font-size:clamp(30px,4vw,48px);
  color:#fff;
  display:block !important; /* ensure visible even if global page title is hidden */
}

.ita-archive-desc{
  margin:0 0 16px;
  color:rgba(255,255,255,.86);
  font-size:15.5px;
  line-height:1.6;
}

.ita-cat-chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.ita-cat-chips a{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  font-size:13px;
  text-decoration:none;
}

.ita-cat-chips a:hover{ background:rgba(255,255,255,.18); }

/* GRID */
.ita-archive-body{
  padding:20px 16px 10px;
}

.ita-archive-grid .wp-block-post-template,
.ita-archive-grid ul.wp-block-post-template{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:16px;
  list-style:none;
  margin:0;
  padding:0;
}

.ita-archive-card{
  height:100%;
  overflow:hidden;
  border-radius:var(--ita-radius);
  background:var(--ita-card);
  border:1px solid var(--ita-border);
  box-shadow:0 12px 30px rgba(0,0,0,.07);
  display:flex;
  flex-direction:column;
}

.ita-archive-thumb,
.ita-archive-thumb figure{
  margin:0;
}

.ita-archive-thumb img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
}

.ita-archive-card-body{
  padding:14px 14px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ita-archive-meta{
  font-size:12px;
  color:var(--ita-muted);
}

.ita-archive-cats,
.ita-archive-cats a{
  color:var(--ita-accent);
  text-decoration:none;
  font-weight:700;
}

.ita-archive-date{
  color:var(--ita-muted);
}

.ita-archive-card .wp-block-post-title,
.ita-archive-card h3{
  margin:0;
  font-size:clamp(18px,1.4vw,22px);
  line-height:1.3;
}

.ita-archive-card .wp-block-post-title a{
  color:var(--ita-ink);
  text-decoration:none;
}
.ita-archive-card .wp-block-post-title a:hover{ color:var(--ita-accent); }

.ita-archive-card .wp-block-post-excerpt p{
  margin:0;
  color:var(--ita-muted);
  line-height:1.6;
}

.ita-mini-link,
.ita-archive-card .wp-block-read-more{
  margin-top:auto;
  color:var(--ita-accent);
  font-weight:800;
  text-decoration:none;
}
.ita-mini-link:hover{ color:var(--ita-accent-2); }

/* Pagination */
.wp-block-query-pagination{
  margin-top:18px;
  align-items:center;
  gap:10px;
}
.wp-block-query-pagination-numbers,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next{
  color:var(--ita-accent);
  text-decoration:none;
}

/* CTA */
.ita-archive-cta{
  padding:24px 16px 0;
}

.ita-archive-cta > *{
  max-width:var(--ita-max);
  margin-left:auto;
  margin-right:auto;
}

.ita-archive-cta{
  text-align:center;
}

.ita-archive-cta h2{
  margin:0 0 8px;
  font-size:clamp(26px,2.4vw,34px);
}

.ita-archive-cta p{
  margin:0 0 14px;
  color:var(--ita-muted);
}

.ita-cta-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.ita-btn-primary .wp-block-button__link,
.ita-btn-primary .wp-element-button{
  background:linear-gradient(180deg, var(--ita-accent), var(--ita-accent-2));
  color:#fff;
  border-radius:999px;
  padding:12px 18px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:var(--ita-shadow);
}

.ita-btn-ghost .wp-block-button__link,
.ita-btn-ghost .wp-element-button{
  background:rgba(0,0,0,.02);
  border:1px solid var(--ita-border);
  color:var(--ita-ink);
  border-radius:999px;
  padding:12px 18px;
}

/* Responsive */
@media(max-width: 900px){
  .ita-archive{ padding-top:68px; }
  .ita-hero-inner{ padding:22px 18px; }
}

@media(max-width: 640px){
  .ita-archive-grid .wp-block-post-template{ grid-template-columns:1fr; }
  .ita-archive-thumb img{ height:180px; }
}

@media (prefers-reduced-motion: reduce){
  body.archive *{ transition:none!important; animation:none!important; }
}