/* ITA BLOG ARCHIVE - matches archive-page-wordpress.html design */
.ita-blog{
  --ita-accent: #d81442;
  --ita-accent2: #ff628f;
  --ita-sea: #2d96cc;
  --ita-ink: #142538;
  --ita-muted: rgba(49,69,89,.76);
  --ita-border: rgba(21,76,114,.16);
  --ita-glass: rgba(255,255,255,.76);
  --ita-glass2: rgba(255,255,255,.90);
  --ita-shadow: 0 20px 50px rgba(18,55,87,.14);
  --ita-radius: 22px;

  position: relative;
  isolation: isolate;
  color: var(--ita-ink);
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(1200px 620px at 8% -6%, rgba(148,210,255,.26), transparent 62%),
    radial-gradient(980px 460px at 92% 2%, rgba(255,176,200,.20), transparent 62%),
    linear-gradient(180deg, #f5fbff 0%, #ffffff 52%, #fff7fa 100%);
  width:100%;
  max-width:none;
  margin:0 auto;
  border-radius: 0;
  overflow: visible;
  border: 0;
  box-shadow:none;
}

.ita-blog *{box-sizing: border-box;}
.ita-blog a{color: inherit;}

body.page-template-page-blog-archive,
body.page-template-page-blog,
body.page-template-page-blog-home,
body.home,
body.blog,
body.archive,
body.search{
  background: radial-gradient(980px 440px at 12% 12%, rgba(217,16,47,.12), transparent 50%),
              radial-gradient(820px 380px at 84% 10%, rgba(32,76,160,.10), transparent 55%),
              linear-gradient(180deg, #f8f2f4, #fdfcfd);
  color: var(--ita-ink);
  min-height: 100vh;
}
body.page-template-page-blog-archive .wp-site-blocks,
body.page-template-page-blog .wp-site-blocks,
body.page-template-page-blog-home .wp-site-blocks,
body.home .wp-site-blocks,
body.blog .wp-site-blocks,
body.archive .wp-site-blocks,
body.search .wp-site-blocks{
  background: radial-gradient(980px 440px at 12% 12%, rgba(217,16,47,.12), transparent 50%),
              radial-gradient(820px 380px at 84% 10%, rgba(32,76,160,.10), transparent 55%),
              linear-gradient(180deg, #f8f2f4, #fdfcfd);
}

.ita-blog-hero{
  position: relative;
  padding: clamp(26px, 3.6vw, 46px) 16px 18px;
  overflow: hidden;
}

.ita-about-hero-bg{
  position: absolute;
  inset: -40px;
  background:
    radial-gradient(1200px 560px at 12% 4%, rgba(45,150,204,.16), transparent 60%),
    radial-gradient(1200px 520px at 90% 10%, rgba(216,20,66,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.06));
  z-index: 0;
}

.ita-blog-hero-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items: stretch;
}

.ita-blog-hero-left,
.ita-blog-hero-right{min-width: 0;}

.ita-blog-hero-img{
  background:
    radial-gradient(900px 380px at 25% 10%, rgba(216,20,66,.20), transparent 58%),
    url("https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?auto=format&fit=crop&w=1200&q=70");
  background-size: cover;
  background-position: center;
}

.ita-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(21,76,114,.18);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(12px);
  font-weight: 800;
  font-size: 12px;
  color: rgba(19,52,79,.92);
  margin-bottom: 12px;
}

.ita-blog-hero h1{
  margin: 0 0 10px;
  font-size: clamp(30px, 3.1vw, 46px);
  line-height: 1.04;
  letter-spacing: .2px;
  color: var(--ita-ink);
}

.ita-blog-hero p{
  margin: 0 0 16px;
  color: var(--ita-muted);
  line-height: 1.58;
  max-width: 56ch;
}

.ita-hero-cta{display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px;}

.ita-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 14px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .2px;
  border: 1px solid rgba(21,76,114,.18);
  background: rgba(255,255,255,.92);
  color: rgba(22,54,82,.95);
  cursor: pointer;
  font-size: inherit;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.ita-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 35px rgba(18,55,87,.16);
  border-color: rgba(216,20,66,.30);
}

.ita-btn-primary{
  color: #fff;
  border-color: rgba(137,3,36,.56);
  background: linear-gradient(135deg, #b80934 0%, #e11b4d 58%, #ff628f 100%);
  box-shadow: 0 12px 24px rgba(216,20,66,.28);
}

.ita-btn-primary:hover{
  background: linear-gradient(135deg, #96072c 0%, #ca0f3f 58%, #f74f7e 100%);
}

.ita-btn-ghost{background: rgba(255,255,255,.95);}

.ita-hero-stats{display: flex; gap: 10px; flex-wrap: wrap;}

.ita-stat{
  flex: 1 1 160px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--ita-border);
  background: var(--ita-glass2);
  backdrop-filter: blur(10px);
}

.ita-stat b{display: block; font-size: 21px; line-height: 1.1; color: rgba(20,53,80,.96);}
.ita-stat span{color: var(--ita-muted); font-size: 12.5px;}

.ita-hero-card{
  border-radius: var(--ita-radius);
  border: 1px solid var(--ita-border);
  background: var(--ita-glass2);
  backdrop-filter: blur(12px);
  box-shadow: var(--ita-shadow);
  overflow: hidden;
}

.ita-hero-card-main{display: flex; flex-direction: column; min-height: 380px;}

.ita-hero-card-top{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(21,76,114,.12);
}

.ita-hero-badge{
  font-weight: 900;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(216,20,66,.12);
  border: 1px solid rgba(216,20,66,.24);
  color: rgba(178,15,52,.95);
  white-space: nowrap;
}

.ita-hero-dot{color: rgba(73,95,114,.52);}

.ita-hero-mini{
  color: rgba(70,93,112,.78);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ita-hero-card-img{
  flex: 1 1 auto;
  min-height: 230px;
  border-top: 1px solid rgba(216,20,66,.22);
  border-bottom: 1px solid rgba(21,76,114,.15);
  background-size: cover;
  background-position: center;
}

.ita-hero-card-foot{
  padding: 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.ita-hero-quote{color: rgba(34,62,85,.88); font-size: 13px; line-height: 1.46;}
.ita-hero-quote span{display: block; margin-top: 6px; color: rgba(79,101,120,.72); font-size: 12px;}

.ita-mini-link{
  color: rgba(183,16,54,.95);
  text-decoration: none;
  font-weight: 800;
  white-space: nowrap;
}

.ita-mini-link:hover{color: rgba(223,40,87,.96);}

.ita-hero-card-side{margin-top: 12px; padding: 14px;}

.ita-side-row{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(21,76,114,.20);
}

.ita-side-row:last-child{border-bottom: 0; padding-bottom: 0;}

.ita-side-icon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(216,20,66,.12);
  border: 1px solid rgba(216,20,66,.20);
  color: rgba(175,13,50,.94);
  font-weight: 900;
  font-size: 12px;
}

.ita-side-row b{display: block; font-size: 13px; color: rgba(20,53,80,.95);}
.ita-side-row span{color: rgba(78,99,118,.78); font-size: 12.5px;}

.ita-about-nav{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 14px auto 0;
  padding: 10px;
  border-radius: 999px;
  border: 1px solid rgba(21,76,114,.16);
  background: rgba(255,255,255,.84);
  backdrop-filter: blur(12px);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.ita-about-nav a{
  text-decoration: none;
  color: rgba(28,63,91,.84);
  font-weight: 800;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

.ita-about-nav a:hover{
  background: linear-gradient(135deg, #b80934 0%, #e11b4d 100%);
  color: #fff;
  transform: translateY(-1px);
}

.ita-blog-section{padding: 22px 16px;}
.ita-blog-section > *{max-width: 1200px; margin: 0 auto;}

.ita-section-head{margin-bottom: 12px;}
.ita-section-head h2{margin: 0 0 6px; font-size: clamp(22px,2.2vw,30px); letter-spacing: .2px; color: var(--ita-ink);}
.ita-section-head p{margin: 0; color: var(--ita-muted); line-height: 1.55;}

.ita-blog-filter-section{padding: 14px 16px;}

.ita-blog-filter-wrap{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.ita-blog-search{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--ita-border);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  flex: 1 1 260px;
}

.ita-search-icon{font-size: 12px; color: rgba(68,90,108,.76);}

.ita-search-input{
  background: transparent;
  border: none;
  outline: none;
  color: rgba(21,47,70,.95);
  font-size: 13px;
  width: 100%;
  font-family: inherit;
}

.ita-search-input::placeholder{color: rgba(76,97,116,.64);}
.ita-blog-tags{display: flex; flex-wrap: wrap; gap: 8px;}

.ita-tag{
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(21,76,114,.16);
  background: rgba(255,255,255,.92);
  color: rgba(33,68,96,.84);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .15s ease;
}

.ita-tag:hover{
  background: rgba(255,255,255,.98);
  border-color: rgba(216,20,66,.30);
  color: rgba(181,13,53,.95);
  transform: translateY(-1px);
}

.ita-tag-active{
  background: linear-gradient(135deg, #b80934 0%, #e11b4d 58%, #ff628f 100%);
  border-color: rgba(137,3,36,.45);
  color: #fff;
}

.ita-tag-sm{font-size: 11px; padding: 4px 9px;}

.ita-blog-grid{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: 14px;
}

.ita-blog-card-large{grid-column: span 2; grid-row: span 2;}
.ita-blog-card-large .ita-blog-card-img{min-height: 320px;}
.ita-blog-card-large h3{font-size: clamp(17px,1.7vw,23px);}

.ita-blog-card-wide{grid-column: span 2; display: flex; flex-direction: row;}
.ita-blog-card-wide .ita-blog-card-img{
  flex: 0 0 260px;
  min-height: 0;
  border-radius: 0;
  border-top-left-radius: var(--ita-radius);
  border-bottom-left-radius: var(--ita-radius);
}

.ita-blog-card{
  border-radius: var(--ita-radius);
  border: 1px solid var(--ita-border);
  background: var(--ita-glass2);
  backdrop-filter: blur(10px);
  box-shadow: 0 16px 38px rgba(18,55,87,.12);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}

.ita-blog-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(18,55,87,.17);
}

.ita-blog-card-img{
  min-height: 190px;
  border-bottom: 1px solid rgba(21,76,114,.14);
  background-size: cover;
  background-position: center;
}

.ita-blog-card-body{padding: 16px; display: flex; flex-direction: column; gap: 8px; flex: 1;}
.ita-blog-card-meta{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.ita-blog-date{color: rgba(76,97,116,.72); font-size: 12px;}

.ita-blog-read{
  color: rgba(76,97,116,.72);
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(21,76,114,.14);
  background: rgba(255,255,255,.92);
}

.ita-blog-card h3{
  margin: 0;
  font-size: clamp(14px,1.2vw,17px);
  line-height: 1.38;
  letter-spacing: .1px;
  color: var(--ita-ink);
}

.ita-blog-card p{
  margin: 0;
  color: var(--ita-muted);
  font-size: 13px;
  line-height: 1.55;
  flex: 1;
}

.ita-blog-card-foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(21,76,114,.10);
}

.ita-blog-author{display: flex; align-items: center; gap: 8px;}

.ita-blog-avatar{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(216,20,66,.86), rgba(216,20,66,.60));
  border: 1px solid rgba(216,20,66,.30);
  display: grid; place-items: center;
  font-size: 12px; font-weight: 900; color: #fff;
}

.ita-blog-author span{color: rgba(50,72,91,.80); font-size: 12px; font-weight: 700;}
.ita-blog-loadmore{max-width: 1200px; margin: 18px auto 0; display: flex; justify-content: center;}

.ita-card{
  border-radius: var(--ita-radius);
  border: 1px solid var(--ita-border);
  background: var(--ita-glass2);
  backdrop-filter: blur(10px);
  box-shadow: 0 16px 38px rgba(18,55,87,.12);
  padding: 18px;
}

.ita-grid-3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 1200px;
  margin: 0 auto;
}

.ita-value-top{display: flex; align-items: center; gap: 10px; margin-bottom: 8px;}

.ita-value-icon{
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(216,20,66,.12);
  border: 1px solid rgba(216,20,66,.20);
  color: rgba(181,13,53,.94);
  font-weight: 900;
  font-size: 12px;
}

.ita-value b{font-size: 14px; color: rgba(20,53,80,.96);}
.ita-value p{margin: 0 0 8px; color: var(--ita-muted); font-size: 13.5px; line-height: 1.55;}

.ita-final-cta{margin-top: 14px;}

.ita-final-card{
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px;
  border-radius: var(--ita-radius);
  border: 1px solid var(--ita-border);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(242,250,255,.96) 58%, rgba(255,245,249,.95));
  box-shadow: 0 20px 45px rgba(18,55,87,.14);
}

.ita-final-card h3{margin: 0 0 8px; font-size: 21px; color: var(--ita-ink);}
.ita-final-card p{margin: 0 0 14px; color: var(--ita-muted); line-height: 1.55; max-width: 70ch;}

.ita-newsletter-card{display: grid; grid-template-columns: 1.1fr .9fr; gap: 22px; align-items: start;}
.ita-newsletter-left .ita-pill{margin-bottom: 8px;}
.ita-newsletter-form{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px;}

.ita-email-input{
  flex: 1 1 220px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(21,76,114,.16);
  background: rgba(255,255,255,.96);
  color: rgba(21,47,70,.95);
  font-size: 14px;
  font-family: inherit;
  outline: none;
}

.ita-email-input::placeholder{color: rgba(76,97,116,.64);}
.ita-email-input:focus{border-color: rgba(216,20,66,.40);}
.ita-proof{display: grid; gap: 12px;}

.ita-proof-row{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(21,76,114,.14);
  background: rgba(255,255,255,.88);
}

.ita-proof-dot{
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border-radius: 999px;
  background: var(--ita-accent);
  box-shadow: 0 0 0 6px rgba(216,20,66,.12);
  flex: 0 0 auto;
}

.ita-proof-row b{display: block; font-size: 13px; color: rgba(20,53,80,.95);}
.ita-proof-row span{display: block; color: rgba(78,99,118,.78); font-size: 12.5px; margin-top: 2px;}

.ita-proof-banner{
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(216,20,66,.20);
  background: rgba(216,20,66,.08);
}

.ita-proof-banner b{display: block; color: rgba(169,12,46,.95);}
.ita-proof-banner span{display: block; color: rgba(69,91,109,.78); margin: 4px 0 8px;}

.ita-blog-grid .ita-blog-card[hidden]{display: none !important;}

@media(max-width:980px){
  .ita-blog-hero-inner{grid-template-columns:1fr;}
  .ita-grid-3{grid-template-columns:1fr 1fr;}
  .ita-blog-grid{grid-template-columns:1fr 1fr;}
  .ita-blog-card-large{grid-column:span 2;}
  .ita-blog-card-wide{grid-column:span 2;flex-direction:column;}
  .ita-blog-card-wide .ita-blog-card-img{
    flex:0 0 200px;
    border-radius:0;
    border-top-left-radius:var(--ita-radius);
    border-top-right-radius:var(--ita-radius);
  }
  .ita-newsletter-card{grid-template-columns:1fr;}
}

@media(max-width:640px){
  .ita-blog{border-radius: 20px;}
  .ita-about-nav{border-radius:18px;}
  .ita-blog-grid{grid-template-columns:1fr;}
  .ita-blog-card-large{grid-column:span 1;grid-row:span 1;}
  .ita-blog-card-wide{grid-column:span 1;}
  .ita-grid-3{grid-template-columns:1fr;}
  .ita-hero-card-main{min-height:320px;}
  .ita-hero-card-img{min-height:200px;}
  .ita-blog-filter-wrap{flex-direction:column;align-items:stretch;}
}

@media(prefers-reduced-motion:reduce){
  .ita-btn,
  .ita-blog-card,
  .ita-mini-link,
  .ita-about-nav a,
  .ita-tag{transition:none !important;}
}