/* ════════════════════════════════════════════════════════════════════════
   39-mrizky.css — kratší mřížky dlaždic na mobilu (11/2026)
   Atlas kamenů /kamen/ (178 dlaždic, mobil 15 500 px), Herbář, Symboly:
   řada písmen A–Z nad mřížkou (archive-kamen.php, archive.php) a na mobilu
   3 menší dlaždice vedle sebe místo 2. Jedinečné kameny a další kategorie
   s víc než 40 podkategoriemi (includes/category.php): 12 dlaždic + seznam A–Z.
   ════════════════════════════════════════════════════════════════════════ */

/* ── A–Z ── */
.mk-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.mk-az a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 6px;box-sizing:border-box;border:1px solid #e6d7a3;border-radius:10px;background:#fff;color:#1d1a16;font-weight:700;font-size:14px;text-decoration:none}
.mk-az a:hover{background:#fff6d6;color:#1d1a16}
.mk-atlas .atlas-tile[id]{scroll-margin-top:90px}

/* ── Atlas / Herbář / Symboly: 3 menší dlaždice na mobilu ── */
@media (max-width:640px){
  html body .mk-atlas .atlas-section .atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  html body .mk-atlas .atlas-section .atlas-tile{padding:10px 4px 10px;gap:6px;border-radius:12px}
  html body .mk-atlas .atlas-section .atlas-tile-img{width:64px;height:64px}
  html body .mk-atlas .atlas-section .atlas-tile h3{font-size:13px;line-height:1.25;overflow-wrap:anywhere}
  .mk-az{gap:5px;margin-bottom:14px}
  .mk-az a{min-width:32px;height:34px;font-size:13.5px}
}

/* ── Hodně podkategorií: seznam A–Z pod 12 dlaždicemi ── */
.subcat-az{margin:22px 0 0}
.subcat-az h3{margin:0 0 10px;font-size:17px;font-weight:800;color:var(--ink)}
.subcat-az ul{list-style:none;margin:0;padding:0;columns:5 190px;column-gap:24px}
.subcat-az li{break-inside:avoid;margin:0;padding:0}
.subcat-az a{display:block;padding:6px 0;border-bottom:1px solid #f1e8cf;color:#1d1a16;text-decoration:none;font-size:14.5px;font-weight:600;line-height:1.35}
.subcat-az a:hover{color:#c8334f}
.subcat-az small{color:#6b6255;font-weight:500;font-size:12.5px;margin-left:2px}
@media (max-width:640px){
  .subcat-az ul{columns:2;column-gap:14px}
  .subcat-az a{padding:9px 0;font-size:14px}
}