/**
 * Bravis Dijital — iç sayfa design system
 * Nav yatay hizası: 3.5rem (desktop) / 1.5rem (mobil)
 */

:root{
  /* Shell — nav ile aynı gutter */
  --ds-shell-max:1280px;
  --ds-gutter:3.5rem;
  --ds-gutter-sm:1.5rem;

  /* Dikey ritim (8px taban) */
  --ds-space-1:.5rem;
  --ds-space-2:.75rem;
  --ds-space-3:1rem;
  --ds-space-4:1.25rem;
  --ds-space-5:1.5rem;
  --ds-space-6:2rem;
  --ds-space-7:2.75rem;
  --ds-space-8:3.5rem;
  --ds-space-9:5rem;

  /* İç sayfa hero */
  --ds-hero-top:7.25rem;
  --ds-hero-bottom:1.5rem;
  --ds-hero-content-gap:3rem;

  /* Bölüm */
  --ds-section-pad-bottom:var(--ds-space-9);
  --ds-block-gap:var(--ds-space-8);

  /* Bileşen */
  --ds-radius-sm:4px;
  --ds-radius-md:8px;
  --ds-border:1px solid rgba(4,13,56,.1);
  --ds-border-soft:1px solid rgba(4,13,56,.06);
  --ds-shadow-card:0 14px 44px rgba(4,13,56,.07);
  --ds-shadow-card-hover:0 20px 52px rgba(4,13,56,.1);

  /* Eski alias (geriye uyum) */
  --kar-hero-content-gap:var(--ds-hero-content-gap);
}

/* Yatay konteyner — tüm iç sayfalarda tek hiza */
.ds-shell,
.kar-shell{
  max-width:var(--ds-shell-max);
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--ds-gutter);
  padding-right:var(--ds-gutter);
  box-sizing:border-box;
}

/* Tam genişlik arka plan bandı; içerik shell içinde hizalı kalır */
.ds-band{
  width:100%;
  box-sizing:border-box;
}
.ds-band--muted{
  margin-top:var(--ds-block-gap);
  padding:var(--ds-space-8) 0 var(--ds-space-9);
  background:linear-gradient(180deg,var(--cream) 0%,rgba(238,241,249,.35) 100%);
  border-top:var(--ds-border-soft);
}

.ds-section-title{
  font-family:var(--font-display);
  font-size:clamp(1.35rem,2.5vw,1.75rem);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--navy);
  margin:0 0 var(--ds-space-4);
  line-height:1.1;
}
.ds-section-lead{
  font-size:.92rem;
  line-height:1.65;
  color:var(--gray-400);
  margin:0 0 var(--ds-space-5);
  max-width:58ch;
}
.ds-block + .ds-block{margin-top:var(--ds-block-gap)}

.ds-card{
  background:var(--white);
  border:var(--ds-border);
  border-radius:var(--ds-radius-md);
  box-shadow:var(--ds-shadow-card);
}

/* Chip breadcrumb — blog detay, para sayfası vb. */
.ds-bc{
  margin:0 0 1.15rem;
}
.ds-bc-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem;
}
.ds-bc-item{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
.ds-bc-sep{
  font-family:var(--font-mono, 'JetBrains Mono', monospace);
  font-size:.85rem;
  font-weight:700;
  color:rgba(4,13,56,.28);
  line-height:1;
  padding:0 .1rem;
}
.ds-bc-link,
.ds-bc-current{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  max-width:100%;
  padding:.42rem .75rem;
  border-radius:999px;
  font-family:var(--font-mono, 'JetBrains Mono', monospace);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  line-height:1.2;
  text-decoration:none;
  transition:background .2s, border-color .2s, color .2s, box-shadow .2s;
}
.ds-bc-link{
  color:var(--navy, #040D38);
  background:rgba(255,255,255,.88);
  border:1px solid rgba(4,13,56,.1);
  box-shadow:0 1px 0 rgba(4,13,56,.03);
}
.ds-bc-link:hover{
  border-color:rgba(0,160,225,.4);
  background:rgba(0,160,225,.08);
  color:var(--navy, #040D38);
}
.ds-bc-ico{
  font-size:.78rem;
  line-height:1;
  color:var(--blue, #00a0e1);
  opacity:.9;
}
.ds-bc-current{
  color:#fff;
  background:linear-gradient(135deg, var(--navy, #040D38) 0%, #0a1a58 100%);
  border:1px solid transparent;
  box-shadow:0 8px 20px rgba(4,13,56,.16);
  white-space:nowrap;
  max-width:none;
}
@media (max-width:560px){
  .ds-bc-list{ gap:.3rem; }
  .ds-bc-link,
  .ds-bc-current{
    padding:.38rem .65rem;
    font-size:.58rem;
    letter-spacing:.08em;
  }
}

@media(max-width:768px){
  :root{
    --ds-gutter:var(--ds-gutter-sm);
    --ds-hero-top:6.5rem;
    --ds-hero-content-gap:2rem;
    --ds-block-gap:var(--ds-space-7);
    --ds-section-pad-bottom:var(--ds-space-8);
  }
  .ds-band--muted{
    padding:var(--ds-space-7) 0 var(--ds-space-8);
  }
}