/* LODĚNICE 2.0.5 – původní grafika a 4 karty na PC; vždy pouze jedna stránka zboží. */
/* Žádné otevírání dalšího řádku, žádné posouvání obsahu ani patičky. */
.dock-panel.dock-paged-panel { overflow:hidden!important; min-height:0; }
.dock-panel.dock-paged-panel > .section-heading { flex-wrap:wrap; min-height:42px; }
.dock-panel.dock-paged-panel .market-grid.dock-paged-grid {
 display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
 grid-template-rows:minmax(0,1fr)!important; grid-auto-rows:minmax(0,1fr)!important;
 flex:1 1 auto!important; min-height:0!important; max-height:none!important;
 height:auto!important; padding:0!important; align-content:stretch!important;
 overflow:hidden!important;
}
.dock-panel.dock-paged-panel .market-grid.dock-paged-grid > .product-card {
 min-width:0;min-height:0;max-height:100%;height:100%;
}
.dock-panel.dock-paged-panel .product-card[hidden] { display:none!important; }
.dock-page-controls { display:flex; align-items:center; gap:9px; justify-content:flex-end; flex:none; }
.dock-page-controls button {
 display:inline-flex;align-items:center;justify-content:center;gap:6px;
 border:1px solid #ab905e;border-radius:9px;color:#f4dfb2;
 background:linear-gradient(180deg,#36536a,#20374b);
 font-size:13px;font-weight:750;cursor:pointer;padding:8px 12px;min-height:38px;
 white-space:nowrap;
}
.dock-page-controls button:hover:not(:disabled) { background:linear-gradient(180deg,#496b81,#2a4a61); }
.dock-page-controls button:disabled {opacity:.36;cursor:not-allowed;}
.dock-page-controls button:focus-visible{outline:3px solid #f7d987;outline-offset:2px;}
.dock-page-number {min-width:39px;text-align:center;font-size:12px;font-weight:700;color:#d4e2ee;font-variant-numeric:tabular-nums;}
/* Lehké přejetí při výměně celé sady; nepohybuje se stránka ani patička. */
@media(prefers-reduced-motion:no-preference){
 .dock-page-enter-next {animation:dock-enter-next .19s ease-out;}
 .dock-page-enter-prev {animation:dock-enter-prev .19s ease-out;}
 @keyframes dock-enter-next {from {opacity:.58;transform:translateX(13px)} to{opacity:1;transform:translateX(0)}}
 @keyframes dock-enter-prev {from {opacity:.58;transform:translateX(-13px)} to{opacity:1;transform:translateX(0)}}
}
/* Náhled nových lektvarů bez možnosti jejich nákupu. */
.dock-planned-potion .action-button:disabled {background:#253f51;border:1px dashed #8195a4;color:#c8d6dc;opacity:1;cursor:not-allowed;}
/* Na tabletu ponechat dvě původní velké karty vedle sebe, bez svislého posuvu. */
@media(max-width:1024px){
 .dock-panel.dock-paged-panel .market-grid.dock-paged-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 .dock-panel.dock-paged-panel .market-grid.dock-paged-grid > .product-card {
  min-height:0!important;grid-column:auto!important;
 }
 .dock-page-controls button {font-size:12px;padding:7px 9px;min-height:34px;}
}
/* V mobilu ukazujeme vždy jednu původní vodorovnou kartu na stránku. */
@media(max-width:600px){
 .dock-panel.dock-paged-panel .market-grid.dock-paged-grid {
  grid-template-columns:minmax(0,1fr)!important;display:grid!important;
  grid-template-rows:repeat(var(--dock-mobile-visible,1),minmax(0,190px))!important;
  grid-auto-rows:190px!important;align-content:start!important;
 }
 .dock-panel.dock-paged-panel .market-grid.dock-paged-grid > .product-card {width:100%;min-height:152px!important;height:auto;max-height:100%;}
 .dock-panel.dock-paged-panel > .section-heading {align-items:flex-start;gap:7px;}
 .dock-panel.dock-paged-panel > .section-heading > p {display:none;}
 .dock-page-controls {gap:3px;margin-left:auto;}
 .dock-page-controls button {font-size:10px;padding:6px 7px;min-height:30px;}
 .dock-page-number {font-size:10px;min-width:26px;}
}


/* 2.0.9 — jednotné stránkování / bez změn velikosti originálních obrázků */
.dock-panel.dock-paged-panel,.dock-panel.dock-ships-paged{position:relative!important;overflow:hidden!important;min-height:0!important;}
.dock-panel .dock-page-controls{margin-left:auto;}
.dock-panel .dock-pager-empty{
  display:flex;align-items:center;justify-content:center;text-align:center;
  width:100%;height:100%;min-height:90px;grid-column:1/-1;
  border:1px dashed rgba(202,176,121,.55);border-radius:13px;
  background:rgba(18,34,48,.58);color:#e0c995;
  font-size:16px;font-weight:650;letter-spacing:.02em;
}
.dock-panel .dock-pager-empty[hidden]{display:none!important;}
.dock-panel .market-grid.dock-paged-grid.dock-page-ghost,
.dock-panel .market-grid.dock-ships-grid.dock-page-ghost,
.dock-panel .berth-grid.dock-ships-grid.dock-page-ghost{
  position:absolute!important;z-index:4!important;flex:none!important;
  margin:0!important;pointer-events:none!important;min-height:0!important;
  max-height:none!important;box-sizing:border-box!important;
}
.dock-panel .dock-page-ghost * {pointer-events:none!important;}
/* Předešlá 0,19s animace je vypnutá — místo ní skutečně plynulý přejezd 1,15 s. */
.dock-panel .dock-page-enter-next,.dock-panel .dock-page-enter-prev{animation:none!important;}

/* 2.0.10 — originální šířka i výška klonované mřížky, bez zoomu. */
.dock-panel .market-grid.dock-paged-grid.dock-page-ghost,
.dock-panel .market-grid.dock-ships-grid.dock-page-ghost,
.dock-panel .berth-grid.dock-ships-grid.dock-page-ghost{
  overflow:hidden!important;
  align-content:stretch!important;
  transform-origin:top left!important;
  isolation:isolate;
}
/* Není žádná animace jednotlivých karet nebo obrázků. */
.dock-panel .dock-page-ghost .product-card,
.dock-panel .dock-page-ghost .berth,
.dock-panel .dock-page-ghost img{transition:none!important;animation:none!important;}

/* 2026-11-04 – TABLET 601–1024px: kompaktní lodě, čitelná mřížka 2×2. */
@media(min-width:601px) and (max-width:1024px){
  #panel-shop.dock-ships-paged{overflow:hidden!important;}
  #panel-shop.dock-ships-paged .market-grid.dock-ships-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,1fr)!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    align-content:start!important;
    gap:10px!important;
  }
  #panel-shop.dock-ships-paged .market-grid.dock-ships-grid>.ship-card{
    display:grid!important;
    grid-column:auto!important;grid-row:auto!important;
    width:100%!important;height:100%!important;min-height:0!important;
    max-height:100%!important;
    padding:10px!important;
    gap:5px!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:32px minmax(40px,1fr) 26px 62px 35px 14px!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  #panel-shop.dock-ships-paged .ship-card>h2{grid-column:1!important;grid-row:1!important;font-size:17px!important;line-height:1.15!important;margin:0!important;}
  #panel-shop.dock-ships-paged .ship-card .ship-image{grid-column:1!important;grid-row:2!important;min-height:0!important;height:100%!important;margin:0!important;}
  #panel-shop.dock-ships-paged .ship-card .ship-image img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;}
  #panel-shop.dock-ships-paged .ship-card .ship-stats{grid-column:1!important;grid-row:3!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;min-width:0!important;}
  #panel-shop.dock-ships-paged .ship-card .stat-pill{font-size:10px!important;padding:2px 5px!important;white-space:nowrap;}
  #panel-shop.dock-ships-paged .ship-card .stat-pill img{width:17px!important;height:17px!important;}
  #panel-shop.dock-ships-paged .ship-card .info-bubbles{
    grid-column:1!important;grid-row:4!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:minmax(0,1fr)!important;
    height:100%!important;min-height:0!important;gap:6px!important;
  }
  #panel-shop.dock-ships-paged .ship-card .info-bubble{min-width:0!important;min-height:0!important;padding:4px 6px!important;}
  #panel-shop.dock-ships-paged .ship-card .bubble-icon{width:26px!important;height:26px!important;}
  #panel-shop.dock-ships-paged .ship-card .bubble-copy strong{font-size:17px!important;}
  #panel-shop.dock-ships-paged .ship-card .action-button{grid-column:1!important;grid-row:5!important;min-height:32px!important;margin:0!important;padding:5px!important;font-size:12px!important;}
  #panel-shop.dock-ships-paged .ship-card .action-note{grid-column:1!important;grid-row:6!important;min-height:0!important;margin:0!important;font-size:10px!important;line-height:1.1!important;overflow:hidden;}
}

/* Nižší tablety: žádné ořezávání dvou řad karet pod patičku. */
@media(min-width:601px) and (max-width:899px) and (max-height:899px){
  #panel-shop.dock-ships-paged .market-grid.dock-ships-grid{
    grid-template-rows:minmax(0,1fr)!important;
    grid-auto-rows:minmax(0,1fr)!important;
  }
}
/* Tablet naležato: čtyři přehledné karty v jednom řádku. */
@media(min-width:900px) and (max-width:1024px) and (max-height:899px){
  #panel-shop.dock-ships-paged .market-grid.dock-ships-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-auto-rows:minmax(0,1fr)!important;
  }
  #panel-shop.dock-ships-paged .ship-card>h2{font-size:14px!important;}
  #panel-shop.dock-ships-paged .ship-card .stat-pill{font-size:9px!important;padding:2px 3px!important;}
  #panel-shop.dock-ships-paged .ship-card .stat-pill img{width:14px!important;height:14px!important;}
  #panel-shop.dock-ships-paged .ship-card .info-bubbles{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;}
  #panel-shop.dock-ships-paged .ship-card{grid-template-rows:30px minmax(42px,1fr) 26px 92px 35px 18px!important;}
  #panel-shop.dock-ships-paged .ship-card .bubble-copy strong{font-size:16px!important;}
}