/* Bölüm 17 · Alt bilgi (logo stili: css/bolumler/ust-menu.css) */

.alt-bilgi {
  padding-block: clamp(40px, 5vw, 64px) 32px;
  background: var(--renk-zemin);
  font-size: 0.9375rem;
}

/* Kapanış çağrısı: nane zemin, leke, yapraklar, logo işareti */
.kapanis {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px 28px;
  align-items: center;
  margin-bottom: clamp(48px, 6vw, 72px);
  padding: clamp(28px, 4vw, 48px) clamp(24px, 4vw, 56px);
  overflow: hidden;
  border-radius: var(--yaricap-dev);
  background: var(--renk-gri);
}

.kapanis__leke {
  top: -40%;
  right: -6%;
  width: 34%;
  height: 150%;
}

.kapanis__yaprak {
  position: absolute;
  z-index: -1;
  color: var(--renk-yaprak-soluk);
}

.kapanis__yaprak--1 {
  left: 30%;
  bottom: -30px;
  width: 90px;
  height: 90px;
  transform: rotate(-30deg);
}

.kapanis__yaprak--2 {
  top: -18px;
  right: 30%;
  width: 64px;
  height: 64px;
  transform: rotate(150deg);
}

.kapanis__isaret {
  width: 64px;
  height: 64px;
}

.kapanis h2 {
  font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.25rem);
}

.kapanis__metin p {
  margin-top: 6px;
  font-size: 1.0625rem;
  color: var(--renk-metin);
}

.kapanis__eylemler {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.kapanis__eylemler .ikon--renkli {
  stroke: var(--renk-orman);
}

.alt-bilgi__ust {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr));
  gap: 32px;
}

.alt-bilgi__aciklama {
  max-width: 34ch;
  margin-top: 12px;
  color: var(--renk-soluk);
}

.alt-bilgi h3 {
  margin-bottom: 12px;
  font-family: var(--yazi-govde);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--renk-soluk);
}

.alt-bilgi li {
  padding: 4px 0;
}

.alt-bilgi nav a {
  transition: color 0.15s;
}

.alt-bilgi nav a:hover {
  color: var(--renk-orman);
}

.alt-bilgi__alt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 16px;
  margin-top: 48px;
  padding-top: 20px;
  border-top: 1px solid var(--renk-cizgi-koyu);
  font-size: 0.875rem;
  color: var(--renk-soluk);
}

@media (max-width: 1000px) {
  .kapanis {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .kapanis__eylemler {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .kapanis {
    grid-template-columns: 1fr;
  }

  .kapanis__eylemler .dugme {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .alt-bilgi__ust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alt-bilgi__ust > :first-child {
    grid-column: 1 / -1;
  }
}