/*
Theme Name: Berkšeft Web
Theme URI: https://berkseft.cz/
Author: Berkšeft
Description: Luxusní responzivní marketplace theme pro Berkšeft.cz.
Version: 1.0.0
Text Domain: berkseft
*/

:root {
  --bk-bg: #060608;
  --bk-panel: #0d0d12;
  --bk-panel-2: #14141b;
  --bk-text: #f7f4ef;
  --bk-muted: #aaa4ad;
  --bk-gold: #d8a438;
  --bk-gold-soft: #f4d78e;
  --bk-red: #dc2535;
  --bk-purple: #9a3cff;
  --bk-blue: #37b6ff;
  --bk-silver: #bcc1cb;
  --bk-border: rgba(255,255,255,.09);
  --bk-radius: 22px;
  --bk-shadow: 0 24px 80px rgba(0,0,0,.44);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bk-bg);
  color: var(--bk-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }

.bk-shell { width: min(1440px, calc(100% - 32px)); margin: 0 auto; }
.bk-main { min-height: 70vh; }

.bk-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(216,164,56,.18);
  background: rgba(5,5,8,.82);
  backdrop-filter: blur(18px);
}
.bk-header-inner {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
}
.bk-brand-mini { display: inline-flex; align-items: center; gap: 10px; font-weight: 900; letter-spacing: .04em; }
.bk-brand-mini__mark { color: var(--bk-gold); font-family: Georgia, serif; font-size: 26px; }
.bk-nav { display: flex; align-items: center; justify-content: center; gap: 24px; }
.bk-nav a { color: #ece7df; font-size: 14px; font-weight: 700; transition: .2s ease; }
.bk-nav a:hover { color: var(--bk-gold-soft); }
.bk-header-actions { display: flex; align-items: center; gap: 10px; }
.bk-icon-link {
  min-width: 42px; height: 42px; padding: 0 12px;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 1px solid var(--bk-border); border-radius: 12px; background: rgba(255,255,255,.025);
  color: #fff;
}
.bk-icon-link:hover { border-color: rgba(216,164,56,.45); background: rgba(216,164,56,.07); }
.bk-icon-link svg { width: 19px; height: 19px; }
.bk-sell-link { border-color: rgba(216,164,56,.5); color: var(--bk-gold-soft); }
.bk-badge-count { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; display:inline-flex;align-items:center;justify-content:center;background:var(--bk-red);font-size:11px;font-weight:900; }

.bk-mobile-toggle { display:none; background:none; border:0; color:#fff; padding:8px; }
.bk-mobile-toggle svg { width:25px; height:25px; }

.bk-footer { margin-top: 80px; border-top:1px solid var(--bk-border); background:#050507; }
.bk-footer-inner { padding: 34px 0; display:flex; justify-content:space-between; gap:24px; color:var(--bk-muted); font-size:13px; }
.bk-footer strong { color: var(--bk-gold-soft); }

@media (max-width: 980px) {
  .bk-header-inner { grid-template-columns: auto auto; justify-content:space-between; }
  .bk-mobile-toggle { display:inline-flex; }
  .bk-nav, .bk-header-actions { display:none; }
  .bk-site-header.is-open .bk-nav,
  .bk-site-header.is-open .bk-header-actions { display:flex; }
  .bk-site-header.is-open .bk-header-inner { grid-template-columns:1fr auto; align-items:start; padding:14px 0; }
  .bk-site-header.is-open .bk-nav { grid-column:1/-1; flex-direction:column; align-items:flex-start; width:100%; padding-top:12px; border-top:1px solid var(--bk-border); }
  .bk-site-header.is-open .bk-header-actions { grid-column:1/-1; width:100%; flex-wrap:wrap; }
  .bk-footer-inner { flex-direction:column; }
}