/* ==========================================================================
   Header ve mobil menü: footer ile aynı koyu yeşil (2026-09-14)
   Kullanıcı: "alt sayfalarda headerin bej rengini beğenmiyorum, bej kullanma,
   header-footer uyumlu olsun". Ana sayfada scroll edilmemiş hero üstündeki
   şeffaf durum (body.pa-header-seffaf) aynen kalır; scroll edilince ve tüm alt
   sayfalarda header footer zemini (--pa-yesil = --pa-orman-800) olur.
   ========================================================================== */
body.pa-site header.pa-header,
body.pa-site header.pa-header.active {
    background: var(--pa-yesil);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
body.pa-site header.pa-header.active { box-shadow: 0 6px 24px rgba(12, 42, 33, .28); }

/* Logo: koyu zeminde beyaz */
body.pa-site header.pa-header .pa-logo-renkli { display: none; }
body.pa-site header.pa-header .pa-logo-beyaz { display: inline-block; }

/* Menü bağlantıları */
body.pa-site header.pa-header .pa-nav a { color: var(--pa-beyaz) !important; }
body.pa-site header.pa-header .pa-nav a:after { background: var(--pa-coruh-100); }
body.pa-site header.pa-header .pa-nav a:hover,
body.pa-site header.pa-header .pa-nav a.aktif { color: var(--pa-coruh-100) !important; }

/* Çizgili "Sipariş ver" */
body.pa-site header.pa-header .button.pa-header-siparis {
    background: transparent;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .8);
    color: var(--pa-beyaz);
}
body.pa-site header.pa-header .button.pa-header-siparis:hover,
body.pa-site header.pa-header .button.pa-header-siparis:focus {
    background: var(--pa-beyaz);
    box-shadow: none;
    color: var(--pa-yesil);
}

/* Mobil menü açma düğmesi */
body.pa-site header.pa-header .right .menu { background: rgba(255, 255, 255, .12); color: var(--pa-beyaz); }
body.pa-site header.pa-header .right .menu:hover { background: rgba(255, 255, 255, .2); }

/* Açılır mobil/masaüstü menü paneli: bej yerine footer yeşili */
/* Peyman style.css menüye beyaz dalgalı bg.jpg veriyor; yeşil zeminin görünmesi için kaldırılır */
body.pa-site .main-menu.pa-menu { background-color: var(--pa-yesil); background-image: none; }
body.pa-site .main-menu.pa-menu .cls { color: var(--pa-beyaz); background: rgba(255, 255, 255, .12); }
body.pa-site .main-menu.pa-menu .title,
body.pa-site .main-menu.pa-menu .title a { color: var(--pa-coruh-100); }
body.pa-site .main-menu.pa-menu .item a { color: var(--pa-beyaz); }
body.pa-site .main-menu.pa-menu .item a:hover,
body.pa-site .main-menu.pa-menu .item a:focus { color: var(--pa-coruh-100); }
body.pa-site .main-menu.pa-menu .pa-menu-siparis .button {
    background: var(--pa-beyaz);
    color: var(--pa-yesil);
    box-shadow: none;
}
body.pa-site .main-menu.pa-menu .pa-menu-siparis .button:hover { background: var(--pa-coruh-100); }