/*
 * De open-dagenkaart bovenaan de homepage, compacter op een telefoon.
 *
 * De kaart is een YOOtheme-element zonder eigen class; hij is te herkennen aan
 * zijn link naar /open-dagen, de enige kaart op de homepage met dat adres
 * (nagekeken 24 september 2026). Zo hoeft de builder-opmaak van de homepage
 * niet aangepast te worden.
 *
 * Op 375 px breed ging de kaart hiermee van 472 naar 287 px: een lagere foto,
 * kleinere letters, en de lange tekst weg. Titel, datum en knop blijven.
 * Vanaf 640 px (UIkit @s) verandert er niets.
 */
@media (max-width: 639px) {
  a.uk-card[href="/open-dagen"] .uk-card-media-top {
    align-items: stretch;
    width: 100%;
  }
  a.uk-card[href="/open-dagen"] .el-image {
    width: 100% !important;
    height: 120px !important;
    max-width: none !important;
    flex: none !important;          /* anders rekt uk-flex-1 de foto weer op */
    object-fit: cover;
  }
  a.uk-card[href="/open-dagen"] .uk-card-body {
    padding: 14px 16px;
  }
  a.uk-card[href="/open-dagen"] .el-title {
    font-size: 17px;
    line-height: 1.3;
  }
  a.uk-card[href="/open-dagen"] .el-meta {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 4px !important;
  }
  a.uk-card[href="/open-dagen"] .el-content {
    display: none;
  }
  a.uk-card[href="/open-dagen"] .el-link {
    margin-top: 10px;
  }
}