/* ============================================================
   Güneş Restaurant — Sun Theme (Sarı / Turuncu)
   Ana renk: #F39C12 (sıcak amber)
   İkincil:  #E67E22 (koyu turuncu — hover/active)
   Vurgu:    #FFC30B (parlak sarı — özel öğeler)
   ============================================================ */

:root {
    --gr-primary: #F39C12;
    --gr-primary-dark: #E67E22;
    --gr-primary-light: rgba(243, 156, 18, 0.1);
    --gr-accent: #FFC30B;
}

/* ---------- Site Navigation ---------- */
.site-nav { position: relative; }
.nav-menu {
    list-style: none; padding: 0; margin: 0;
    display: flex; justify-content: center; gap: 0.25rem; flex-wrap: wrap;
}
.nav-menu li { margin: 0; }
.nav-menu a {
    display: block; padding: 0.5rem 0.9rem;
    color: #333; text-decoration: none; border-radius: 6px;
    font-weight: 500; font-size: 0.95rem;
    transition: background 0.2s, color 0.2s; white-space: nowrap;
}
.nav-menu a:hover { background: var(--gr-primary-light); color: var(--gr-primary-dark); }
.nav-menu a.active { background: var(--gr-primary); color: #fff; }
.nav-menu a i { margin-right: 0.3rem; font-size: 0.85rem; }

.nav-toggle {
    display: none; background: var(--gr-primary); color: #fff; border: none;
    padding: 0.5rem 1rem; border-radius: 6px; font-size: 1rem;
    cursor: pointer; width: 100%; margin-bottom: 0.5rem;
}

@media (max-width: 767.98px) {
    .nav-toggle { display: block; }
    .nav-menu {
        display: none; flex-direction: column; background: #fff;
        border: 1px solid #e0e0e0; border-radius: 8px; padding: 0.5rem;
        margin-top: 0.25rem;
    }
    .nav-menu.open { display: flex; }
    .nav-menu a { padding: 0.75rem 1rem; border-radius: 4px; }
}

/* ---------- WhatsApp Floating Button ---------- */
.whatsapp-float {
    position: fixed; bottom: 80px; right: 20px;
    width: 55px; height: 55px; background: #25D366; color: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem; box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    z-index: 999; text-decoration: none;
    transition: transform 0.2s; animation: wa-pulse 2s infinite;
}
.whatsapp-float:hover { transform: scale(1.08); color: #fff; }
@keyframes wa-pulse {
    0%   { box-shadow: 0 4px 12px rgba(0,0,0,0.25), 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70%  { box-shadow: 0 4px 12px rgba(0,0,0,0.25), 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 4px 12px rgba(0,0,0,0.25), 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* ---------- Page Title ---------- */
.page-title { color: var(--gr-primary-dark); font-weight: 600; margin-bottom: 1.5rem; }

/* ---------- About Page ---------- */
.about-icon { color: var(--gr-primary); margin-bottom: 1rem; }
.about-features h5 { color: #333; font-weight: 600; }
.about-story h3 { color: var(--gr-primary-dark); font-weight: 600; }
.about-story p { line-height: 1.8; color: #555; text-align: justify; }

/* ---------- Contact Page ---------- */
.contact-card h4 {
    color: var(--gr-primary-dark); font-weight: 600;
    border-bottom: 2px solid var(--gr-accent); padding-bottom: 0.75rem;
}
.contact-row strong {
    display: inline-block; color: var(--gr-primary-dark);
    margin-bottom: 0.25rem; font-size: 0.9rem;
}
.contact-row strong i { margin-right: 0.4rem; }
.contact-row a { color: #333; }
.contact-row a:hover { color: var(--gr-primary); }

#contact-map { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

/* ---------- Sun-themed Header Background ---------- */
.appheader {
    background: linear-gradient(135deg, #FFF8E7 0%, #FFE4B5 100%) !important;
    border-bottom: 3px solid var(--gr-primary);
}

/* ---------- Bootstrap button overrides ---------- */
.btn-primary {
    background-color: var(--gr-primary) !important;
    border-color: var(--gr-primary) !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--gr-primary-dark) !important;
    border-color: var(--gr-primary-dark) !important;
}
.btn-outline-primary {
    color: var(--gr-primary-dark) !important;
    border-color: var(--gr-primary) !important;
}
.btn-outline-primary:hover {
    background-color: var(--gr-primary) !important;
    color: #fff !important;
}

/* Restaurant title color */
.businesstitle { color: var(--gr-primary-dark); }