/* Scoped styly stranky Blog (vypis, home.php) - JEN cizi markup generovany
   WP core funkci paginate_links() (<a class="page-numbers">,
   <span class="page-numbers current">). Wrapper .blog_pagination zustava
   v markupu jen jako scoping hook (sam nema zadne vlastni CSS) - vse ostatni
   na strance resi utility primo v home.php.

   POZOR (Task E2.3 mereni pred prevodem): puvodni pages/blog.css mel u
   .blog_first/.blog_vypis radu media-query pravidel (margin-top/width/
   min-height/padding na .box, display:flex na .wrap, position:static na
   .image), ktera byla MRTVA - prehravaly je nad nimi bezpodminecne Tailwind
   utility tridy uz primo na elementech (mt-16, w-[calc(34%+5.1rem)],
   min-h-[33.4rem], py-[8rem], "block", "absolute" - utilities layer vzdy
   vyhrava nad base layer, bez ohledu na specificitu ci media query).
   Zive zustaly jen: .box margin-inline (40/30/20/10px na max-750/550/400/350)
   a .image img max-height:300px (na max-750) - ty jsou prevedeny PRIMO
   v home.php jako max-[Npx]: utility tridy (mx-[Npx], max-h-[300px]),
   NE sem, protoze cilove elementy uz maji tridy v markupu.
   Pagination pravidla (border/padding/hover pozadi/font-weight na cizich
   <a>/<span> z paginate_links()) zadny konkurencni utility nema, takze
   zustavaji plnohodnotne zive - presunuta sem 1:1, scoped pod body class
   .blog (WP ji na tuto strancu - posts page - prida automaticky). */
.blog .blog_pagination .wrap > a {
  border: 1px solid var(--color-text);
  padding: 0.4rem 1.3rem;
}

.blog .blog_pagination .wrap > a:hover {
  background-color: var(--color-bg-warm);
}

.blog .blog_pagination .wrap > span {
  font-weight: 600;
}