/* bordo-lacivert kurumsal tema */
:root { --brand-red:#800020; --brand-blue:#0a1f44; --brand-light:#f8f9fc; --ink:#1c2430; }
body{ font-family: "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial; background:var(--brand-light); color:var(--ink); }
a{ color:var(--brand-blue); text-decoration:none } a:hover{ color:var(--brand-red) }
.navbar{ background:linear-gradient(90deg,var(--brand-red),var(--brand-blue)); }
.navbar .nav-link,.navbar-brand{ color:#fff!important; font-weight:500 }
.navbar .nav-link:hover{ color:#ffd700!important }
.hero{ height:60vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--brand-red),var(--brand-blue)); color:#fff; text-align:center }
.hero h1{ font-size:3rem; font-weight:700 }
.btn-brand{ background:var(--brand-red); border:0; color:#fff } .btn-brand:hover{ filter:brightness(.9) }
.btn-alt{ background:var(--brand-blue); border:0; color:#fff } .btn-alt:hover{ filter:brightness(.9) }
.card{ border:none; box-shadow:0 3px 8px rgba(0,0,0,.08); transition:transform .2s }
.card:hover{ transform:translateY(-5px) }
.card-title{ color:var(--brand-blue); font-weight:600 }
.card .price{ color:var(--brand-red); font-weight:700 }
.footer{ background:var(--brand-blue); color:#ddd; padding:2rem 0 }
.footer a{ color:#ddd } .footer a:hover{ color:#fff }
/* ===== Navbar etkileşim stabilitesi ===== */

/* HTML'de bg-brand kullanıyorsunuz; kurumsal gradient'i buraya da bağlayın */
.bg-brand{
  background: linear-gradient(90deg, var(--brand-red), var(--brand-blue)) !important;
}

/* Dropdown menülerin navbar üzerinde kalmasını garanti et */
.navbar{ position: relative; z-index: 1030; }
.navbar .dropdown-menu{ z-index: 1100; }

/* Sepet rozeti tıklamayı engellemesin (en sık sebep) */
#cart-count,
.navbar-actions .badge{ pointer-events: none; }

/* Mobilde dokunma hedeflerini büyüt */
.navbar-actions .btn{
  min-height: 40px;
}

/* Mobil yerleşim: aksiyonlar taşmasın/çakışmasın */
@media (max-width: 991.98px){
  .navbar .container{ flex-wrap: wrap; }
  .navbar-actions{
    width: 100%;
    justify-content: flex-end;
    margin-top: .5rem;
    gap: .5rem !important;
  }
}