/*
  Big Sigorta Blog Final 20
  Blog kartlarını gönderilen referans görseldeki gibi sade, fotoğraf üstte / metin altta yapar.
  İnfografik kullanılmaz; görseller öne çıkan görsel olarak atanır.
*/

:root{
  --bbf20-dark:#003E28;
  --bbf20-muted:#65756e;
  --bbf20-line:rgba(0,62,40,.14);
  --bbf20-cream:#F3F8EF;
  --bbf20-shadow:0 18px 52px rgba(0,62,40,.085);
}

body.blog,
body.archive.category-tamamlayici-saglik-sigortasi{
  background:var(--bbf20-cream);
}

.big-post-card,
.bs-post-card,
.blog-card,
.post-card,
.big-blog-row,
body.blog main article.post,
body.archive main article.post{
  background:#fff;
  border:1px solid var(--bbf20-line);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--bbf20-shadow);
  transition:transform .22s ease, box-shadow .22s ease;
}

.big-post-card:hover,
.bs-post-card:hover,
.blog-card:hover,
.post-card:hover,
.big-blog-row:hover,
body.blog main article.post:hover,
body.archive main article.post:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 72px rgba(0,62,40,.12);
}

.big-post-card .wp-post-image,
.bs-post-card .wp-post-image,
.blog-card .wp-post-image,
.post-card .wp-post-image,
.big-blog-row .wp-post-image,
body.blog main article.post .wp-post-image,
body.archive main article.post .wp-post-image{
  width:100%;
  aspect-ratio:16/10;
  height:auto;
  max-height:360px;
  object-fit:cover;
  display:block;
  border-radius:28px 28px 0 0;
}

.big-post-card .post-thumbnail,
.bs-post-card .post-thumbnail,
.blog-card .post-thumbnail,
.post-card .post-thumbnail,
.big-blog-row .post-thumbnail,
body.blog main article.post .post-thumbnail,
body.archive main article.post .post-thumbnail{
  display:block;
  margin:0;
  overflow:hidden;
  background:#eef5eb;
}

.big-post-card h2,
.big-post-card h3,
.bs-post-card h2,
.bs-post-card h3,
.blog-card h2,
.blog-card h3,
.post-card h2,
.post-card h3,
.big-blog-row h2,
body.blog main article.post h2,
body.archive main article.post h2{
  color:var(--bbf20-dark)!important;
  letter-spacing:-.035em;
  font-weight:900;
  line-height:1.16;
}

.big-post-card p,
.bs-post-card p,
.blog-card p,
.post-card p,
.big-blog-row p,
body.blog main article.post p,
body.archive main article.post p{
  color:var(--bbf20-muted);
  line-height:1.65;
}

.big-inline-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  padding:14px 18px;
  border-radius:999px;
  background:var(--bbf20-dark);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800;
}

.big-inline-cta:hover{
  opacity:.92;
}

body.single-post .wp-post-image{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:28px;
  box-shadow:var(--bbf20-shadow);
  margin-bottom:26px;
}

body.single-post .entry-content h2{
  color:var(--bbf20-dark);
  margin-top:34px;
  margin-bottom:12px;
  letter-spacing:-.03em;
}

body.single-post .entry-content h3{
  color:var(--bbf20-dark);
  margin-top:24px;
  margin-bottom:8px;
}

body.single-post .entry-content p,
body.single-post .entry-content li{
  font-size:18px;
  line-height:1.8;
}

@media (max-width:768px){
  .big-post-card,
  .bs-post-card,
  .blog-card,
  .post-card,
  .big-blog-row,
  body.blog main article.post,
  body.archive main article.post{
    border-radius:22px;
  }

  .big-post-card .wp-post-image,
  .bs-post-card .wp-post-image,
  .blog-card .wp-post-image,
  .post-card .wp-post-image,
  .big-blog-row .wp-post-image,
  body.blog main article.post .wp-post-image,
  body.archive main article.post .wp-post-image{
    border-radius:22px 22px 0 0;
    max-height:260px;
  }

  body.single-post .entry-content p,
  body.single-post .entry-content li{
    font-size:16px;
  }
}