/* Blog pages - system color aware */
.modern-page-header,
.modern-blog-header{
  position:relative !important;
  padding:34px 0 28px !important;
  border:0 !important;
  background:var(--tema-soft) !important;
  overflow:hidden !important;
}

.modern-page-header:before,
.modern-blog-header:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--ana-renk) 18%,transparent),transparent 42%),
    linear-gradient(315deg,color-mix(in srgb,var(--ikincil-renk) 20%,transparent),transparent 48%) !important;
  pointer-events:none !important;
}

.modern-page-header .container,
.modern-blog-header .container{
  position:relative !important;
  z-index:1 !important;
  max-width:1240px !important;
}

.modern-page-header h1,
.blog-detail-title{
  max-width:920px !important;
  margin:0 !important;
  color:var(--tema-ink) !important;
  font-size:clamp(30px,3.1vw,44px) !important;
  line-height:1.12 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
}

.modern-page-header p{
  max-width:620px !important;
  margin:10px 0 0 !important;
  color:var(--tema-muted) !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.breadcrumb-modern,
.blog-breadcrumb{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:14px 0 0 !important;
  color:var(--tema-muted) !important;
  font-size:13px !important;
}

.blog-breadcrumb{
  margin:0 0 16px !important;
}

.breadcrumb-modern a,
.blog-breadcrumb a{
  color:var(--ana-renk) !important;
  font-weight:650 !important;
  text-decoration:none !important;
}

.breadcrumb-modern a:hover,
.blog-breadcrumb a:hover{
  color:var(--ikincil-renk) !important;
}

.modern-page-header + section,
.modern-blog-header + section{
  padding:34px 0 58px !important;
  background:var(--tema-soft) !important;
}

.modern-page-header + section .container,
.modern-blog-header + section .container{
  max-width:1240px !important;
}

.modern-page-header + section .row{
  row-gap:22px !important;
}

.modern-blog-card{
  height:100% !important;
  overflow:hidden !important;
  border:1px solid var(--tema-border) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(18,49,58,.065) !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}

.modern-blog-card:hover{
  transform:translateY(-4px) !important;
  border-color:color-mix(in srgb,var(--ana-renk) 42%,var(--tema-border)) !important;
  box-shadow:0 16px 34px rgba(18,49,58,.10) !important;
}

.blog-card-image{
  padding-top:58% !important;
  background:var(--tema-soft-strong) !important;
}

.blog-card-image img{
  object-fit:cover !important;
}

.blog-card-date{
  top:12px !important;
  left:12px !important;
  min-height:30px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  background:var(--ana-renk) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:650 !important;
  box-shadow:0 8px 18px rgba(18,49,58,.18) !important;
}

.blog-card-content{
  padding:20px 20px 18px !important;
}

.blog-card-title{
  margin:0 0 10px !important;
  font-size:20px !important;
  line-height:1.28 !important;
  font-weight:650 !important;
}

.blog-card-title a{
  color:var(--tema-ink) !important;
}

.blog-card-title a:hover{
  color:var(--ana-renk) !important;
}

.blog-card-excerpt{
  color:var(--tema-muted) !important;
  font-size:14px !important;
  line-height:1.65 !important;
}

.blog-card-footer{
  padding-top:16px !important;
  border-top:1px solid var(--tema-border) !important;
}

.blog-read-more{
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:8px !important;
  background:var(--tema-soft-strong) !important;
  color:var(--ana-renk) !important;
  font-size:13px !important;
  font-weight:650 !important;
}

.blog-read-more:hover{
  gap:8px !important;
  background:var(--ana-renk) !important;
  color:#fff !important;
}

.modern-pagination{
  margin-top:34px !important;
}

.modern-pagination a,
.modern-pagination span{
  border:1px solid var(--tema-border) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:var(--tema-ink) !important;
  box-shadow:none !important;
}

.modern-pagination a:hover,
.modern-pagination .active{
  background:var(--ana-renk) !important;
  border-color:var(--ana-renk) !important;
  color:#fff !important;
  transform:none !important;
}

.modern-empty-state{
  border:1px solid var(--tema-border) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(18,49,58,.06) !important;
}

.modern-empty-state i{
  color:color-mix(in srgb,var(--ana-renk) 22%,#e8eef2) !important;
}

.modern-empty-state h2{
  color:var(--tema-ink) !important;
}

.modern-empty-state p{
  color:var(--tema-muted) !important;
}

.blog-detail-meta{
  gap:10px !important;
  margin-top:18px !important;
}

.blog-meta-item{
  display:inline-flex !important;
  align-items:center !important;
  min-height:32px !important;
  padding:0 11px !important;
  border:1px solid var(--tema-border) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--tema-muted) !important;
  font-size:13px !important;
}

.blog-meta-item i{
  color:var(--ana-renk) !important;
}

.modern-blog-content{
  overflow:hidden !important;
  border:1px solid var(--tema-border) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:0 12px 28px rgba(18,49,58,.075) !important;
}

.blog-featured-image{
  max-height:none !important;
  aspect-ratio:16 / 8.5 !important;
  background:var(--tema-soft-strong) !important;
}

.blog-featured-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.blog-content-body{
  padding:34px 38px !important;
  color:#435464 !important;
  font-size:16px !important;
  line-height:1.8 !important;
}

.blog-content-body h1,
.blog-content-body h2,
.blog-content-body h3,
.blog-content-body h4{
  color:var(--tema-ink) !important;
  font-weight:650 !important;
}

.blog-content-body p{
  color:#435464 !important;
  font-size:16px !important;
  line-height:1.8 !important;
}

.blog-content-body a{
  color:var(--ana-renk) !important;
  font-weight:650 !important;
}

.blog-content-body img{
  border-radius:10px !important;
}

.modern-sidebar-widget{
  position:sticky !important;
  top:92px !important;
  border:1px solid var(--tema-border) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(18,49,58,.06) !important;
}

.sidebar-widget-title{
  margin-bottom:16px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid var(--tema-border) !important;
  color:var(--tema-ink) !important;
  font-size:18px !important;
  font-weight:650 !important;
}

.sidebar-widget-title:after{
  height:3px !important;
  border-radius:999px !important;
  background:var(--ana-renk) !important;
}

.sidebar-post-item{
  gap:12px !important;
  padding:13px 0 !important;
  border-bottom:1px solid var(--tema-border) !important;
}

.sidebar-post-item:hover{
  transform:none !important;
}

.sidebar-post-thumb{
  width:76px !important;
  height:70px !important;
  border-radius:8px !important;
  background:var(--tema-soft-strong) !important;
}

.sidebar-post-title{
  color:var(--tema-ink) !important;
  font-size:14px !important;
  font-weight:650 !important;
}

.sidebar-post-title:hover{
  color:var(--ana-renk) !important;
}

.sidebar-post-date{
  color:var(--tema-muted) !important;
  font-size:12px !important;
}

@media(max-width:991px){
  .modern-sidebar-widget{position:static !important;}
}

@media(max-width:575px){
  .modern-page-header,
  .modern-blog-header{padding:26px 0 22px !important;}
  .modern-page-header + section,
  .modern-blog-header + section{padding:24px 0 42px !important;}
  .blog-content-body{padding:24px 18px !important;}
  .blog-featured-image{aspect-ratio:16 / 10.5 !important;}
}