/* ============================================================================
   www.foodx.co.uk eklemeleri (FoodX.css'e dokunmadan): form notları, alt bilgi bağlantıları, çerez onayı ve yasal
   sayfalar. / additions on top of FoodX.css: form notes, footer links, cookie banner, legal pages
   ============================================================================ */

/* Görünmez yardımcı alan (sağdan sola dillerde yatay kaydırma yapmaz) / visually hidden helper field, no RTL scroll */
input.fx-hp {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Form altındaki kısa gizlilik / onay notu / the short privacy or consent note under a form */
.form-note {
  margin: 4px 0 0;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--color-muted);
}

.form-note a {
  color: var(--color-primary);
  text-decoration: underline;
}

/* Koyu zeminli iki form (bülten bandı, gri iletişim bölümü) / the two forms on dark backgrounds */
.banner-form .form-note,
.contact-legacy-form .form-note {
  color: rgba(255, 255, 255, 0.9);
}

.banner-form .form-note {
  flex-basis: 100%;
  margin: 10px 0 0;
  font-size: 0.8rem;
  text-align: center;
}

.banner-form .form-note a,
.contact-legacy-form .form-note a {
  color: #fff;
}

.turnstile-slot {
  min-height: 0;
}

/* Alt bilgi: yasal bağlantılar ve işletme bilgisi / footer: legal links and business details */
.site-footer .footer-inner {
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.site-footer p {
  margin: 0;
  font-size: 0.9rem;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 22px;
}

.footer-links a,
.footer-link-button {
  color: #fff;
  font-size: 0.92rem;
  font-weight: 600;
}

.footer-link-button {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.footer-links a:hover,
.footer-link-button:hover,
.footer-company a:hover {
  text-decoration: underline;
}

.footer-company {
  color: rgba(255, 255, 255, 0.7);
}

/* Çerez onayı: analitik yalnız "Kabul" sonrası yüklenir / cookie banner: analytics only after "Accept" */
.cookie-banner {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 60;
  background: #111111;
  color: #fff;
  box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.2);
}

.cookie-banner[hidden] {
  display: none;
}

.cookie-banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0;
}

.cookie-banner p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.5;
}

.cookie-banner a {
  color: #fff;
  text-decoration: underline;
}

.cookie-banner-actions {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.cookie-banner-actions .btn {
  min-width: 110px;
  padding: 10px 18px;
  border: 0;
  cursor: pointer;
}

/* Yasal sayfalar / legal pages */
.legal-header .header-inner {
  justify-content: space-between;
}

.legal-back {
  color: #fff;
  font-family: var(--font-header);
  font-size: 1.05rem;
  white-space: nowrap;
}

.legal-back:hover {
  opacity: 0.82;
}

.legal-main {
  padding: 120px 0 72px;
}

.legal-article {
  max-width: 860px;
  line-height: 1.7;
  font-size: 1rem;
}

.legal-article h1 {
  font-family: var(--font-header);
  font-size: clamp(2rem, 4vw, 2.8rem);
  margin: 0 0 6px;
}

.legal-article h2 {
  font-size: 1.35rem;
  margin: 40px 0 10px;
  scroll-margin-top: 90px;
}

.legal-article h3 {
  font-size: 1.08rem;
  margin: 24px 0 8px;
}

.legal-article p,
.legal-article li {
  color: #2b2b2b;
}

.legal-article a {
  color: var(--color-primary);
  text-decoration: underline;
}

.legal-article ul,
.legal-article ol {
  padding-left: 22px;
}

.legal-article address {
  font-style: normal;
}

.legal-article table {
  width: 100%;
  border-collapse: collapse;
  margin: 14px 0;
  font-size: 0.95rem;
}

.legal-article th,
.legal-article td {
  border: 1px solid var(--color-border);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}

.legal-article th {
  background: var(--color-surface-alt);
}

.legal-table-wrap {
  overflow-x: auto;
}

.legal-updated {
  color: var(--color-muted);
  margin-top: 0;
}

.legal-toc {
  background: var(--color-surface-alt);
  border-radius: var(--radius-sm);
  padding: 14px 22px;
  margin: 22px 0 10px;
}

.legal-toc ol {
  margin: 0;
}

/* FoodX.css telefonda başlığı ızgaraya çevirir; yasal sayfada logo + "Back" yan yana kalsın / keep logo and back link on one row */
@media (max-width: 860px) {
  .legal-header .header-inner {
    display: flex;
  }
}

@media (max-width: 640px) {
  .cookie-banner-inner {
    flex-direction: column;
    align-items: stretch;
  }

  .cookie-banner-actions .btn {
    flex: 1 1 0;
  }

  .legal-main {
    padding-top: 100px;
  }

  .legal-back {
    font-size: 0.95rem;
  }
}
