/* Heerdink — stijl die alleen op template openingstijden.php voorkomt. Laadt na global.css. */
.visit{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px)}
@media (max-width:1023px){
  .visit{grid-template-columns:1fr}
}
.visit>*{min-width:0}
.hours--special{width:100%}
.hours--special thead th{font-size:1.312rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-weight:600;padding-bottom:6px;text-align:left}
.hours--special td:last-child{text-align:right;white-space:nowrap}
.hours--special tr.is-verstreken{opacity:.42}
.hours--special tr.is-volgende th,.hours--special tr.is-volgende td{background:var(--color-primary-tint);font-weight:700;color:var(--color-primary)}
.hours--special tr.is-volgende th{border-left:4px solid var(--color-accent);padding-left:10px}
@media (max-width:600px){
  .hours--special td:nth-child(2){display:none}
}
.hours--special tbody td:nth-child(2){text-align:left;color:var(--color-muted)}
.hours--special tbody th{width:46%}
.hours--special tr.is-volgende td:nth-child(2){color:var(--color-primary)}