/* ============================================================
   YZ Restaurant — Tema: gunes_menu_pwa3 (Sun Palette)
   ============================================================
   Brand colors based on #e67e22 (Carrot Orange / Bright Sun)

   Designed for: gunesrestaurant.com.tr
   Style:        Bright, modern, mediterranean-coastal energy
   Built:        May 2026 — KobiZeka™
============================================================ */

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

/* ============================================================
   APP HEADER — Sun 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(230, 126, 34, 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 — sun-ray gradient
============================================================ */
.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(230, 126, 34, 0.3);
    transition: all 220ms ease;
}

.btn-primary:hover,
.button-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(230, 126, 34, 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(230, 126, 34, 0.15);
    transition: all 220ms ease;
}

body.theme-dark .category-card:hover,
body.theme-dark .product-card:hover {
    border-color: rgba(230, 126, 34, 0.5);
    box-shadow: 0 8px 24px rgba(230, 126, 34, 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);
}