/* Blog detay sayfası. blog/details satır içi <style> bloğundan taşındı — 28 Eylül 2026.
   gofly-blog.css'ten SONRA yüklenmelidir (onu ezer). */
/* Header ile blog görseli arasındaki boşluğu minimize et */
.blog-detail-breadcrumb .divider:last-child {
  margin-bottom: 0;
  padding-bottom: 0.5rem;
}
.blog-detail-content-section {
  padding-top: 0.5rem;
}
@media (max-width: 991px) {
  .blog-detail-breadcrumb {
    padding-bottom: 0.5rem !important;
  }
  .blog-detail-breadcrumb .divider:last-child {
    padding-bottom: 0.25rem;
    min-height: 0;
  }
  .blog-detail-content-section {
    padding-top: 0.25rem;
  }
  .blog-detail-content-section .row {
    margin-top: 0;
  }
}
/* H1 header'da, breadcrumb başlık görünümü – diğer sayfalardaki gibi beyaz */
/* Başlık kesilmeden tam gösterilir (H1'de "…" kalmasın); uzun başlıklar için boyut akışkan. */
.breadcrumb-content .blog-detail-page-title {
  font-size: clamp(2.25rem, 3.4vw, 3.5rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
  color: #fff !important;
}
@media (max-width: 991px) {
  .breadcrumb-content .blog-detail-page-title {
    font-size: 2rem;
  }
}
/* Yazı boyutu göstergesi: A harfi siyah görünsün */
#font-size-text {
  color: #000 !important;
}
.single-blog-content .content-body a {
  color: var(--primary, #3CB371) !important;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.single-blog-content .content-body a:hover {
  color: var(--primary-hover, #161922) !important;
  text-decoration-thickness: 3px;
}

/* ===== B2B Blog Tablo UI/UX İyileştirmesi (Comparison & Data Tables) ===== */
.b2b-blog-table-card {
  margin: 2.25rem 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
  overflow: hidden;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.b2b-blog-table-card:hover {
  box-shadow: 0 10px 25px -3px rgba(15, 23, 42, 0.08), 0 4px 10px -2px rgba(15, 23, 42, 0.04);
  border-color: #cbd5e1;
}
.b2b-blog-table-hint {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  padding: 9px 16px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
}
.b2b-blog-table-hint i {
  color: #3cb371;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .b2b-blog-table-hint {
    display: none !important;
  }
}
.b2b-blog-table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f8fafc;
}
.b2b-blog-table-responsive::-webkit-scrollbar {
  height: 6px;
}
.b2b-blog-table-responsive::-webkit-scrollbar-track {
  background: #f8fafc;
}
.b2b-blog-table-responsive::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}
.b2b-blog-table-responsive::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.b2b-blog-table,
.single-blog-content .content-body table {
  width: 100%;
  min-width: 620px;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  font-size: 0.935rem;
  line-height: 1.6;
  color: #334155;
}
.single-blog-content .content-body > table:not(.b2b-blog-table) {
  display: table;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  margin: 2rem 0;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.05);
}
.b2b-blog-table thead,
.single-blog-content .content-body table thead {
  background: #f8fafc;
}
.b2b-blog-table thead tr th,
.single-blog-content .content-body table thead tr th {
  padding: 16px 20px;
  font-weight: 700;
  font-size: 0.95rem;
  color: #0f172a;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #e2e8f0;
  border-right: 1px solid #e2e8f0;
  border-top: 3px solid #3cb371;
  letter-spacing: -0.01em;
  background: #f8fafc;
}
.b2b-blog-table thead tr th:first-child,
.single-blog-content .content-body table thead tr th:first-child {
  background: #f1f5f9;
  color: #475569;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  width: 22%;
  min-width: 150px;
  border-top: 3px solid #94a3b8;
}
.b2b-blog-table thead tr th:first-child:empty::before,
.single-blog-content .content-body table thead tr th:first-child:empty::before {
  content: "Format / Kriter";
  color: #94a3b8;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
html[lang="en"] .b2b-blog-table thead tr th:first-child:empty::before,
html[lang="en"] .single-blog-content .content-body table thead tr th:first-child:empty::before {
  content: "Criteria / Metric";
}
.b2b-blog-table thead tr th:last-child,
.single-blog-content .content-body table thead tr th:last-child {
  border-right: none;
}
.b2b-blog-table tbody tr,
.single-blog-content .content-body table tbody tr {
  transition: background-color 0.15s ease;
}
.b2b-blog-table tbody tr td,
.single-blog-content .content-body table tbody tr td {
  padding: 15px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9;
  border-right: 1px solid #f8fafc;
  color: #334155;
  background-color: #ffffff;
  transition: all 0.15s ease;
}
.b2b-blog-table tbody tr td:last-child,
.single-blog-content .content-body table tbody tr td:last-child {
  border-right: none;
}
.b2b-blog-table tbody tr td:first-child,
.single-blog-content .content-body table tbody tr td:first-child {
  background-color: #fbfcfe;
  border-right: 1px solid #e2e8f0;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  border-left: 3px solid transparent;
}
.b2b-blog-table tbody tr td:first-child strong,
.single-blog-content .content-body table tbody tr td:first-child strong {
  color: #0f172a;
  font-weight: 700;
}
.b2b-blog-table tbody tr:nth-child(even) td:not(:first-child),
.single-blog-content .content-body table tbody tr:nth-child(even) td:not(:first-child) {
  background-color: #fafbfc;
}
.b2b-blog-table tbody tr:hover td:not(:first-child),
.single-blog-content .content-body table tbody tr:hover td:not(:first-child) {
  background-color: #f0fdf4 !important;
  color: #0f172a;
}
.b2b-blog-table tbody tr:hover td:first-child,
.single-blog-content .content-body table tbody tr:hover td:first-child {
  background-color: #e8f7ee !important;
  color: #166534 !important;
  border-left: 3px solid #3cb371;
}
.b2b-blog-table tbody tr:hover td:first-child strong,
.single-blog-content .content-body table tbody tr:hover td:first-child strong {
  color: #15803d !important;
}
.b2b-blog-table tbody tr:last-child td,
.single-blog-content .content-body table tbody tr:last-child td {
  border-bottom: none;
}