Varen
:host {
--enviso-primary-color: #000;
--enviso-secondary-color: #000;
--enviso-tertiary-color: #000;
font-family: 'Inter', sans-serif;
}
.enviso-offer-detail .enviso-offer-name,
.enviso-ticket-widget-offers-header{
font-family: 'Arvo', sans-serif;
color: #20829F;
}
.enviso-filter-name{
font-weight: bold;
}
.enviso-filter-bar{
gap: 10px;
}
.enviso-filter-button{
width: 12.5em;
}
.mobile-filter-close-button{
right: 1.66em;
}
/* blokken opmaak */
.enviso-offers{
grid-gap: 55px 20px;
}
.enviso-offer-card{
border-radius: 10px;
overflow: hidden;
}
.enviso-offer-card div{
order: 2;
}
.enviso-offer-card div.enviso-offer-info{
order: 1;
background: var( --blockcolor, #8AB460 );
display: flex;
align-items: center;
}
.enviso-offer-card .enviso-offer-details{
display: none;
}
:host(enviso-offer-card:nth-of-type(odd)){
--blockcolor: #20829F;
}
.enviso-offer-card summary > span,
.enviso-offer-card header > span{
color: #FFFFFF;
}
.enviso-offer-card .enviso-offer-actions{
order: 3;
gap: 10px;
border-top: 3px solid #FFFFFF;
}
nav.enviso-offer-actions > enviso-button + enviso-button{
border: none !important;
}
.enviso-dialog-backdrop{
background: #00000099;
}
.enviso-dialog-box{
border-radius: 15px;
max-width: 800px;
}
.enviso-dialog-picture{
height: 22em;
}
.enviso-offer-detail-wrapper .enviso-offer-meta,
.enviso-offer-detail-wrapper .enviso-offer-tags{
display: none;
}
.enviso-filter-icon,
.enviso-btn.icon-left.icon-only{
color: var(--iconColor, #20829F );
}
.enviso-dialog-top-navigation{
--iconColor: #FFFFFF;
}
.enviso-btn{
border-radius: 25px;
background: var(--buttonColor);
}
nav.enviso-offer-actions > enviso-button{
background: #8AB460;
color: #FFFFFF;
width: calc(100% - 2px);
height: calc(100% - 2px);
margin: 1px;
border-radius: 25px;
padding: 0.5em 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1;
}
:host(enviso-button[primary]){
background: #8AB460;
border-radius: 25px;
}
:host{
box-shadow: none;
}
enviso-button:has(.primary),
.enviso-btn.primary {
background: #8AB460;
border-radius: 25px;
}
.enviso-filter-content{
z-index: 6;
}
.enviso-dates .enviso-day{
border: 4px solid #FFFFFF;
background: #F1EDE9;
}
.enviso-day{
width: 50px;
height: 50px;
border-radius: 0.75rem;
}
.enviso-dates .enviso-day.enviso-selected{}
.enviso-dates .enviso-day.enviso-disabled{
color: #909090;
background: #ccc;
}
.enviso-dates .enviso-day.enviso-today{
color: #20829F;
font-weight: bold;
}
.enviso-dates .enviso-day.enviso-selected,
.enviso-dates .enviso-day.enviso-in-range{
border: 4px solid #FFFFFF;
background: #C8B9AA;
}
#enviso-filter-date-clear{
border: none;
--buttonColor: #F1EDE9;
}
.enviso-steps-header-wrapper,
.enviso-steps-header-progress{
max-width: 100%;
}
enviso-ticket-item{
grid-column: 1 / 3;
background: #F1EDE9;
border-left-color: #20829F;
max-width: 800px;
}
@media (min-width: 700px ) {
enviso-ticket-item{
margin-left: 50px;
}
}
.enviso-timeslots-container{
grid-template-columns: 1fr;
}
.enviso-timeslot-button{
height: 80px;
font-size: 18px;
background: #F1EDE9;
}
:host([selected]) .enviso-timeslot-button::after{
opacity: 0;
}
.enviso-basket-item-entry{
border-left-color: #20829F;
}
