vyšší (72px) a ikona sedí vlevo nahoře. */
body.home .sluzby .wp-block-column > figure a {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
body.home .sluzby .wp-block-column > figure img {
display: block;
width: 56px !important;
height: 56px !important;
max-width: 56px !important;
object-fit: contain;
}
/* --- Nadpis (sloupec 2, řádek 1). min-height:0 přebíjí inline z equalize JS --- */
body.home .sluzby .wp-block-column > h4 {
grid-column: 2;
grid-row: 1;
margin: 0 !important;
min-height: 0 !important;
align-self: start;
font-size: 20px;
font-weight: 650;
line-height: 1.2;
}
body.home .sluzby .wp-block-column > h4 a {
color: #022930 !important;
text-decoration: none !important;
/* static (přebíjí position:relative ze staré sluzby): 1) skrytá stará šipka
níže se tím zbaví kotvy, 2) stretched-link ::before pak pokryje celou
kartu, ne jen nadpis. */
position: static !important;
}
/* Skryj původní šipku staré karty (h4 a::after) — používáme vlastní ↗ vpravo. */
body.home .sluzby .wp-block-column > h4 a::after {
display: none !important;
content: none !important;
}
/* --- Popis (sloupec 2, řádek 2). Prázdné odstavce (např. Recyklace) skryj --- */
body.home .sluzby .wp-block-column > p {
grid-column: 2;
grid-row: 2;
margin: 0 !important;
align-self: start;
color: #52525B;
font-size: 16px;
line-height: 1.6;
}
body.home .sluzby .wp-block-column > p:empty {
display: none !important;
}
/* --- Šipka ↗ (sloupec 3, přes obě řady, svisle na střed) --- */
/* Šipka ↗ — dle Figmy teal (#008C9D) a svisle dole u textu (pod nadpisem),
ne nahoře. Sloupec 3, přes obě řady, zarovnaná na spodek textového bloku. */
body.home .sluzby .wp-block-column::after {
content: "";
grid-column: 3;
grid-row: 1 / span 2;
align-self: end;
width: 24px;
height: 24px;
background: url("data:image/svg+xml,") center / contain no-repeat;
transition: transform 0.2s ease;
}
body.home .sluzby .wp-block-column:hover::after {
transform: translate(2px, -2px);
opacity: 1;
}
/* --- Klikatelná celá karta: stretched link přes nadpisový odkaz --- */
body.home .sluzby .wp-block-column > h4 a::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: 20px;
}
/* ==========================================================================
Responzivně
========================================================================== */
/* Tablet: 2 na řádek */
@media (max-width: 921px) {
body.home .sluzby .wp-block-columns > .wp-block-column {
flex: 0 0 calc((100% - 24px) / 2) !important;
max-width: calc((100% - 24px) / 2) !important;
}
}
/* Mobil: 1 na řádek */
@media (max-width: 600px) {
body.home .sluzby .wp-block-columns > .wp-block-column {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
/* Mobil ≤767.98 — fold z audit-fixes (#1426 min-height, #1435 typografie), konsolidace
2026-09-08. ⚠ POZOR: font-size 22px platí i pro popis (nejen nadpis) — vypadá jako
pre-existing bug (Figma card popis = spíš 16px); PONECHÁNO beze změny (preserve-render),
ověřit ve Figmě a případně opravit samostatně. */
@media (max-width: 767.98px) {
/* Reset generického content gutteru (#main .wp-block-columns padding 0 16) na
.sluzby columns — fold z audit-fixes #1417 (jinak karty na mobilu -32px). */
body.home .sluzby .wp-block-columns {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.home .sluzby .wp-block-columns > .wp-block-column {
min-height: 144px;
}
body.home .sluzby .wp-block-column h3,
body.home .sluzby .wp-block-column h4,
body.home .sluzby .wp-block-column p {
font-size: 22px;
line-height: 1.2;
letter-spacing: -0.01em;
}
}