/* === Mobile Seasons Buttons === */
/* Turns Winter/Frühling/Sommer/Herbst links into big tap buttons */

.season-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:20px 0;
}

.season-links a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:96px;
  padding:16px 10px;
  border-radius:16px;
  text-decoration:none;
  font-weight:600;
  background:#f5f7f6;
  color:#1f2d2a;
}

.season-links a::before{
  font-size:28px;
  margin-bottom:6px;
  content:"";
}

/* Icon mapping by anchor target */
.season-links a[href*="winter"]::before{content:"❄️";}
.season-links a[href*="fruehling"]::before,
.season-links a[href*="frühling"]::before{content:"🌸";}
.season-links a[href*="sommer"]::before{content:"☀️";}
.season-links a[href*="herbst"]::before{content:"🍂";}

.season-links a:active{transform:scale(0.98);}

@media (min-width: 900px){
  .season-links{grid-template-columns:repeat(4,1fr);}
}