/* assets/theme.css — syneteat.com ortak tasarım sistemi. Kurumsal
   kırmızı vurgu rengi (2026-09-01) — Synetma logosunun gerçek renk paleti,
   Restaurant panelinin AYNI kırmızısıyla (bkz. restaurant.synet-ai.com/
   theme.css) BİLİNÇLİ olarak birebir eşleşiyor: "tüm Synet ürünleri tek
   renk ve logo ile uyumlu, corporate dizayn" kararı — önceki turda BİLİNÇLİ
   olarak farklı tutulan turuncu/mor ayrımı artık geçerli değil. Bu dosya
   inşa sürecinde büyüyecek — Faz 12 (tasarım geçişi) burada asıl
   piksel-birebir eşleşmeyi tamamlayacak, şimdilik her sayfanın okunaklı/
   kullanılabilir olması için temel bir sistem. */

:root {
    --eat-accent: #E31E24;
    --eat-accent-dark: #C9151B;
    --eat-accent-light: #FCE8E8;
    /* Font/renk sistemi (2026-08-31) — Mustafa'nın verdiği tam tablo, önce
       restaurant.php'de onaylandı, "kopukluk olmasın" diye artık burada,
       tüm site için TEK kaynak. --eat-text/--eat-text2 rolleri AYNI kaldı
       (ana/ikincil metin), sadece tam hex değerlere güncellendi — --eat-body
       ve --eat-caption YENİ, daha ince ayrım gereken yerler için. */
    --eat-text: #171724;
    --eat-text2: #777788;
    --eat-body: #5E5E6B;
    --eat-caption: #9696A3;
    --eat-link: #C9151B;
    --eat-border: #e5e7eb;
    --eat-bg: #ffffff;
    --eat-surface: #f9fafb;
    --eat-green: #16a34a;
    --eat-red: #dc2626;
    --eat-radius: 12px;
    --eat-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--eat-surface);
    color: var(--eat-text);
    font-size: 15px;
    line-height: 1.5;
    /* Sticky-footer: az içerikli sayfalarda (favorites.php/restaurants.php/
       orders.php gibi) includes/footer.php ekranın ortasında değil, her
       zaman en altta dursun diye body dikey flex konteynerine çevrildi —
       her sayfa kendi içeriğini aşağıdaki .eat-page-wrap ile sarmalıyor
       (bkz. o kuralın yanındaki not), footer normal akışta SABİT
       margin-top'uyla geliyor. */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
a { color: var(--eat-link); text-decoration: none; }
a:hover { text-decoration: underline; }

.eat-container { max-width: 1800px; margin: 0 auto; padding: 0 24px; }

/* Sticky-footer sarmalayıcısı — includes/footer.php'den ÖNCE her sayfanın
   TÜM içeriği bunun içine alınıyor. flex:1 0 auto sayesinde içerik azken
   (favorites.php/orders.php/restaurants.php gibi) kalan boşluğu kendisi
   dolduruyor, footer'ı ekranın en altına itiyor; içerik viewport'tan uzun
   olduğunda (restaurant.php gibi) doğal yüksekliğinde kalıyor ve footer
   kendi margin-top'uyla ARADA HER ZAMAN AYNI SABİT boşlukla geliyor —
   margin-top:auto'nun tek başına (sarmalayıcı olmadan) uzun sayfalarda
   0'a düşüp boşluğu tamamen yutması sorununu çözüyor. */
.eat-page-wrap { flex: 1 0 auto; }

.eat-card {
    background: var(--eat-bg);
    border: 1px solid var(--eat-border);
    border-radius: var(--eat-radius);
    padding: 24px;
    box-shadow: var(--eat-shadow);
}

.eat-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    background: var(--eat-accent); color: #fff; border: none; border-radius: 10px;
    padding: 12px 22px; font-size: 14.5px; font-weight: 700; cursor: pointer;
    font-family: inherit; transition: background 0.15s;
}
.eat-btn:hover { background: var(--eat-accent-dark); }
.eat-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.eat-btn-outline { background: transparent; color: var(--eat-accent); border: 1.5px solid var(--eat-accent); }
.eat-btn-outline:hover { background: var(--eat-accent-light); }
.eat-btn-block { width: 100%; }

.eat-form-group { margin-bottom: 16px; }
.eat-form-group label { display: block; font-size: 13px; font-weight: 600; color: var(--eat-text2); margin-bottom: 6px; }
.eat-form-group input, .eat-form-group textarea, .eat-form-group select {
    width: 100%; padding: 11px 14px; border: 1.5px solid var(--eat-border); border-radius: 9px;
    font-size: 14.5px; font-family: inherit; background: var(--eat-bg); color: var(--eat-text);
}
.eat-form-group input:focus, .eat-form-group textarea:focus, .eat-form-group select:focus {
    outline: none; border-color: var(--eat-accent);
}

.eat-auth-page {
    min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px;
}
.eat-auth-box { width: 100%; max-width: 420px; }
.eat-auth-logo { text-align: center; margin-bottom: 24px; }
.eat-auth-logo img { height: 72px; }
.eat-auth-tagline { text-align: center; color: var(--eat-text2); font-size: 12.5px; margin-top: -18px; margin-bottom: 24px; }

.eat-msg { padding: 12px 16px; border-radius: 9px; font-size: 13.5px; margin-bottom: 16px; }
.eat-msg-error { background: #fef2f2; color: var(--eat-red); border: 1px solid #fecaca; }
.eat-msg-success { background: #f0fdf4; color: var(--eat-green); border: 1px solid #bbf7d0; }

.eat-hidden { display: none !important; }