/* Tržnica (market.php) – zoznam obchodov. Používa farby a prvky zo style.css (drevené okno, sivé GUI sloty). */
body.market {
  height: auto;
  min-height: 100vh;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  padding: 24px 16px;
  background-attachment: fixed;
}
body.market * { user-select: text; -webkit-user-select: text; }

.mk-window {
  position: relative;
  z-index: 10;
  max-width: 1120px;
  margin: 0 auto;
  background-color: #8b6239;
  background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url('icons/bg/oak_planks.png');
  background-size: 64px 64px;
  border: 6px solid #2b1808;
  box-shadow: 0 20px 50px rgba(0,0,0,0.8), inset 0 0 10px rgba(0,0,0,0.5);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mk-head {
  position: relative;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  border: 3px solid #1a0f05;
  padding: 10px 8px 8px;
}
.mk-sub { margin: 4px 0 0; color: #e0e0e0; font-size: 19px; text-shadow: 2px 2px 0 #000; }
.mk-on { color: #55ff55; }
.mk-own {
  display: inline-block; margin-top: 8px;
  text-decoration: none; font-size: 17px; background: #3c8527; border-color: #6fd14a #1e4d12 #1e4d12 #6fd14a; color: #fff;
}
.mk-own:hover { background: #4aa531; }

.mk-notice {
  background: #3b0000; color: #ffaaaa; border: 3px solid #7a0000; padding: 8px 12px; font-size: 19px; text-align: center;
}

.mk-search { width: 100%; font-size: 20px; padding: 8px 12px; }

.mk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 12px;
  background: #c6c6c6;
  border: 4px solid;
  border-color: #373737 #ffffff #ffffff #373737;
  padding: 12px;
  min-height: 200px;
  align-content: start;
}

.mk-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px;
  background: #b0b0b0;
  border: 3px solid;
  border-color: #ffffff #555555 #555555 #ffffff;
  color: #222;
  text-decoration: none;
  cursor: pointer;
}
.mk-card:hover { background: #bdbdbd; outline: 3px solid #ffaa00; outline-offset: -3px; }
.mk-card:focus-visible { outline: 3px solid #55ff55; outline-offset: -3px; }
.mk-card[hidden] { display: none; }

.mk-slots { display: flex; gap: 2px; margin-bottom: 4px; min-height: 44px; }
.mk-slot { width: 44px; height: 44px; margin: 0; border-width: 2px; }
.mk-slot .item-icon { width: 32px; height: 32px; }

.mk-title {
  font-size: 23px; color: #ffaa00;
  text-shadow: 2px 2px 0 #3f2a00, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  overflow-wrap: anywhere;
}
.mk-owner { font-size: 18px; color: #3b3b3b; }
.mk-about { font-size: 17px; color: #2b2b2b; overflow-wrap: anywhere; }
.mk-foot { margin-top: auto; padding-top: 6px; display: flex; align-items: center; gap: 6px; font-size: 18px; text-shadow: 1px 1px 0 #000; }
.mk-foot .mc-dot { width: 12px; height: 12px; border-width: 2px; }
.mk-count { margin-left: auto; color: #3b3b3b; text-shadow: none; }

.mk-empty { grid-column: 1 / -1; text-align: center; color: #3b3b3b; font-size: 21px; padding: 40px 10px; }
.mk-empty[hidden] { display: none; }

.mk-foot-note { color: #d0c2a8; font-size: 15px; text-align: center; text-shadow: 1px 1px 0 #000; padding: 2px 8px; }

@media (max-width: 700px) {
  body.market { padding: 8px 0; }
  .mk-window { border-width: 4px; padding: 8px; }
  .mk-grid { grid-template-columns: 1fr; padding: 8px; gap: 8px; }
}

/* oznam správcu webu (tržnica aj obchod) */
.site-notice {
  background: #2a2200; color: #ffe08a; border: 3px solid #b07800; padding: 8px 12px; font-size: 19px; text-align: center;
  text-shadow: 1px 1px 0 #000; white-space: pre-line;
}
.mk-maint { background: #1d2a3b; color: #bcd8ff; border-color: #2a6fa8; padding: 30px 12px; font-size: 24px; }

.uic { width: 18px; height: 18px; image-rendering: pixelated; vertical-align: -4px; }