/* =========================================================================
   ACIK & MINIMAL MODERN TEMA -- v1.1 (duzeltilmis)
   Giyim/moda magazasi icin premium, sade tasarim.

   ONEMLI DUZELTME (v1.0 -> v1.1): Onceki surum header/footer arka planini
   ve ikon renklerini ZORLA (!important) beyaza/koyuya cevirmisti. Bu,
   admin panelden (Ayarlar > Header/Footer) AYARLANMIS mevcut renk ve --
   cok daha onemlisi -- o renge gore secilmis LOGO (header_logo /
   footer_logo, genelde koyu zeminler icin acik renkli hazirlanir) ile
   CAKISTI: acik logo + zorla beyaz zemin = logo/ikonlar goze gormuyor.

   Bu surumde header/footer'in ARKA PLAN RENGINE ve ikon renklerine HIC
   DOKUNULMUYOR -- magazanin zaten calisan, logoya uygun ayarlanmis
   rengi oldugu gibi korunuyor. Sadece marka renginden BAGIMSIZ, guvenli
   alanlar (govde tipografisi, butonlar, kartlar, dropdown'lar, footer
   link YALNIZCA hover rengi) yeniden stillendi.

   Header/footer'in kendisini de acik/minimal yapmak icin: mevcut
   logo dosyasinin (header_logo / footer_logo) rengini soyle -- ona gore
   header arka planini da guvenle acik yapabiliriz.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    --am-bg: #ffffff;
    --am-bg-soft: #f7f6f4;
    --am-ink: #1b1b1b;
    --am-ink-soft: #6b6b6b;
    --am-line: #e7e4df;
    --am-gold: #b08d57;
    --am-radius: 2px;
}

/* --- Govde tipografisi (marka rengiyle ilgisi yok, guvenli) --- */
body, .main-body, .main-body-2 {
    background-color: var(--am-bg) !important;
    color: var(--am-ink) !important;
    font-family: 'Manrope', -apple-system, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
}
a { transition: color .15s; }

/* --- Header: SADECE boyut/hizalama -- renk/arka plan dokunulmadi --- */
.header-desktop-main-div { padding: 20px 0; }
.header-desktop-logo-div img { max-height: 44px; }
.header-desktop-search1 input {
    border-radius: var(--am-radius) !important;
    font-size: 13px;
}

/* --- Ust seviye kategori menusu -- yine renk yerine sadece tipografi --- */
.top-level-menu-main-div a {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.4px;
}

/* --- Dropdown'lar (sepet/kullanici/bildirim): bunlar zaten Bootstrap'in
   kendi beyaz zemininde acilir, marka logosuyla alakasi yok -- guvenli --- */
.dropdown-menu {
    border: 1px solid var(--am-line) !important;
    border-radius: var(--am-radius) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.08) !important;
}
.dropdown-cart-itembox-content-t-1 { font-weight: 600; }
.dropdown-cart-priceTotal-r { font-weight: 700; }

/* --- Butonlar: sabit hex renkler (#558cff/#2fba47), marka logosuyla
   ilgisi yok -- guvenle tek vurgu rengine cevrilebilir --- */
.button-blue, .button-green {
    background-color: var(--am-ink) !important;
    border-color: var(--am-ink) !important;
    border-radius: var(--am-radius) !important;
    letter-spacing: 0.4px;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px !important;
}
.button-blue:hover, .button-green:hover {
    background-color: var(--am-gold) !important;
    border-color: var(--am-gold) !important;
}
.button-blue-out, .button-green-out {
    border-color: var(--am-ink) !important;
    color: var(--am-ink) !important;
    border-radius: var(--am-radius) !important;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 0.4px;
}
.button-blue-out:hover, .button-green-out:hover {
    background-color: var(--am-ink) !important;
    border-color: var(--am-ink) !important;
    color: #fff !important;
}

/* --- Kartlar / sayfa basligi (govde alani, guvenli) --- */
.card {
    border: 1px solid var(--am-line) !important;
    border-radius: var(--am-radius) !important;
    box-shadow: none !important;
}
.page-title-nav a { font-size: 13px; }
.page-title-nav a:hover { color: var(--am-gold) !important; }
.nx-sepet-indirim-kart {
    background: var(--am-ink) !important;
    color: #fff !important;
    border-radius: var(--am-radius) !important;
}

/* --- Footer: SADECE bosluk/tipografi ve link HOVER rengi -- taban renk
   ve footer logosuna dokunulmadi (ayni sebep: footer_logo genelde koyu
   zemin icin acik renklidir) --- */
.footer-module-main-div { padding-top: 46px !important; }
.footer-module-header-text {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 14px !important;
}
.footer-module-links-div a { font-size: 13px; line-height: 2.1; }
.footer-module-links-div a:hover { color: var(--am-gold) !important; }

/* --- Kucuk ekran --- */
@media (max-width: 767px) {
    .header-desktop-main-div { padding: 12px 0; }
    .top-level-menu-main-div a { font-size: 12px; }
}