/* Tum sayfalarda paylasilan parcalar: dil anahtari, kirilma yolu, genisletilmis
   alt bilgi ve ust cubuk sutun duzeni. Rehber sayfasina ozel gorunum article.css'te. */

.nav__lang {
  color: var(--color-cyan);
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.nav__lang:hover {
  color: var(--color-gold-bright);
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-muted);
  font-family: var(--font-display);
  font-size: var(--text-xs);
  text-transform: uppercase;
}

.breadcrumb a {
  color: var(--color-cyan);
}

.breadcrumb a:hover {
  color: var(--color-gold-bright);
}

.breadcrumb span[aria-hidden="true"] {
  color: var(--color-faint);
}

.intent-grid h3 a {
  color: inherit;
}

.intent-grid h3 a:hover {
  color: var(--color-text);
  text-decoration: underline;
}

.footer .footer__grid {
  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr));
}

.footer .footer__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.7rem;
}

.footer__col-title {
  color: var(--color-faint);
  font-family: var(--font-display);
  font-size: var(--text-xs);
  font-weight: 760;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Ust cubuk: dil anahtari eklendikten sonra marka sutunu daralip kaynak
   gostergelerinin altinda kaliyordu. Marka ve menu kendi genisliklerini korur,
   orta sutun once yer birakir. */
@media (min-width: 1321px) {
  .nav__inner {
    grid-template-columns: max-content minmax(0, 30vw) max-content;
  }
}

@media (max-width: 900px) {
  .footer .footer__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .footer .footer__grid > div:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .footer .footer__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}