/* Arcates — sayfa cercevesi: alt bilgi ve yukari cik. Referans B7.
 *
 * Bu iki oge HER sayfada var, yalnizca anasayfada degil; bu yuzden
 * `reference-lower.css` degil, `head.php` icinden genel olarak yuklenir.
 * Ust menuyle birlikte son katmanda durur.
 */
/* --- Sosyal baglanti ikonlari --------------------------------------------
 *
 * Referansta alt bilgideki baglantilar ikon olarak duruyor; bizde metin
 * etiketi basiliyordu. Ikon adresin alan adindan cikarilir; taninmayan
 * platformda `social_icon()` bos doner ve etiket metni basilir, boylece
 * girilen hicbir baglanti kaybolmaz.
 *
 * Panelde hic adres girilmemisse liste zaten hic basilmaz.
 */
.site-foot__social-link--icon {
  display: grid;
  place-items: center;
  inline-size: 34px;
  block-size: 34px;
  border: 1px solid rgba(48, 153, 255, .22);
  border-radius: 9px;
  color: #9EB1C7;
  background: rgba(11, 44, 76, .45);
  transition: color .2s var(--ease), border-color .2s var(--ease);
}

.site-foot__social-link--icon:hover,
.site-foot__social-link--icon:focus-visible {
  color: #fff;
  border-color: rgba(48, 153, 255, .55);
}

.site-foot__social-icon { inline-size: 17px; block-size: 17px; }

/* --- Yukari cik ----------------------------------------------------------- */

/* Referansta alt bilginin sag altinda daire. Yalnizca `html.js` altinda
 * gorunur; JS kapaliyken dugmenin islevi yok. Gecis `opacity` ve
 * `transform` ile. DOCS.md 7.1 */
.to-top {
  position: fixed;
  inset-block-end: 22px;
  inset-inline-end: 22px;
  z-index: 40;
  display: grid;
  place-items: center;
  inline-size: 42px;
  block-size: 42px;
  padding: 0;
  border: 1px solid rgba(48, 153, 255, .28);
  border-radius: 50%;
  color: #CFDFF2;
  background: rgba(4, 17, 31, .92);
  cursor: pointer;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .25s var(--ease), transform .25s var(--ease);
}

.to-top svg { inline-size: 18px; block-size: 18px; }

.to-top.is-shown {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.to-top:hover,
.to-top:focus-visible { color: #fff; border-color: rgba(48, 153, 255, .6); }

@media (prefers-reduced-motion: reduce) {
  .to-top { transition: none; transform: none; }
}

/* --- Arama sonuclari ------------------------------------------------------ */

.search__title { margin: 0; font-size: clamp(26px, 2.6vw, 40px); }

.search__intro { margin: 8px 0 0; color: var(--fg-muted); }

.search__form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-block-start: 20px;
}

/* Ic sayfalar acik temali (gövde zemini beyaz); alan da site jetonlarini
   kullanir, sabit koyu renk degil. */
.search__form input[type="search"] {
  flex: 1 1 260px;
  min-inline-size: 0;
  padding: 12px 14px;
  border: var(--hairline) solid var(--border);
  border-radius: var(--r);
  color: var(--fg);
  background: var(--bg-raised);
  font: inherit;
}

.search__form input[type="search"]:focus-visible {
  border-color: var(--focus);
  box-shadow: 0 0 0 var(--sp-1) rgba(28, 123, 242, .1);
}

.search__note { margin-block-start: 18px; color: var(--fg-muted); }

.search__group { margin-block-start: 26px; }

.search__group-title {
  margin: 0 0 10px;
  font-size: clamp(15px, 1.2vw, 20px);
  color: var(--brand);
}

.search__list { margin: 0; padding: 0; list-style: none; }

.search__item {
  padding-block: 12px;
  border-block-start: var(--hairline) solid var(--border);
}

.search__link { font-weight: 600; text-decoration: none; }

.search__link:hover { text-decoration: underline; }

.search__excerpt {
  margin: 4px 0 0;
  color: var(--fg-muted);
  font-size: .92em;
}