.days_wrappers{ 
  display: flex;
  flex-direction: column;
  gap: var(--days_gap);
}

.mod-open-hours{
display:flex;
flex-direction:column;
gap: 5px;
}


.day_wrapper{
display: flex;
flex-direction: row;

}

.day_name{
    display: flex;
    order: var(--day_order);
    flex-grow: 1;
    width: var(--day_width);
    
}

.day_date{
    display: flex;
    order: var(--date_order);
    flex-grow: 1;
    width: var(--date_width);
    
}

.day_hours{
  display: flex;
  flex-direction: var(--hours_direction);
  order: var(--time_order);
  width: var(--time_width);
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 10px;
    
}

.highlight_day {
    color: var(--highlight_color_oh);
}

.open_hour_tag{
    padding: 4px 8px;
    text-align: center;
    border-radius: 5px;
    display: inline-flex;
    order: var(--tag_position);
    width: fit-content;
}

.open_hour_tag.shop_open{
    background-color: var(--highlight_bgcolor_open);
    color: var(--highlight_color_open);

}

.open_hour_tag.shop_closed{
    background-color: var(--highlight_bgcolor_closed);
    color: var(--highlight_color_closed);
   } 

   .open_hour_tag.absolute_positioned{
    position: absolute;
    width: max-content;
    z-index: 1;
   }