/* ============================
   LUSTY VELVET — DARK GOLD THEME
   Scope: #publicLayout (bezpečné proti adminu)
   ============================ */

#publicLayout {
  /* Theme tokens */
  --bg: #0b0b0b;
  --bg-2: #121212;
  --bg-3: #181818;

  --text: #f2f2f2;
  --text-2: #b9b9b9;

  --gold: #c49b35;
  --gold-2: #e1bb5c;
  --gold-3: #8f6c1f;

  --border: rgba(255, 255, 255, 0.10);
  --border-gold: rgba(196, 155, 53, 0.55);

  --shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
  --glow: 0 0 14px rgba(196, 155, 53, 0.35);

  color: var(--text);
  background: var(--bg);
}

/* Base */
#publicLayout,
#publicLayout .ant-layout,
#publicLayout .content {
  background: var(--bg) !important;
  color: var(--text) !important;
}

#publicLayout a {
  color: var(--gold) !important;
  text-decoration: none;
}
#publicLayout a:hover {
  color: var(--gold-2) !important;
  text-shadow: var(--glow);
}

/* Header */
#publicLayout header.ant-layout-header {
  background: linear-gradient(180deg, var(--bg-2), var(--bg)) !important;
  border-bottom: 1px solid var(--border-gold);
  box-shadow: var(--shadow);
}

#publicLayout .header-logo img {
  /* jemný “lux” drop-shadow pro logo */
  filter: drop-shadow(0 0 10px rgba(196,155,53,0.25));
}

/* Ant Menu (nav) */
#publicLayout .ant-menu,
#publicLayout .ant-menu.ant-menu-light {
  background: transparent !important;
  color: var(--text) !important;
  border-bottom: none !important;
}

#publicLayout .ant-menu-item a,
#publicLayout .ant-menu-item .ant-menu-title-content {
  color: var(--text) !important;
  opacity: 0.92;
}

#publicLayout .ant-menu-item:hover,
#publicLayout .ant-menu-item-active,
#publicLayout .ant-menu-item-selected {
  background: rgba(196, 155, 53, 0.10) !important;
  border-radius: 10px;
}

#publicLayout .ant-menu-item:hover a,
#publicLayout .ant-menu-item-selected a {
  color: var(--gold-2) !important;
}

/* Icons (search/crown) */
#publicLayout .anticon {
  color: var(--gold) !important;
}
#publicLayout .anticon:hover {
  color: var(--gold-2) !important;
  filter: drop-shadow(0 0 10px rgba(196,155,53,0.35));
}

/* Page header */
#publicLayout .ant-page-header.ant-page-header-ghost {
  background: transparent !important;
}
#publicLayout .ant-page-header-heading-title {
  color: var(--gold-2) !important;
  letter-spacing: 0.3px;
}

/* Divider */
#publicLayout .ant-divider {
  border-top-color: rgba(196, 155, 53, 0.25) !important;
}

/* Cards / grid wrapper */
#publicLayout .ant-card {
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2)) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px;
  box-shadow: var(--shadow);
}

#publicLayout .ant-card-body {
  color: var(--text) !important;
}

/* Inputs (search bars) */
#publicLayout .ant-input-affix-wrapper,
#publicLayout .ant-input,
#publicLayout input.ant-input {
  background: rgba(255,255,255,0.03) !important;
  color: var(--text) !important;
  border-color: rgba(255,255,255,0.12) !important;
  border-radius: 12px;
}

#publicLayout .ant-input::placeholder {
  color: rgba(242,242,242,0.55) !important;
}

#publicLayout .ant-input-affix-wrapper:hover,
#publicLayout .ant-input-affix-wrapper-focused {
  border-color: var(--border-gold) !important;
  box-shadow: 0 0 0 2px rgba(196,155,53,0.18) !important;
}

#publicLayout .ant-input-suffix .anticon {
  color: var(--gold) !important;
}

/* Search button (Ant primary) */
#publicLayout .ant-btn.ant-btn-primary {
  background: linear-gradient(180deg, var(--gold-2), var(--gold)) !important;
  border-color: rgba(225,187,92,0.65) !important;
  color: #0b0b0b !important;
  border-radius: 12px;
  font-weight: 600;
}
#publicLayout .ant-btn.ant-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: var(--glow);
}

/* Login button (your .btn-login + Ant default) */
#publicLayout .btn-login,
#publicLayout .ant-btn.ant-btn-default.btn-login {
  background: transparent !important;
  color: var(--gold-2) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: 12px;
  font-weight: 600;
}
#publicLayout .btn-login:hover {
  background: rgba(196,155,53,0.12) !important;
  box-shadow: var(--glow);
}

/* Footer */
#publicLayout footer.ant-layout-footer {
  background: linear-gradient(180deg, var(--bg), var(--bg-2)) !important;
  border-top: 1px solid var(--border-gold);
  color: var(--text-2) !important;
}

#publicLayout .footer_footer-custom__M9l_7 a {
  color: var(--gold) !important;
  opacity: 0.95;
}
#publicLayout .footer_footer-custom__M9l_7 a:hover {
  color: var(--gold-2) !important;
  text-shadow: var(--glow);
}

/* Back to top */
#publicLayout .ant-back-top .ant-back-top-content {
  background: rgba(196,155,53,0.18) !important;
  border: 1px solid rgba(196,155,53,0.35);
  backdrop-filter: blur(6px);
}
#publicLayout .ant-back-top .ant-back-top-content:hover {
  background: rgba(196,155,53,0.28) !important;
  box-shadow: var(--glow);
}

/* Optional: “lux” selection */
#publicLayout ::selection {
  background: rgba(196,155,53,0.35);
  color: var(--text);
}

/* Optional: smoother overall */
#publicLayout * {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}



/* =========================================
   ZKJ.css — FORCE BLACK BACKGROUND EVERYWHERE
   (Ant Design / Next.js wrappers)
   ========================================= */

/* 1) Úplný základ (html/body/Next root) */
html, body {
  background: #0b0b0b !important;
  color: #f2f2f2 !important;
}

#__next,
#publicLayout,
#publicLayout.ant-layout,
#publicLayout .content,
#publicLayout .ant-layout-content {
  background: #0b0b0b !important;
  color: #f2f2f2 !important;
}

/* Často dělá bílé pásy nějaký wrapper/section/container */
#publicLayout.container,
#publicLayout section,
#publicLayout main,
#publicLayout > div,
#publicLayout .ant-layout {
  background: #0b0b0b !important;
}

/* 2) Page header + „ghost“ módy (někdy hází světlo) */
#publicLayout .ant-page-header,
#publicLayout .ant-page-header-ghost,
#publicLayout .ant-page-header-content,
#publicLayout .ant-page-header-heading,
#publicLayout .ant-page-header-footer {
  background: transparent !important;
  color: #f2f2f2 !important;
}

/* 3) Divider linky */
#publicLayout .ant-divider {
  border-top-color: rgba(196,155,53,0.25) !important;
}

/* 4) Karty / grid (aby nic nebylo bílé/šedé) */
#publicLayout .ant-card,
#publicLayout .ant-card-body,
#publicLayout .ant-card-head {
  background: #121212 !important;
  color: #f2f2f2 !important;
  border-color: rgba(255,255,255,0.10) !important;
}

#publicLayout .ant-card-head-title {
  color: #e1bb5c !important;
}

/* 5) Footer (Ant má často default světle šedé pozadí) */
#publicLayout footer,
#publicLayout .ant-layout-footer,
#publicLayout #layoutFooter {
  background: #0b0b0b !important;
  color: #b9b9b9 !important;
  border-top: 1px solid rgba(196,155,53,0.55);
}

/* 6) Ant BackTop apod. */
#publicLayout .ant-back-top {
  background: transparent !important;
}

/* 7) Search input + tlačítko (ten zlatý čtverec co máš zakroužkovaný) */
#publicLayout .ant-input-group-wrapper,
#publicLayout .ant-input-wrapper,
#publicLayout .ant-input-affix-wrapper,
#publicLayout input.ant-input {
  background: rgba(255,255,255,0.03) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #f2f2f2 !important;
  border-radius: 14px !important;
}

/* aby addon (pravá část) nebyl bílý */
#publicLayout .ant-input-group-addon {
  background: transparent !important;
  border: none !important;
}

/* samotné tlačítko search */
#publicLayout .ant-input-search-button,
#publicLayout .ant-btn.ant-btn-primary.ant-input-search-button {
  background: linear-gradient(180deg, #e1bb5c, #c49b35) !important;
  border-color: rgba(225,187,92,0.65) !important;
  color: #0b0b0b !important;
  border-radius: 12px !important;
  height: 36px;              /* sjednocení výšky */
  min-width: 46px;           /* aby to nebyl “divný” čtverec */
  box-shadow: 0 0 14px rgba(196,155,53,0.25);
}

#publicLayout .ant-input-search-button:hover {
  filter: brightness(1.05);
  box-shadow: 0 0 16px rgba(196,155,53,0.35);
}

/* 8) Extra: někdy dělá bílý pás přímo Ant Layout container */
.ant-layout,
.ant-layout-content,
.ant-layout-footer {
  background: #0b0b0b !important;
}

/* 9) Extra: kdyby někde zůstala čistá bílá */
#publicLayout [style*="background: white"],
#publicLayout [style*="background-color: white"],
#publicLayout [style*="background:#fff"],
#publicLayout [style*="background-color:#fff"] {
  background: #0b0b0b !important;
}

/* SEARCH BUTTON = like LOGIN (outline dark-gold) */
#publicLayout .ant-input-search-button,
#publicLayout .ant-btn.ant-btn-primary.ant-input-search-button {
  background: transparent !important;
  border: 1px solid rgba(196,155,53,0.55) !important;
  color: #e1bb5c !important;
  border-radius: 12px !important;

  height: 36px !important;
  min-width: 56px !important;

  box-shadow: none !important;
}

#publicLayout .ant-input-search-button .anticon,
#publicLayout .ant-btn.ant-btn-primary.ant-input-search-button .anticon {
  color: #e1bb5c !important;
}

#publicLayout .ant-input-search-button:hover,
#publicLayout .ant-btn.ant-btn-primary.ant-input-search-button:hover {
  background: rgba(196,155,53,0.12) !important;
  border-color: rgba(225,187,92,0.75) !important;
  box-shadow: 0 0 14px rgba(196,155,53,0.25) !important;
}

/* když je focus/active */
#publicLayout .ant-input-search-button:focus,
#publicLayout .ant-input-search-button:active,
#publicLayout .ant-btn.ant-btn-primary.ant-input-search-button:focus,
#publicLayout .ant-btn.ant-btn-primary.ant-input-search-button:active {
  background: rgba(196,155,53,0.10) !important;
  border-color: rgba(225,187,92,0.85) !important;
}