/**
 * Asansör Market — Mockup Theme Alignment
 * Lacivert (#0B1E3F) + Altın sarı (#F2B705) + açık gri zemin
 * Anasayfa / ürün listesi / detay / sepet / ödeme / hesabım / mobil
 */

:root {
  --am-navy: #0B1E3F;
  --am-navy-dark: #071833;
  --am-navy-mid: #102B4E;
  --am-gold: #F2B705;
  --am-gold-hover: #e0a800;
  --am-gold-soft: #ffd54a;
  --am-page-bg: #F4F7F9;
  --am-card: #ffffff;
  --am-border: #e5eaf0;
  --am-muted: #64748b;
  --am-radius: 6px;
  --am-radius-lg: 10px;
  --pc: var(--am-navy);
  --pd: var(--am-navy-dark);
  --ac: var(--am-gold);
  --color-primary: var(--am-navy);
  --color-primary-hover: var(--am-navy-dark);
  --color-accent: var(--am-gold);
}

/* —— Global page —— */
body,
body.bg-white {
  background: var(--am-page-bg) !important;
  color: #1e293b;
}

main.min-h-screen {
  background: var(--am-page-bg);
}

/* —— Top bar (navy, not black) —— */
#top-bar.am-topbar-embossed {
  background: linear-gradient(180deg, #0f2a57 0%, var(--am-navy) 55%, var(--am-navy-dark) 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  color: #fff !important;
}

#top-bar .am-topbar-trust-item {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 6px !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}

#top-bar .am-topbar-actions a {
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* —— Main header: navy shell (mockup) —— */
#main-header {
  background: var(--am-navy) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

#main-header .mavi-header-action {
  color: #fff !important;
}

#main-header .mavi-header-action-text {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#main-header .mavi-header-action-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--am-gold) !important;
  box-shadow: none !important;
}

#main-header .mavi-header-logo-img {
  filter: none;
}

#main-header #search-wrapper > div {
  background: #fff !important;
  border: 0 !important;
  border-radius: var(--am-radius) !important;
  height: 44px !important;
  overflow: hidden;
}

#main-header #search-input {
  color: var(--am-navy) !important;
}

#main-header #search-btn {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
  min-width: 48px;
}

#main-header #cart-count {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
  font-weight: 900 !important;
}

#main-header a[style*="color"],
#main-header button[style*="color"] {
  color: #fff !important;
}

#main-header .lg\\:hidden a,
#main-header .lg\\:hidden button {
  color: #fff !important;
}

#main-header #mobile-nav-toggle {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
}

/* Fallback text logo on navy */
#main-header #header-logo-container span {
  color: #fff !important;
}

#main-header #header-logo-container div[style*="background"] {
  background: transparent !important;
  border: 2px solid var(--am-gold);
}

/* —— Main nav —— */
#main-navigation.am-main-nav-embossed {
  background: linear-gradient(180deg, #0f2a57 0%, var(--am-navy) 60%, #061225 100%) !important;
  box-shadow: 0 4px 16px rgba(7, 24, 51, 0.18) !important;
}

#main-navigation .main-category-trigger {
  background: linear-gradient(180deg, var(--am-gold-soft) 0%, var(--am-gold) 50%, #d9a004 100%) !important;
  color: var(--am-navy) !important;
  border-radius: 0 !important;
  font-weight: 900 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

#main-navigation .mavi-main-nav-item,
#main-navigation .mavi-main-nav-links-inner > a {
  color: #e2e8f0 !important;
  letter-spacing: 0.04em;
}

#main-navigation .mavi-main-nav-item:hover,
#main-navigation .mavi-main-nav-links-inner > a:hover {
  color: var(--am-gold) !important;
  filter: none !important;
}

/* —— CTA / Sepete Ekle: yellow (mockup) —— */
.product-card button[onclick*="addToCart"],
button[onclick*="addToCart"],
button[onclick*="addToCart"][style],
.am-mock-btn-accent,
#add-to-cart-btn,
button.bg-primary.hover-bg-primary-hover {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
  border: 0 !important;
  border-radius: var(--am-radius) !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.product-card button[onclick*="addToCart"]:hover,
button[onclick*="addToCart"]:hover,
#add-to-cart-btn:hover:not(:disabled) {
  background: var(--am-gold-hover) !important;
  filter: brightness(0.98);
}

#add-to-cart-btn:disabled {
  background: #cbd5e1 !important;
  color: #64748b !important;
}

/* Product cards */
.product-card,
[class*="as-premium-product-card"],
body[data-page="home"] .as-premium-product-card {
  border: 1px solid var(--am-border) !important;
  border-radius: var(--am-radius-lg) !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(11, 30, 63, 0.04) !important;
}

body[data-page="home"] .as-premium-product-card {
  border-radius: var(--am-radius-lg) !important;
  box-shadow: 0 4px 16px rgba(11, 30, 63, 0.06) !important;
}

/* Discount badge */
.am-discount-badge,
.product-card .discount-badge {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
  font-weight: 800;
  border-radius: 4px;
}

/* —— Cart page —— */
.am-cart-page {
  background: var(--am-page-bg) !important;
}

.am-cart-btn--primary,
.am-cart-summary__coupon button {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
  box-shadow: none !important;
  border-radius: var(--am-radius) !important;
  font-weight: 800 !important;
}

.am-cart-btn--primary:hover {
  background: var(--am-gold-hover) !important;
}

.am-cart-summary__total span:last-child,
.am-cart-summary .am-cart-summary__total {
  color: var(--am-gold) !important;
}

.am-cart-vendor-card,
.am-cart-summary {
  border-radius: var(--am-radius-lg) !important;
  border-color: var(--am-border) !important;
  box-shadow: 0 4px 20px rgba(11, 30, 63, 0.06) !important;
}

/* —— Checkout —— */
.am-checkout-page {
  --am-co-primary: var(--am-navy) !important;
  --am-co-primary-dark: var(--am-navy-dark) !important;
  --am-co-accent: var(--am-gold) !important;
  --am-co-bg: var(--am-page-bg) !important;
  --am-co-border: var(--am-border) !important;
  background: var(--am-page-bg);
}

.am-checkout-step.is-active {
  border-color: rgba(242, 183, 5, 0.45) !important;
  background: rgba(242, 183, 5, 0.12) !important;
  color: var(--am-navy) !important;
}

.am-checkout-step.is-active span {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
}

.am-checkout-step.is-done {
  border-color: rgba(11, 30, 63, 0.25) !important;
  color: var(--am-navy) !important;
}

.am-checkout-step.is-done span {
  background: var(--am-navy) !important;
  color: #fff !important;
}

.am-checkout-page .am-checkout-submit,
.am-checkout-page button[type="submit"].am-checkout-btn,
.am-checkout-page .btn-complete-order,
.am-checkout-page [data-checkout-submit] {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
  border-radius: var(--am-radius) !important;
  font-weight: 800 !important;
}

/* —— Account —— */
.am-account-page-wrap {
  background: var(--am-page-bg) !important;
}

.am-account-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}

@media (max-width: 1023px) {
  .am-account-layout {
    grid-template-columns: 1fr;
  }
}

.am-account-sidebar {
  background: #fff;
  border: 1px solid var(--am-border);
  border-radius: var(--am-radius-lg);
  padding: 0.75rem;
  box-shadow: 0 2px 12px rgba(11, 30, 63, 0.04);
}

.am-account-sidebar__link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: var(--am-radius);
  font-size: 0.875rem;
  font-weight: 600;
  color: #475569;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}

.am-account-sidebar__link:hover {
  background: #f1f5f9;
  color: var(--am-navy);
}

.am-account-sidebar__link.is-active {
  background: var(--am-navy);
  color: #fff;
}

.am-account-sidebar__link.is-active svg {
  color: var(--am-gold);
}

.am-account-sidebar__logout {
  color: #dc2626 !important;
}

.am-account-sidebar__logout:hover {
  background: #fef2f2 !important;
}

.am-acc-stat,
.am-acc-card {
  border-radius: var(--am-radius-lg) !important;
  border-color: var(--am-border) !important;
}

.am-acc-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 0 1rem !important;
}

.am-acc-title {
  color: var(--am-navy) !important;
}

.am-acc-kicker {
  color: var(--am-gold) !important;
}

/* Hide old horizontal topnav when sidebar layout is used */
.am-account-layout .am-acc-topnav {
  display: none !important;
}

/* —— Product detail —— */
body[data-page="product-detail"] main,
body[data-page="product-detail"] .bg-white {
  background: var(--am-page-bg);
}

body[data-page="product-detail"] h1 {
  color: var(--am-navy) !important;
  font-weight: 800 !important;
}

body[data-page="product-detail"] .text-green-600.font-extrabold,
body[data-page="product-detail"] .font-extrabold.text-green-600 {
  color: var(--am-navy) !important;
}

body[data-page="product-detail"] .product-thumb.border-primary,
body[data-page="product-detail"] .product-thumb.border-2 {
  border-color: var(--am-gold) !important;
}

/* —— Products listing —— */
body[data-page="products"] .bg-white {
  background: #fff;
}

/* —— Home polish —— */
body[data-page="home"] {
  background: var(--am-page-bg) !important;
}

body[data-page="home"] .home-modern-section {
  background: linear-gradient(180deg, #f8fafc 0%, var(--am-page-bg) 100%) !important;
}

/* Cart dropdown checkout */
#cart-dropdown a[href*="checkout"] {
  background: var(--am-gold) !important;
  color: var(--am-navy) !important;
}

#cart-dropdown a[href*="cart"]:not([href*="checkout"]) {
  border-color: var(--am-border) !important;
}

/* Login/register primary buttons stay navy */
a[style*="background"][href*="login"],
a[href*="register"].border {
  /* keep structure */
}

/* Feature / trust icons accent */
.text-accent,
.bg-accent {
  color: var(--am-gold);
}

.bg-accent {
  background-color: var(--am-gold) !important;
  color: var(--am-navy) !important;
}