/* style.css içinde */
.site-header {
  position: sticky;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 999;
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* LOGO BAŞLIĞI İÇİN ÖZEL FONT */
.site-header h1 {
  font-size: 1.5rem;
  margin: 0;
  font-family: 'Manrope', sans-serif;
}

/* ========== Reset & Site Geneli ========== */
* { box-sizing: border-box; }
body { margin: 0; padding: 0; overflow-x: hidden; }

/* ---------- Header Menü Linkleri ---------- */
.site-header nav a {
  margin-left: 1.2rem;
  text-decoration: none;
  font-size: 0.9rem;
  color: #333;
  font-family: 'Manrope', sans-serif;
}
.site-header nav { display: flex; align-items: center; }
.site-header nav ul { display: flex; margin: 0; padding: 0; list-style: none; }
.site-header nav ul li { margin-left: 1.2rem; }

/* ---------- Post Navigation (nav-links) ---------- */
.nav-links {
  display: flex;
  justify-content: space-between;
  max-width: 680px;
  margin: 2rem auto;
  padding: 0 1rem;
  font-family: Georgia, serif;
  font-size: 0.9rem;
  color: #666;
}
.nav-links a {
  text-decoration: none;
  color: #666;
  font-style: normal;
  padding: 0.25rem 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.nav-links a:hover {
  background-color: #f0f0f0;
  color: #111;
  border-color: #ccc;
}
.nav-links .nav-prev,
.nav-links .nav-next {
  font-family: 'Manrope', sans-serif;
  font-size: 1rem;
  color: #333;
  text-decoration: none;
}
.nav-links .nav-prev:hover,
.nav-links .nav-next:hover { text-decoration: underline; }

/* ========== HEADER & CONTENT YAN PAD ========== */
.header-inner, .content-wrapper {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
  box-sizing: border-box;
  width: 100%;
}

/* ---------- İçerik Wrapper ---------- */
.content-wrapper {
  font-family: Palatino, Georgia, serif;
  line-height: 1.9;
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}

/* ---------- POST BAŞLIĞI ---------- */
.single-title,
.content-wrapper h1 {
  font-family: Palatino, Georgia, serif;
  font-style: normal;
  font-weight: 100;
  color: #333;
  font-size: 24px;
  line-height: 1.35;
  margin-bottom: 0.5rem;
}

/* ---------- USER/TARİH/META ---------- */
.single-meta,
.content-wrapper .single-meta,
.content-wrapper .post-meta,
.content-wrapper .meta {
  font-family: Palatino, Georgia, serif;
  font-style: italic;
  font-weight: 100;
  color: #555;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 1rem;
}

/* ---------- POST BODY ---------- */
.single-content,
.content-wrapper .single-content {
  font-family: Palatino, Georgia, serif;
  font-style: normal;
  font-weight: 400;
  color: #111;
  font-size: 16px;
  line-height: 26px;
}

/* ---------- GRID & POST KARTLARI ---------- */
.post-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;           /* Eskisi: 48px, biraz azaltıldı */
  margin-top: 48px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.post-card {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  min-width: 0;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.post-card:hover { box-shadow: none; }
.post-card .single-title {
  font-size: 24px;
  margin-bottom: 0.7rem;
  line-height: 1.25;
}
.post-card .single-meta { font-size: 13px; margin-bottom: 1rem; }
.post-card .single-content { font-size: 15px; line-height: 1.7; color: #222; }

/* ---------- HEADER ORTA HIZA & MENU/LOGO YANAŞIK ---------- */
.site-header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 64px;
  padding-right: 64px;
  box-sizing: border-box;
}

/* ========== SINGLE.PHP GENİŞ VE ORTALI YAZI ========== */
.single .content-wrapper {
  max-width: 900px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media (max-width: 1020px) {
  .single .content-wrapper {
    max-width: 98vw;
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* ---------- RESPONSIVE AYARLAR ---------- */
@media (max-width: 1400px) {
  .header-inner, .content-wrapper, .site-header .header-inner { padding-left: 40px !important; padding-right: 40px !important; }
  .post-grid { gap: 20px; }
  .post-card { max-width: 220px; }
  .single .content-wrapper { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 1020px) {
  .post-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .header-inner, .content-wrapper, .site-header .header-inner { padding-left: 24px; padding-right: 24px; }
  .post-grid { grid-template-columns: 1fr; gap: 12px; }
  .post-card { max-width: 100%; }
  .single .content-wrapper { padding-left: 3px; padding-right: 3px; }
}
.single-article .single-title {
  font-family: Palatino, Georgia, serif;
  font-size: 2rem;
  line-height: 1.18;
  font-weight: 200;
  color: #222;
  margin-bottom: 1.1rem;
  text-align: center;

}

.single-article .single-meta {
  font-family: Palatino, Georgia, serif;
  font-size: 1.18rem;
  color: #666;
  font-style: italic;
  margin-bottom: 1.5rem;
  text-align: center;

}

.single-article .single-content {
  font-family: Palatino, Georgia, serif;
  font-size: 1.17rem;
  line-height: 1.85;
  color: #202020;
  font-weight: 400;
  text-align: left; 
  
}

.single-article .meta-splitter {
  height: 1px;
  background: #eaeaea;
  width: 100%;
  margin: 2.5rem 0 2.5rem 0;  /* üst ve alt boşluk: yaklaşık 3 satır */
  border: none;
}
/* Navigation alanı, content-wrapper ile tam hizalı */
.nav-links-single {
  max-width: 900px;              /* .content-wrapper'daki max-width'e göre ayarla */
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 56px;               /* .single .content-wrapper'daki padding ile aynı */
  margin-bottom: 2.2rem;
  margin-top: 2.2rem;
  box-sizing: border-box;
}
@media (max-width: 1020px) {
  .nav-links-single { max-width: 98vw; padding: 0 18px; }
}
@media (max-width: 700px) {
  .nav-links-single { max-width: 100vw; padding: 0 3px; }
}

/* Previous, Next ve Home ikon renkleri */
.nav-links-single a,
.nav-links-single .home-link {
  color: #888;
  font-family: Palatino, Georgia, serif;
  font-size: 1.04rem;
  text-decoration: none;
  transition: color .2s;
}
.nav-links-single .home-link:hover svg path {
  stroke: #333;
}
.nav-links-single .home-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  background: none;
  border: none;
  outline: none;
}
.nav-links-single svg {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: -3px;
}
.nav-links-single {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 3.2rem;  /* Alt boşluk arttırıldı */
  margin-top: 2.2rem;
  box-sizing: border-box;
}
@media (max-width: 1020px) {
  .nav-links-single { max-width: 98vw; padding-left: 0; padding-right: 0; }
}
@media (max-width: 700px) {
  .nav-links-single { max-width: 100vw; padding-left: 0; padding-right: 0; }
}
.related-section {
  max-width: 900px;     /* üst postla birebir aynı olmalı! */
  margin-left: auto;
  margin-right: auto;
  background: none;     /* Griyi sadece kartlara verdik! */
  padding: 0 0 2.5rem 0;
  margin-top: 4.5rem;
  border-radius: 0;
  box-sizing: border-box;
}

.related-title {
  color: #888;
  text-align: center;
  font-size: 1.25rem;
  font-family: Palatino, Georgia, serif;
  margin-bottom: 2.1rem;
  font-weight: 400;
  letter-spacing: 0.01em;
}


.related-posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0; /* <-- gap'i sıfırla! */
  margin: 0 auto;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.related-card {
  background: #ededed;
  border: none;         /* <-- border yok! */
  margin: 0;            /* <-- extra boşluk olmasın */
  padding: 2.5rem 2.2rem 1.5rem 2.2rem; /* üst-alt-sağ-sol iç boşluk */
  min-width: 0;
  width: 100%;
  max-width: 100%;
  min-height: 400px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.related-card:first-child { border-left: none; }

.related-card-title {
  font-size: 1.45rem;
  font-family: Palatino, Georgia, serif;
  color: #222;
  text-align: center;
  margin-bottom: 0.7rem;
  margin-top: 0.3rem;
  font-weight: 400;
  line-height: 1.2;
}

.related-card-title a {
  color: #222;
  text-decoration: none !important; /* <-- altı çizgi yok */
  font-family: inherit;
  font-weight: inherit;
}

.related-card-title a:hover {
  text-decoration: underline; /* isteğe bağlı: hover'da altı çizili */
}

/* Responsive */
@media (max-width: 1000px) {
  .related-posts {
    grid-template-columns: 1fr;
    gap: 2.2rem;
    padding: 0 0.5rem;
  }
  .related-card {
    border-left: none;
    border-top: 1px solid #bbb;
    min-height: 220px;
    padding: 1.2rem 0.5rem 0.8rem 0.5rem;
  }
  .related-card:first-child { border-top: none; }
}

.related-card-meta {
  color: #666;
  font-size: 1rem;
  text-align: center;          /* ← ORTALA */
  font-style: italic;
  font-family: Palatino, Georgia, serif;
  margin-bottom: 1.1rem;       /* ← ALTINA BOŞLUK */
  margin-top: 0.7rem;          /* ← İstersen üstüne de boşluk ekle (opsiyonel) */
}

@media (max-width: 700px) {
  .related-card-excerpt {
    padding-left: 3vw !important;
    padding-right: 3vw !important;
    box-sizing: border-box !important;

  }
}




.site-footer {
  background: #111;
  color: #eee;
  padding: 1rem 0 0.5rem 0;
  text-align: center;
  margin-top: 3rem;
}

.footer-menu {
  margin-bottom: 1rem;
}

.footer-nav {
  display: flex;
  justify-content: center;
  gap: 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-nav li {
  display: inline-block;
}

.footer-nav a {
  color: #eee;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-size: 0.85rem;            /* Menüyle aynı */
  font-weight: 400;
  transition: color .2s;
}

.footer-nav a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-copyright {
  font-family: 'Manrope', sans-serif;
  font-size: 0.85rem;           /* Menüyle aynı boyut */
  color: #aaa;
  margin-top: 0.7rem;
  letter-spacing: 0.01em;
}
/* MOBİLDE tüm başlık ve içerikleri SOLA YASLA ve boşluk bırakma */
@media (max-width: 700px) {
  h1, h2, h3, h4, h5, h6,
  .single-title,
  .post-title,
  .entry-title,
  .post-card .single-title,
  .content-wrapper,
  .post-content,
  .excerpt,
  .single-content {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .post-card, .content-wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* ========================== CATEGORY BADGE (Postlarda/ana sayfa) ========================== */
/* --- Ana sayfa/Single post küçük kategori badge --- */
.meta-category-badge {
  display: inline-block;
  background: #f2f3fb;
  color: #333;
  border-radius: 999px;
  padding: 0.09em 0.65em;
  margin-right: 0.4em;
  font-size: 0.78rem;
  border: 1px solid #e1e1e1;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: background .15s, color .15s;
  text-decoration: none !important;
  cursor: pointer;
}

.meta-category-color-1  { background: #e8f0fe; color: #225196 !important; }
.meta-category-color-2  { background: #ffe9ec; color: #d1455b !important; }
.meta-category-color-3  { background: #ffeccf; color: #b9851a !important; }
.meta-category-color-4  { background: #e8f6ec; color: #267d55 !important; }
.meta-category-color-5  { background: #f6e9f5; color: #8a4182 !important; }
.meta-category-color-6  { background: #e3f2fd; color: #2b77b4 !important; }
.meta-category-color-7  { background: #fff8e1; color: #c28a00 !important; }
.meta-category-color-8  { background: #f3f6fb; color: #405572 !important; }
.meta-category-color-9  { background: #eafaf1; color: #278a63 !important; }
.meta-category-color-10 { background: #fae6ea; color: #bc4a6a !important; }
.meta-category-color-11 { background: #f0e5ff; color: #673ab7 !important; }
.meta-category-color-12 { background: #e1f5e5; color: #2e7d32 !important; }
.meta-category-color-13 { background: #ffe5ec; color: #c2185b !important; }
.meta-category-color-14 { background: #f8f9fa; color: #374151 !important; }
.meta-category-color-15 { background: #e0f7fa; color: #0097a7 !important; }
.meta-category-color-16 { background: #fff3e0; color: #ef6c00 !important; }
.meta-category-color-17 { background: #e6f7ff; color: #0277bd !important; }
.meta-category-color-18 { background: #fffde7; color: #fbc02d !important; }
.meta-category-color-19 { background: #f1f8e9; color: #689f38 !important; }
.meta-category-color-20 { background: #fbe9e7; color: #d84315 !important; }
/* --- Kategori grid: büyük kutular --- */
.categories-mm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);  /* 3 kutu yan yana */
  gap: 2.1rem;
  max-width: 900px;      /* Genişliği daraltabilirsin */
  margin: 0 auto;
  padding: 2.3rem 1rem 1.2rem 1rem;
}


/* .mm-topic-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 2.6em;
  padding: 1.3rem 2rem 1.2rem 2rem;
  box-shadow: 0 4px 24px rgba(60,70,120,0.09);
  font-family: 'Manrope', sans-serif;
  text-decoration: none !important;
  transition: box-shadow .19s, filter .16s;
  position: relative;
  min-height: 112px;
  border: 2px solid transparent;
  font-weight: 500;
  font-family: 'Palatino, Georgia, serif'
  /* background: inherit; */  /* ← BU SATIRI SİL veya YORUM SATIRI YAP */
} */


.mm-topic-header {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.19rem;
}

.mm-topic-title {
  font-family: 'Palatino, Georgia, serif'; /* başlıkta da aynı font */
  font-size: 1.17rem;
  font-weight: 700;
  margin-bottom: 0.45rem;
  letter-spacing: 0.01em;
}

.mm-topic-count {
  font-size: 1.04rem;
  background: rgba(255,255,255,0.68);
  border-radius: 1.5em;
  padding: 0.10em 1em;
  font-weight: 500;
  color: #666;
  margin-left: 0.7em;
  margin-top: 0.04em;
  box-shadow: 0 1px 6px rgba(60,70,120,0.08);
  height: 1.7em;
  display: flex;
  align-items: center;
}

.mm-topic-desc {
  font-family: 'Palatino, Georgia, serif'; /* açıklamada da aynı font */
  font-size: 0.98rem;      /* bir no küçük */
  margin-bottom: 0.5rem;
  min-height: 2.2em;      /* 2 satır görünsün */
  max-height: 2.3em;      /* 2 satırdan fazla taşmasın */
  line-height: 1.12;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;  /* En fazla 2 satır */
  -webkit-box-orient: vertical;
  font-weight: 400;
  color: #444;
}

/* Responsive düzeltmeler */
@media (max-width: 950px) {
  .categories-mm-grid {
    grid-template-columns: repeat(2, 1fr); /* Tablet: 2 kutu */
  }
}
@media (max-width: 600px) {
  .categories-mm-grid {
    grid-template-columns: 1fr;            /* Küçük mobil: 1 kutu */
    gap: 1.1rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
/* CATEGORY SAYFALARINDA başlık ve açıklamayı ortaya al */
.category-header {
  text-align: center !important;
  margin-bottom: 2rem;
  margin-top: 1.4rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.category-header .single-title,
.category-header h1 {
  text-align: center !important;
  font-family: 'Palatino', Georgia, serif;
  font-size: 2rem;
  font-weight: 600 !important;      /* Font ağırlığı belirgin */
  color: #222;
  margin-bottom: 0.8rem;
  letter-spacing: 0.01em;
}

.category-header .category-description,
.category-header .category-description p {
  font-family: 'Palatino', Georgia, serif;
  font-size: 1.08rem;
  color: #555;
  margin: 0 auto 22px auto;
  text-align: center !important;
  line-height: 1.35;
  font-weight: 400 !important;
  max-width: 400px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis;
  min-height: 2.6em;
  max-height: 2.8em;
  white-space: normal !important;
  
}
.notion-contact-form .contact-row {
  display: flex;
  gap: 32px;
  margin-bottom: 16px;
}

.notion-contact-form .contact-col {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}

.notion-contact-form .form-input,
.notion-contact-form textarea.form-input {
  width: 100%;
  font-size: 1.12rem;
  background: rgba(247,247,248,0.92);
  border: 1.5px solid #e3e3e3;
  border-radius: 13px;
  margin-top: 0.38em;
  margin-bottom: 2px;
  padding: 1.13em 1em;
  font-family: inherit;
  color: #222;
  transition: border 0.16s, background 0.14s;
}

.notion-contact-form textarea.form-input {
  min-height: 110px;
  resize: vertical;
  font-size: 1.14rem;
}

.notion-contact-form .form-submit {
  background: #232323;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 1.04rem;
  border: none;
  border-radius: 999px;
  padding: 0.7em 2.2em;
  cursor: pointer;
  transition: background 0.18s;
}

.notion-contact-form .form-submit:hover {
  background: #444;
}

@media (max-width: 700px) {
  .notion-contact-form .contact-row {
    flex-direction: column;
    gap: 0;
  }
}

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  max-width: 560px;
  margin: 0 auto;
}

.category-row {
  position: relative;
  min-height: 2.1em;
  margin-bottom: 0.8em;
}

.mm-topic-card {
  display: inline-block;
  padding: 0.22em 1em;
  border-radius: 1.1em;
  font-size: 1.05rem;
  font-weight: 600;
  text-decoration: none;
  transition: box-shadow 0.2s;
  margin-right: 0.6em;
  min-width: 110px;
  text-align: center;
  box-shadow: none; /* ana sayfada shadow yoksa kapat */
  vertical-align: middle;
}

.category-desc {
  display: block;
  margin-left: 120px; /* Tam hizalanmasını istediğin mesafe */
  min-height: 2.1em;
}

.meta-category-badge {
  font-size: 0.70rem;       /* 0.78rem × 0.90 ≈ 0.70rem */
  padding: 0.08em 0.58em;   /* 0.09em × 0.90 ≈ 0.08em, 0.65em × 0.90 ≈ 0.58em */
  min-height: 1.45em;       /* 1.6em × 0.90 ≈ 1.45em */
  border-radius: 999px;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  border: 1.35px solid #e1e1e1;
  display: inline-block;
  position: relative;
  z-index: 1;
}



.cat-count-badge {
  position: absolute;
  top: -0.52em;             /* 0.90 × -0.58em ≈ -0.52em */
  right: -0.54em;           /* 0.90 × -0.6em ≈ -0.54em */
  background: #fff;
  color: #222;
  border-radius: 50%;
  min-width: 1.30em;        /* 1.45em × 0.90 ≈ 1.30em */
  height: 1.30em;           /* 1.45em × 0.90 ≈ 1.30em */
  padding: 0 0.38em;        /* 0.42em × 0.90 ≈ 0.38em */
  font-size: 0.72em;        /* 0.80em × 0.90 ≈ 0.72em */
  font-weight: 700;
  border: 1.35px solid #e4e4e4;
  box-shadow: 0 1.8px 7px rgba(60,70,120,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background .16s, color .16s;
  pointer-events: none;
}

.categories-list .category-row {
  position: relative;
  min-height: 1.84em;   /* badge’in yüksekliği kadar */
}

.categories-list .meta-category-badge {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.categories-list .category-row {
  position: relative;
  min-height: 1.84em; /* badge’in yüksekliği kadar */
}
.categories-list .meta-category-badge {
  font-size: 0.90rem;
  padding: 0.10em 0.75em;
  min-height: 1.84em;
  border: 1.75px solid #e1e1e1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.categories-list .cat-count-badge {
  top: -0.67em;
  right: -0.69em;
  min-width: 1.67em;
  height: 1.67em;
  padding: 0 0.48em;
  font-size: 0.92em;
  border: 1.73px solid #e4e4e4;
}
.categories-list .category-desc {
  margin-left: 170px; /* badge genişliğine göre ayarla! */
  min-height: 1.84em;
  display: block;
}

.footer-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  grid-auto-rows: 1fr;
  grid-template-rows: repeat(2, auto); /* 2 satır zorunlu */
  gap: 0.7rem 1.1rem;
  list-style: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
}

.footer-nav li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.95em;
}

@media (max-width: 700px) {
  .footer-nav {
    grid-template-columns: repeat(2, 1fr);   /* Küçük ekranda 2 kolon */
    gap: 0.7rem 0.3rem;
    max-width: 99vw;
  }
  .footer-nav li {
    font-size: 0.97em;
    min-width: 0;
  }
}
.categories-mm-grid > * {
  min-width: 0 !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
}
.footer-nav {
  width: 100vw;
  max-width: 100vw;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}
html, body {
  max-width: 100vw;
  overflow-x: hidden !important;
}
@media (max-width: 700px) {
  * {
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
}
.wp-block-paragraph, 
.wp-block-image, 
.wp-block-heading {
  margin-bottom: 1.5em;
}


/* Grid ile birebir hizalı wrapper */
.featured-cards-row {
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: stretch;
  margin: 38px auto 0 auto;
  max-width: 1200px;    /* Alt grid ile birebir aynı yap! */
  width: 100%;
  box-sizing: border-box;
  padding-left: 46px;   /* Alt grid padding ile birebir aynı yap! */
  padding-right: 46px;
}
.featured-card {
  position: relative;
  width: 48%;
  min-width: 260px;
  aspect-ratio: 2.3/1;
  border-radius: 0;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  align-items: stretch;
  box-shadow: 0 4px 18px 0 rgba(0,0,0,0.14);
  transition: transform 0.13s;
  background: #222;
}
.featured-card:hover {
  transform: scale(1.03) translateY(-2px);
}
.featured-card-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(0.78);
  z-index: 0;
  transition: filter 0.2s;
}
.featured-card:hover .featured-card-bg {
  filter: brightness(0.96);
}
.featured-card-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;   /* Dikey ortala */
  align-items: center;       /* Yatay ortala */
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0 36px;
  color: #fff;
  text-shadow: 0 2px 10px rgba(10,10,10,0.21);
  background: none
  box-sizing: border-box;
}

@media (max-width: 900px) {
  .featured-cards-row {
    flex-direction: column;
    gap: 22px;
    max-width: 96vw;
    padding: 0 2vw;
  }
  .featured-card {
    width: 100%;
    min-width: unset;
    max-width: 100%;
  }
  .featured-card-content {
    padding: 24px 12vw;
  }
}
@media (max-width: 900px) {
  .featured-cards-row {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
  }
}

/* === Featured Cards | BİREBİR AYNI TIPOGRAFİ === */
.featured-card .featured-card-content{
  max-width:460px;
  margin:0 auto;
  padding:0 28px;
  text-align:center;
}

/* Başlık (İKİSİ İÇİN DE AYNI) */
.featured-card .featured-card-title{
  font-family:'Georgia', serif;   /* Dilediğin “sağdaki” font */
  font-size:1.9rem;               /* ≈30-31 px her yerde aynı */
  font-weight:700;
  line-height:1.15;
  color:#fff;
  margin:0 0 0.6rem 0;
}

/* Açıklama (İKİSİ İÇİN DE AYNI) */
.featured-card .featured-card-desc{
  font-family:'Manrope', sans-serif;
  font-size:1.1rem;               /* ≈17-18 px */
  font-weight:400;
  line-height:1.55;
  color:#fff;
  margin:0 0 1rem 0;
}

/* CTA (İKİSİ İÇİN DE AYNI) */
.featured-card .featured-card-cta{
  font-family:'Manrope', sans-serif;
  font-size:1rem;                 /* ≈16 px */
  font-weight:600;
  color:#fff;
  text-decoration:underline;
  cursor:pointer;
  transition:color .2s;
}
.featured-card:hover .featured-card-cta{
  color:#eaeaea;
}
/* === Featured Cards – Ortak & Kesin tipografi === */
.featured-card-content{
  max-width:460px;
  margin:0 auto;
  padding:0 28px;
  text-align:center;
}

.featured-card-title{
  font-family:'Georgia', serif !important;
  font-size:1.9rem !important;   /* ≈30-31 px */
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#fff !important;
  margin:0 0 0.6rem 0 !important;
}

.featured-card-desc{
  font-family:'Manrope', sans-serif !important;
  font-size:1.1rem !important;   /* ≈17-18 px */
  font-weight:400 !important;
  line-height:1.55 !important;
  color:#fff !important;
  margin:0 0 1rem 0 !important;
}
/* === Featured Cards: Başlık küçült, açıklama 2 satırda sınırla === */
.featured-card-title {
  font-size: 1.7rem !important;        /* -1 seviye küçüldü (≈27 px) */
}

.featured-card-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;               /* Maks. 2 satır */
  -webkit-box-orient: vertical;
  white-space: normal;
}
@media (max-width: 700px) {
  .featured-card-title {
    font-size: 1.55rem !important;
  }
  .featured-card-desc {
    font-size: 1rem !important;
  }
}

.featured-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.48);  /* karanlık seviyesi */
  z-index: 1;
  pointer-events: none; /* tıklanabilir alanlara müdahale etmesin */
}
.featured-card-content {
  position: relative;
  z-index: 2;  /* overlay’in üstüne çıkması için */
}