/*
 * Kıbrıs Bilgisayarcım - Professional Brand Palette
 * Renk katmanı בלבד: layout, spacing, ölçü, radius, grid ve responsive davranış değiştirmez.
 * Marka turuncusu vurgu olarak; beyaz, slate ve antrasit ana yüzey olarak kullanılır.
 */
:root {
  --brand-50:#fff7ed;
  --brand-100:#ffedd5;
  --brand-200:#fed7aa;
  --brand-300:#fdba74;
  --brand-400:#fb923c;
  --brand-500:#f97316;
  --brand-600:#ea580c;
  --brand-700:#c2410c;
  --ink-950:#0b1220;
  --ink-900:#111827;
  --ink-800:#1f2937;
  --ink-700:#374151;
  --ink-600:#4b5563;
  --ink-500:#6b7280;
  --surface:#ffffff;
  --surface-soft:#f8fafc;
  --surface-alt:#f3f4f6;
  --border:#e5e7eb;
  --border-soft:#eef2f7;
  --success:#16a34a;
  --success-soft:#f0fdf4;
  --danger:#dc2626;
  --danger-soft:#fef2f2;
  --warning:#d97706;
  --warning-soft:#fffbeb;
  --info:#475569;
  --info-soft:#f1f5f9;

  /* mevcut tema aliasları */
  --primary:#f97316;
  --primary-dark:#ea580c;
  --primary-soft:#fff7ed;
  --primary-color:#f97316;
  --accent:#f97316;
  --accent-color:#f97316;
  --home-primary:#f97316;
  --home-primary-dark:#ea580c;
  --home-blue:#475569;
  --pc-primary:#f97316;
  --pc-primary2:#ea580c;
  --hdr-blue:#f97316;
}

/* Arka plan ve metin dengesi. Geometriye dokunmaz. */
body { background-color:var(--surface-soft); color:var(--ink-900); }

/* Header / navigasyon */
.top-strip,
.header-top-dark,
.utility-bar-dark { background-color:var(--ink-950) !important; }

.logo-accent,
.brand-accent,
.text-primary,
.text-brand { color:var(--brand-500) !important; }

.search-box,
.header-search,
.search-form { border-color:var(--brand-300) !important; }

.search-box:focus-within,
.header-search:focus-within,
.search-form:focus-within { border-color:var(--brand-500) !important; }

.search-box button,
.header-search button,
.search-button,
.search-btn,
.btn-primary,
.btn-main,
.btn-brand,
.primary-btn,
.cta-primary,
.request-submit,
.checkout-submit {
  background-color:var(--brand-500) !important;
  border-color:var(--brand-500) !important;
  color:#fff !important;
}

.search-box button:hover,
.header-search button:hover,
.search-button:hover,
.search-btn:hover,
.btn-primary:hover,
.btn-main:hover,
.btn-brand:hover,
.primary-btn:hover,
.cta-primary:hover,
.request-submit:hover,
.checkout-submit:hover {
  background-color:var(--brand-600) !important;
  border-color:var(--brand-600) !important;
  color:#fff !important;
}

/* İkincil butonlar nötr kalsın */
.btn-secondary,
.btn-soft,
.btn-outline,
.secondary-btn {
  background-color:#fff !important;
  color:var(--ink-800) !important;
  border-color:var(--border) !important;
}

.btn-secondary:hover,
.btn-soft:hover,
.btn-outline:hover,
.secondary-btn:hover {
  background-color:var(--surface-soft) !important;
  color:var(--ink-950) !important;
  border-color:#d1d5db !important;
}

/* Aktif menü ve sekmeler: hafif turuncu, tam dolu turuncu değil */
.nav-link.active,
.menu-link.active,
.menu-item.active,
.account-menu a.active,
.profile-menu a.active,
.sidebar-menu a.active,
.tabs .active,
.tab.active,
.filter-tab.active,
.category-tab.active,
.pagination .active,
.pagination .active a {
  color:var(--brand-700) !important;
  background-color:var(--brand-50) !important;
  border-color:var(--brand-200) !important;
}

.nav-link:hover,
.menu-link:hover,
.category-link:hover,
.account-menu a:hover,
.profile-menu a:hover { color:var(--brand-600) !important; }

/* Kartlar ve yüzeyler */
.card,
.product-card,
.category-card,
.account-card,
.order-card,
.checkout-card,
.form-card,
.info-card {
  background-color:var(--surface) !important;
  border-color:var(--border-soft) !important;
}

/* Ürün/showroom vurgu renkleri */
.product-price,
.price,
.current-price,
.footer-live-price,
.offer-price { color:var(--brand-600) !important; }

.product-card:hover,
.category-card:hover,
.mini-product:hover,
.category-pill:hover { border-color:var(--brand-200) !important; }

.kicker,
.badge-brand,
.badge-primary,
.tag-primary,
.pill-primary,
.product-badge.brand,
.product-tag.brand {
  background-color:var(--brand-50) !important;
  color:var(--brand-700) !important;
  border-color:var(--brand-200) !important;
}

/* Hero'larda mavi marka gradyanı yerine koyu premium yüzey. Turuncu CTA içeride kalır. */
.hero-slider-shell,
.page-hero,
.account-hero,
.orders-hero,
.order-hero,
.checkout-hero,
.auth-hero,
.support-hero {
  --hero-brand-dark:var(--ink-950);
  --hero-brand-mid:#1f2937;
}

/* Sayfa bazlı değişkenleri güvenli şekilde yeniden bağla */
.orders-shell,
.orders-page {
  --ord-bg:#f6f7f9;
  --ord-card:#ffffff;
  --ord-line:#e5e7eb;
  --ord-text:#111827;
  --ord-muted:#6b7280;
  --ord-soft:#f8fafc;
  --ord-primary:#f97316;
  --ord-primary-dark:#ea580c;
}

.account-page,
.account-shell,
.profile-page {
  --account-primary:#f97316;
  --account-primary-dark:#ea580c;
  --account-soft:#fff7ed;
}

.cart-page,
.checkout-page,
.product-page,
.category-page,
.shop-page {
  --page-primary:#f97316;
  --page-primary-dark:#ea580c;
  --page-primary-soft:#fff7ed;
}

/* Siparişlerim / hesap alanında görünen hard-coded mavi bileşenleri renk bazında düzelt */
.orders-shell .orders-hero,
.orders-page .orders-hero,
.orders-shell .order-action-primary,
.orders-shell .order-detail-btn,
.orders-shell .btn-primary {
  background-image:linear-gradient(135deg,var(--ink-950),#334155) !important;
}

.orders-shell .order-action-primary,
.orders-shell .order-detail-btn,
.orders-shell .btn-primary {
  background-image:none !important;
  background-color:var(--brand-500) !important;
  border-color:var(--brand-500) !important;
}

.orders-shell a:not(.btn-danger):not(.status-badge),
.account-shell a:not(.btn-danger):not(.status-badge) { --link-accent:var(--brand-600); }

/* Mavi bilgi kutularını nötr slate yap, marka CTA'sını turuncuya bırak */
.info-box,
.alert-info,
.badge-info,
.status-info,
.info-badge {
  background-color:var(--info-soft) !important;
  color:var(--info) !important;
  border-color:#cbd5e1 !important;
}

/* Semantik renkler korunur */
.alert-success,
.badge-success,
.status-success,
.status-completed,
.status-delivered,
.status-approved {
  background-color:var(--success-soft) !important;
  color:#15803d !important;
  border-color:#bbf7d0 !important;
}

.alert-danger,
.badge-danger,
.status-danger,
.status-cancelled,
.status-failed,
.status-rejected {
  background-color:var(--danger-soft) !important;
  color:#b91c1c !important;
  border-color:#fecaca !important;
}

.alert-warning,
.badge-warning,
.status-warning,
.status-pending,
.status-waiting {
  background-color:var(--warning-soft) !important;
  color:#92400e !important;
  border-color:#fde68a !important;
}

/* Formlar */
input:focus,
select:focus,
textarea:focus {
  border-color:var(--brand-500) !important;
  outline-color:rgba(249,115,22,.35) !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked { accent-color:var(--brand-500); }

/* Footer: koyu/nötr yüzey, turuncu sadece vurgu */
.footer-clean-premium,
.site-footer,
.footer-dark { background-color:var(--ink-950) !important; color:#cbd5e1 !important; }
.footer-card-head strong,
.footer-live-brand { color:var(--brand-600) !important; }
.footer-links a { color:#cbd5e1 !important; }
.footer-links a:hover { color:#fff !important; }
.footer-bottom { color:#94a3b8 !important; }
.footer-bottom-right span,
.footer-brand-pills span { background-color:var(--brand-50) !important; color:#92400e !important; }

/* Sosyal/ödeme marka renklerini bilerek değiştirmiyoruz. WhatsApp yeşil kalır. */

/* Focus görünürlüğü */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline-color:rgba(249,115,22,.48) !important; }

/* SVG ikonlar tema rengini currentColor'dan alıyorsa */
.icon-brand,
.brand-icon { color:var(--brand-600) !important; fill:currentColor; }