.zapasy-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.zapasy-wrap--home {
gap: 2em;	
}
.zapasy-heading {
font-size: 2rem;
font-weight: bold;
color: #71202c;
text-align: center;
margin-top: 30px;
}
.zapasy {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 2rem;
width: 100%;
max-width: 1200px;
padding: 0 1rem;
}
.zapas-box {
border-radius: 1rem;
padding-bottom: 1.5rem;
text-align: center;
position: relative;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border: 1px #FFF solid;
}
.zapas-box .domaci-badge {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%,-50%);
background: #71202c;
color: white;
padding: 0.3em 1em;
border-radius: 1em;
font-size: 0.8rem;
font-weight: bold;
}
.teams {
border-radius: 1rem;
background: rgba(255, 255, 255, 0.8);
padding: 1.5rem;
display: flex;
justify-content: space-around;
align-items: center;
margin-bottom: 1.5rem;
}
.team {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.team span {
width: 70px;
height: 70px;
background: #FFF;
border-radius: 50%;
padding: 12px;
border: 1px #71202c solid;
}
.team img {
object-fit: cover;
max-width: 100%;
max-height: 100%;
}
.team DIV {
color: #71202c;
font-weight: 700;
font-size: 1.2em;
}
.played.zapas-box {
border: 1px #71202c solid;
color: #FFF;
}
.played .teams {
background-color: rgba(113, 32, 44, 0.8);
color: #FFF;
}
.played .team DIV {
color: #FFF;
}
.vysledek {
font-size: 1.2rem;
font-weight: bold;
margin: 0.5rem 0;
color: #FFF;
}
.datum {
font-size: 1rem;
font-weight: 600;
color: #FFF;
}
.played .datum {
color: #71202c;
}
.zapasy-wrap--all .vysledek, .zapasy-wrap--all .poradi {
color: #71202c;
}
.zapas-den {
width: 700px;
max-width: 100%;
margin: 0 auto;
}
.zapas-den:last-of-type {
margin-bottom: 2rem;
}
.zapas-den-hlavicka {
background-color: #76232e;
color: #fff;
font-weight: 900;
padding: 0.3rem 1rem;
border-radius: 4px;
margin-bottom: 0rem;
text-align: center;
}
.zapas-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0rem 0;
border-bottom: 1px solid #eee;
flex-wrap: nowrap;
text-align: center;
gap: 1rem;
}
.zapas-col {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0.2rem 0.2rem;
}
.zapas-col.tym {
flex-direction: row;
gap: 0.5rem;
}
.zapas-col.vysledek {
font-size: 1.3rem;
font-weight: 700;
color: #71202c;
white-space: nowrap;
}
.zapas-col.vysledek .poradi {
font-size: 0.65rem;
display: block;
color: #666 !important;
margin-bottom: 0.2rem;
}
.zapas-col.versus {
font-size: 1.1rem;
font-weight: bold;
margin: 0.2rem 0;
}
.zapas-logo {
height: 24px;
margin-bottom: 0.2rem;
display: block;
max-width: 100%;
object-fit: contain;
}
.zapas-nazev {
font-weight: 900;
font-size: 0.95rem;
white-space: nowrap;
}
@media all and (max-width: 767px) {
.zapas-nazev {
white-space: normal;
font-size: 0.75rem;
line-height: 1rem;
}
}
.zapas-filtr {
margin: 0.2rem 0;
text-align: center;
}
.zapas-filtr-link {
margin: 0 0.5rem;
text-decoration: underline;
cursor: pointer;
}
.zapas-filtr-link:hover {
text-decoration: none;
}