/* assets/home.css — středový box, menší karty, nic dalšího neměníme */
:root{
  --bg:#f4f7fb;
  --card:#ffffff;
  --ink:#0f172a;
  --muted:#5b6477;
  --accent:#2563eb;
  --ok:#16a34a;
  --ring: rgba(37,99,235,.25);
  --br:14px;
  --shadow: 0 8px 16px rgba(2,6,23,.06), 0 1px 4px rgba(2,6,23,.06);
}

html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif}
a{color:var(--accent);text-decoration:none}
strong{font-weight:800}

/* STŘEDOVÝ BOX */
.wrap{max-width:960px;margin:24px auto;padding:0 14px}

/* Nadpis + malé KPI */
.hero h1{margin:0 0 10px 0;font-size:26px;letter-spacing:.2px}
.kpi-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.kpi{display:flex;align-items:center;gap:6px;background:#fff;padding:8px 10px;border-radius:12px;border:1px solid #e6ebf4;box-shadow:var(--shadow)}
.kpi span{color:var(--muted)}
.kpi strong{font-size:16px}

/* KARTY */
.cards{display:grid;gap:12px;margin:10px 0}
.cards.grid{grid-template-columns:repeat(2,1fr)} /* dvě do řádku, na velkém 3 můžeme vrátit */
@media (min-width:1180px){.cards.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){.cards.grid{grid-template-columns:1fr}}

.card{background:var(--card);border-radius:var(--br);border:1px solid #e6ebf4;box-shadow:var(--shadow);padding:12px}
.card-favs{background:linear-gradient(180deg,#f0fff4,#fff)}
.card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:#f1f5ff;border:1px solid #e1e8ff}
.card h2{font-size:18px;margin:0}
.badge{background:#eef2ff;border:1px solid #dfe6ff;border-radius:999px;padding:2px 8px;font-size:12px;color:#384174}
.spacer{flex:1}

.meta{color:var(--muted);font-size:13px;margin:4px 0 6px}
.preview{color:#364154;font-size:13px;margin:0 0 6px}

.room-chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6ebf4;background:#fff;border-radius:999px;padding:5px 8px;font-size:13px}
.chip .nm{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip .cnt{min-width:18px;text-align:center;border-left:1px solid #e6ebf4;padding-left:8px;color:#0a7a32;font-weight:700}
.chip:hover{box-shadow:0 0 0 3px var(--ring)}

.empty{padding:8px 0;color:var(--muted);font-size:13px}
.foot{color:#6b7280;text-align:center;margin:16px 0 6px;font-size:13px}
/* === BRAND SIZE OVERRIDE (větší logo v topbaru) === */
.topbar{ padding:14px 18px; }                 /* trochu vyšší topbar */
.topbar .brand{ display:inline-flex; gap:12px; align-items:center; }

.topbar .brand img{
  height:72px !important;                     /* desktop základ */
  max-height:none !important;                 /* zruší případné globální limity */
  width:auto; display:block; border-radius:10px;
  object-fit:contain;
}

@media (max-width:640px){                     /* mobil */
  .topbar .brand img{ height:48px !important; }
}
@media (min-width:1200px){                    /* velké displeje */
  .topbar .brand img{ height:120px !important; }
}