:host {
--enviso-primary-color: var(--pak-dark-green);
--enviso-secondary-color: rgba(218, 0, 163, 0.9);
--enviso-tertiary-color: var(--pak-red);
font-family: Inter, system-ui, sans-serif;
}
enviso-button[icon-name="info-squared"][icon-only] {
display: none;
}
.enviso-ticket-widget-offer-name {
justify-content: center;
text-align: center;
text-transform: uppercase;
font-variant-numeric: lining-nums;
}
.enviso-title {
font-family: "rollerscript";
font-weight: 700;
line-height: 1;
letter-spacing: -0em;
text-wrap: pretty;
font-size: var(--at-heading--m);
}
.enviso-name {
font-family: "Sun";
font-weight: 800;
line-height: 1;
letter-spacing: -0.02em;
text-wrap: pretty;
font-size: var(--at-heading--s);
}
.enviso-price-full {
font-family: "Sun";
font-weight: 400;
line-height: 1;
letter-spacing: -0.02em;
text-wrap: pretty;
font-size: var(--at-heading--s);
}
.enviso-ticket-widget-offer-name {
font-family: "Sun";
font-weight: 900;
line-height: 1;
letter-spacing: -0.02em;
text-wrap: pretty;
font-size: var(--at-heading--xl);;
}
.enviso-description{
font-family: "sun";
font-weight: 200;
text-wrap: pretty;
font-size: var(--at-heading--s);
font-style: normal;
}
.enviso-info {
align-self: center;
}
/* Dit is de stijling voor de kalender-blok */
.enviso-calendar-container{
background-color: rgba(255, 255, 255, 0.5)
}
.enviso-day.enviso-disabled {
background-color: rgba(255, 255, 255, 0.2);
}
.enviso-calendars-header {
margin-bottom: 0;
}
/* Kalender - non-actieve dagen */
.enviso-day.enviso-disabled {
color: #808080;
}
/* Kalender - selecteerbare dagen */
.enviso-day.enviso-currentmonth[aria-disabled="false"][aria-selected="false"] {
color: #000;
font-weight: 700;
outline: 2px solid #262626;
outline-offset: -1px;
}
/* Kalender - geselecteerde dag */
.enviso-dates .enviso-day.enviso-selected {
background-color: rgba(162, 0, 198, 0.87) !important;
color: #fff;
outline: 2px solid rgba(162, 0, 198, 0.87);
outline-offset: -1px;
}
.enviso-original-price-per-day {
font-size: 1.2rem;
color: #878787;
}
.enviso-price-per-day {
font-size: 1.2rem;
color: #878787;
}
/* Timeslot info */
.enviso-timeslot-info {
font-size: 1.3rem;
font-weight: 700;
}
.enviso-amount-of-tickets {
font-weight: 400;
}
.enviso-timeslot-original-price {
color: #878787;
font-weight: 400;
}
/* Timeslot info - Progress bar */
.enviso-timeslot-progress progress::-webkit-progress-value {
background-color: rgba(162, 0, 198, 0.87) !important;
}
.enviso-timeslot-progress progress::-moz-progress-bar {
background-color: rgba(162, 0, 198, 0.87) !important;
}
.enviso-timeslot-progress progress::-ms-fill {
background-color: rgba(162, 0, 198, 0.87) !important;
}
.enviso-timeslot-progress progress {
background-color: transparent; /* Firefox track-fallback */
}
.enviso-timeslot-progress progress::-webkit-progress-bar {
background-color: rgba(0,0,0,0.1);
}
