/* AstroTema v6.0.0-alpha.10 — Blog System 2.0
 * Blog sayfası, kart görünümü için Görünüm → Kart Sistemi 2.0 tokenlarını kullanır.
 * Bu dosya yalnızca blog/arşiv yerleşimi, filtre, meta ve sayfalama davranışını yönetir.
 */

.az-posts-listing-page,
.az-archive-section{
  padding-top:clamp(36px,5vw,72px);
  padding-bottom:clamp(48px,6vw,92px);
}

.az-blog-grid.az-blog-grid-controlled,
.az-archive-section .az-blog-grid.az-blog-grid-controlled,
.az-posts-listing-page .az-blog-grid.az-blog-grid-controlled{
  display:grid!important;
  grid-template-columns:repeat(var(--az-blog-cols-desktop,3),minmax(0,1fr))!important;
  gap:clamp(18px,2vw,28px)!important;
  align-items:stretch!important;
}

.az-post-card.az-card--post{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
}

.az-post-card.az-card--post .az-thumb{
  display:block!important;
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:var(--az-card-image-radius,14px)!important;
  background:rgba(var(--az-card-bg-rgb),.28)!important;
}

.az-post-card.az-card--post.az-card-ratio-16-9 .az-thumb{aspect-ratio:16/9!important;}
.az-post-card.az-card--post.az-card-ratio-4-3 .az-thumb{aspect-ratio:4/3!important;}
.az-post-card.az-card--post.az-card-ratio-square .az-thumb{aspect-ratio:1/1!important;}
.az-post-card.az-card--post.az-card-ratio-auto .az-thumb{aspect-ratio:16/9!important;}

.az-post-card.az-card--post .az-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  margin:0!important;
  border-radius:inherit!important;
  transition:transform var(--az-card-transition,260ms) ease!important;
}

.az-post-card.az-card--post:hover .az-thumb img{
  transform:scale(1.025);
}

.az-post-card.az-card--post .az-post-card-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  gap:14px!important;
  padding:var(--az-card-padding,24px)!important;
}

.az-post-card.az-card-height-equal{height:100%!important;}
.az-post-card.az-card-height-auto{height:auto!important;}

.az-post-card.az-card--post h3{
  margin:0!important;
  font-family:var(--az-typography-card-title-font),Inter,system-ui,sans-serif!important;
  font-size:var(--az-typography-card-title-size)!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}

.az-post-card.az-card--post h3 a{
  color:var(--az-color-heading)!important;
  text-decoration:none!important;
}

.az-post-card.az-card--post h3 a:hover{
  color:var(--az-color-secondary)!important;
}

.az-card-meta-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}

.az-card-taxonomy-group{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}

.az-card-taxonomy-badge,
.az-card-date{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.az-card-taxonomy-badge{
  color:var(--az-color-white)!important;
  background:rgba(var(--az-glow-hover-rgb),.16)!important;
  border:1px solid rgba(var(--az-glow-hover-rgb),.24)!important;
}

.az-card-taxonomy-child{
  background:rgba(var(--az-glow-rgb),.14)!important;
  border-color:rgba(var(--az-glow-rgb),.20)!important;
}

.az-card-date{
  flex:0 0 auto!important;
  color:rgba(245,247,255,.76)!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

.az-card-excerpt{
  margin:0!important;
  color:var(--az-color-soft-text)!important;
  font-size:var(--az-typography-body-size)!important;
  line-height:1.7!important;
}

.az-card-read-more{
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  color:var(--az-color-secondary)!important;
  font-family:var(--az-typography-button-font),Inter,system-ui,sans-serif!important;
  font-size:var(--az-typography-button-size)!important;
  font-weight:800!important;
  text-decoration:none!important;
}

.az-card-read-more:hover{
  color:var(--az-color-white)!important;
}

.az-post-filter-panel{
  margin:0 0 clamp(24px,3vw,38px)!important;
  border-radius:var(--az-radius-card,22px)!important;
  border:var(--az-card-border-width,1px) solid rgba(var(--az-card-border-rgb),var(--az-card-border-opacity,.35))!important;
  background:var(--az-glass-surface)!important;
  box-shadow:var(--az-shadow-card)!important;
  backdrop-filter:var(--az-glass-filter,blur(18px) saturate(155%))!important;
  -webkit-backdrop-filter:var(--az-glass-filter,blur(18px) saturate(155%))!important;
}

.az-post-filter-head h2{
  font-family:var(--az-typography-heading-font),Inter,system-ui,sans-serif!important;
  color:var(--az-color-heading)!important;
}

.az-post-filter-form select,
.az-post-filter-form input{
  font-family:var(--az-typography-form-font),Inter,system-ui,sans-serif!important;
}

.az-pagination{
  margin-top:clamp(28px,4vw,48px)!important;
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.az-pagination .page-numbers,
.az-load-more-button{
  min-width:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.06)!important;
  color:var(--az-color-white)!important;
  padding:0 16px!important;
  font-family:var(--az-typography-button-font),Inter,system-ui,sans-serif!important;
  font-weight:800!important;
  text-decoration:none!important;
}

.az-pagination .page-numbers.current,
.az-pagination .page-numbers:hover,
.az-load-more-button:hover{
  background:rgba(var(--az-glow-hover-rgb),.18)!important;
  border-color:rgba(var(--az-glow-hover-rgb),.36)!important;
  color:var(--az-color-white)!important;
}

@media(max-width:1024px){
  .az-blog-grid.az-blog-grid-controlled,
  .az-archive-section .az-blog-grid.az-blog-grid-controlled,
  .az-posts-listing-page .az-blog-grid.az-blog-grid-controlled{
    grid-template-columns:repeat(var(--az-blog-cols-tablet,2),minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  .az-blog-grid.az-blog-grid-controlled,
  .az-archive-section .az-blog-grid.az-blog-grid-controlled,
  .az-posts-listing-page .az-blog-grid.az-blog-grid-controlled{
    grid-template-columns:repeat(var(--az-blog-cols-mobile,1),minmax(0,1fr))!important;
  }
  .az-card-meta-row{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}