/* ============================================================
   YZ Restaurant — Tema: sportsbar_pwa (Pitch Green)
   ============================================================
   Brand renkleri:
     - Primary aksan: #FFB627 (Amber Orange) — CTA, vurgu
     - Secondary:     #FF6B35 (Live Red-Orange) — LIVE NOW, "MATCH"
     - Accent:        #C9A35F (Wheat Gold) — info strip border
     - Bg:            #0B4F2E (Pitch Green deep)

   Designed for: Palette Social Club + generic sports bars
   Style:        Massive condensed display + amber/red highlights
   Built:        May 2026 — KobiZeka™
============================================================ */

/* :root tokenleri assets/css/tokens.css dosyasına taşındı.
   Bu dosya artık sadece component stilleri içerir. */

/* ============================================================
   APP HEADER — Pitch glow gradient
============================================================ */
body.theme-dark .appheader {
    background: linear-gradient(135deg, var(--gr-bg-1) 0%, var(--gr-bg-2) 100%) !important;
    border-bottom: 3px solid var(--gr-primary);
    box-shadow: 0 4px 20px rgba(255, 182, 39, 0.15);
}

body:not(.theme-dark) .appheader {
    background: linear-gradient(135deg, var(--gr-primary) 0%, var(--gr-accent-dark) 100%) !important;
    border-bottom: 3px solid var(--gr-accent);
}

.appheader .brand-name,
.appheader h1 {
    color: var(--gr-cream);
}

/* ============================================================
   BUTTONS — pitch glow gradient (amber → live red-orange)
============================================================ */
.btn-primary,
.button-primary {
    background: linear-gradient(135deg, var(--gr-primary) 0%, var(--gr-accent-dark) 100%);
    border: none;
    color: var(--gr-text-on-primary);
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(255, 182, 39, 0.3);
    transition: all 220ms ease;
}

.btn-primary:hover,
.button-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(255, 182, 39, 0.45);
    background: linear-gradient(135deg, var(--gr-accent) 0%, var(--gr-primary) 100%);
}

/* ============================================================
   CATEGORY / PRODUCT CARDS
============================================================ */
body.theme-dark .category-card,
body.theme-dark .product-card {
    background: var(--gr-bg-2);
    border: 1px solid rgba(255, 182, 39, 0.15);
    transition: all 220ms ease;
}

body.theme-dark .category-card:hover,
body.theme-dark .product-card:hover {
    border-color: rgba(255, 182, 39, 0.5);
    box-shadow: 0 8px 24px rgba(255, 182, 39, 0.18);
    transform: translateY(-2px);
}

/* ============================================================
   PRICE — golden accent
============================================================ */
.product-price,
.category-price {
    color: var(--gr-accent);
    font-weight: 700;
}

/* ============================================================
   LINKS — orange hover
============================================================ */
body.theme-dark a {
    color: var(--gr-cream);
    transition: color 180ms ease;
}

body.theme-dark a:hover {
    color: var(--gr-primary-light);
}