.zuidje-app-openingstijden {
	--zuidje-app-lijn: rgba(31, 73, 62, 0.18);
	--zuidje-app-vandaag-achtergrond: #145664;
	--zuidje-app-vandaag-tekst: #ffffff;
	--zuidje-app-rijruimte: 15px;
	--zuidje-app-vandaag-binnenruimte: clamp(12px, 3vw, 16px);
	border-top: 1px solid var(--zuidje-app-lijn);
}

.zuidje-app-openingstijden__dag {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(10px, 4vw, 20px);
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	padding: var(--zuidje-app-rijruimte) 0;
	border-bottom: 1px solid var(--zuidje-app-lijn);
}

.zuidje-app-openingstijden__label,
.zuidje-app-openingstijden__tijd {
	min-width: 0;
}

.zuidje-app-openingstijden__tijd {
	text-align: right;
	white-space: pre-line;
	overflow-wrap: anywhere;
}

.zuidje-app-openingstijden__vandaag {
	display: none;
}

.zuidje-app-openingstijden__dag--vandaag {
	padding-right: var(--zuidje-app-vandaag-binnenruimte);
	padding-left: var(--zuidje-app-vandaag-binnenruimte);
	border-bottom-color: transparent;
	border-radius: 14px;
	background: var(--zuidje-app-vandaag-achtergrond);
	color: var(--zuidje-app-vandaag-tekst);
	font-weight: 700;
}

.zuidje-app-openingstijden__dag--vandaag .zuidje-app-openingstijden__vandaag {
	display: inline;
}

.zuidje-app-openingstijden--website {
	--zuidje-website-tekst: #FFFFFF;
	--zuidje-website-vandaag-tekst: #093F4A;
	--zuidje-website-vandaag-achtergrond: #FCF6E8;
	--zuidje-website-dagkolom: minmax(150px, 34%);
	--zuidje-website-kolomafstand: clamp(18px, 4vw, 40px);
	--zuidje-website-binnenruimte: clamp(12px, 3vw, 16px);
	--zuidje-website-rijruimte-desktop: 6px;
	--zuidje-website-vandaag-rijruimte-desktop: 12px;
	--zuidje-app-vandaag-binnenruimte: var(--zuidje-website-binnenruimte);
	border-top-color: transparent;
	background: transparent;
	color: var(--zuidje-website-tekst);
}

.zuidje-app-openingstijden--website .zuidje-app-openingstijden__dag {
	display: grid;
	grid-template-columns: var(--zuidje-website-dagkolom) minmax(0, 1fr);
	column-gap: var(--zuidje-website-kolomafstand);
	row-gap: 5px;
	align-items: start;
	padding-right: var(--zuidje-website-binnenruimte);
	padding-left: var(--zuidje-website-binnenruimte);
	border-bottom-color: transparent;
}

.zuidje-app-openingstijden--website .zuidje-app-openingstijden__label,
.zuidje-app-openingstijden--website .zuidje-app-openingstijden__tijd {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.zuidje-app-openingstijden--website .zuidje-app-openingstijden__tijd {
	text-align: left;
}

.zuidje-app-openingstijden--website .zuidje-app-openingstijden__dagnaam {
	text-transform: capitalize;
}

.zuidje-app-openingstijden--website .zuidje-app-openingstijden__dag--vandaag {
	align-items: start;
	background: var(--zuidje-website-vandaag-achtergrond);
	color: var(--zuidje-website-vandaag-tekst);
}

.zuidje-app-openingstijden--website .zuidje-app-openingstijden__dag--vandaag .zuidje-app-openingstijden__vandaag {
	display: none;
}

@media (min-width: 768px) {
	.zuidje-app-openingstijden--website .zuidje-app-openingstijden__dag {
		padding-top: var(--zuidje-website-rijruimte-desktop);
		padding-bottom: var(--zuidje-website-rijruimte-desktop);
	}

	.zuidje-app-openingstijden--website .zuidje-app-openingstijden__dag--vandaag {
		padding-top: var(--zuidje-website-vandaag-rijruimte-desktop);
		padding-bottom: var(--zuidje-website-vandaag-rijruimte-desktop);
	}
}

@media (max-width: 767px) {
	.zuidje-app-openingstijden--website {
		--zuidje-website-dagkolom: minmax(108px, 38%);
		--zuidje-website-kolomafstand: 12px;
	}
}