/* ==========================================================================
   SyncResto — V4 "SAHİL" · pages.css
   Alt sayfalar: /hesabim · /siparislerim · /kampanya · grup siparişi ·
   yasal sayfalar · 404. Bu sayfalar KENDİ view'larında v4-theme-head'i
   çağırıyor; çağırmasalardı temel (beyaz klasik) temayı gösterirlerdi.
   ========================================================================== */

.v4-theme .page-header,
.v4-theme .go-header {
  background: var(--v4-deep);
  color: var(--v4-on-deep);
  border-bottom: 1px solid rgba(var(--v4-gold-rgb), .35);
}
.v4-theme .page-header h1,
.v4-theme .page-title {
  font-family: var(--v4-font-display); font-weight: 700; color: var(--v4-on-deep);
}
.v4-theme .page-body,
.v4-theme .content-wrap { background: var(--v4-paper); color: var(--v4-ink-0); }

/* kart benzeri bölümler (hesabım, siparişlerim listesi) */
.v4-theme .profile-card,
.v4-theme .order-card,
.v4-theme .address-card,
.v4-theme .campaign-card,
.v4-theme .legal-card {
  background: var(--v4-surface); color: var(--v4-ink-0);
  border: 1px solid var(--v4-line); border-radius: var(--v4-r-card);
  box-shadow: var(--v4-shadow-1);
}
.v4-theme .order-status { color: var(--v4-gold-ink); font-weight: 600; }
.v4-theme .order-total { color: var(--v4-deep); font-weight: 700; }

/* birincil / ikincil düğmeler */
.v4-theme .btn-primary,
.v4-theme .primary-btn {
  background: var(--v4-deep); color: var(--v4-on-deep);
  border: 1px solid rgba(var(--v4-gold-rgb), .45); border-radius: 10px;
}
.v4-theme .btn-secondary,
.v4-theme .secondary-btn {
  background: transparent; color: var(--v4-deep);
  border: 1px solid var(--v4-line); border-radius: 10px;
}

/* yasal sayfa tipografisi */
.v4-theme .legal-content h1,
.v4-theme .legal-content h2,
.v4-theme .legal-content h3 { font-family: var(--v4-font-display); color: var(--v4-ink-0); }
.v4-theme .legal-content p,
.v4-theme .legal-content li { color: var(--v4-ink-1); }

/* 404 */
.v4-theme .nf-title { font-family: var(--v4-font-display); color: var(--v4-ink-0); }
.v4-theme .nf-sub { color: var(--v4-ink-2); }

/* alt sayfalarda sekme çubuğu yok → gövde alt boşluğu da olmasın */
.v4-theme.go-page,
.v4-theme.legal-page { padding-bottom: 0; }

/* ==========================================================================
   404 / BULUNAMADI — sayfanın kendi satır içi stili var; Sahil'e uydurulur.
   ⚠️ Sınıf adları `not-found.ejs` içindeki satır içi <style>'dan geliyor;
   `body.v4-theme` öneki sayesinde sıradan bağımsız üstün gelir.
   ========================================================================== */
body.v4-theme .topbar {
  position: relative;
  justify-content: flex-start;
  padding: 7px var(--v4-edge);
  background: var(--v4-deep);
  border-bottom: 0;
  box-shadow: none;
}
/* 🔴 `object-fit: cover` + 36x36 kare: geniş logo kırpılıp okunmaz oluyordu
   ("syncresto" → "ncres"). Oran korunur, yükseklikten sınırlanır. */
body.v4-theme .topbar-logo {
  width: auto; height: 34px; max-width: 132px;
  border-radius: 0; object-fit: contain; background: transparent;
}
body.v4-theme .topbar-brand { color: var(--v4-on-deep); font-family: var(--v4-font-display); }
body.v4-theme .topbar-tag { color: var(--v4-on-deep-soft); }
/* temanın imzası: bandın altındaki altın dalga */
body.v4-theme .topbar::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -11px; height: 11px;
  background: var(--v4-deep);
  -webkit-mask: var(--v4-dalga) no-repeat 0 0 / 100% 100%;
          mask: var(--v4-dalga) no-repeat 0 0 / 100% 100%;
  pointer-events: none;
}
body.v4-theme .topbar::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 14px;
  background: var(--v4-gold); z-index: 1;
  -webkit-mask: var(--v4-dalga-cizgi) no-repeat 0 0 / 100% 100%;
          mask: var(--v4-dalga-cizgi) no-repeat 0 0 / 100% 100%;
  pointer-events: none;
}
/* kart içindeki logo da oranını korusun */
body.v4-theme .tenant-logo { object-fit: contain; }