/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for
    OPEN HOURS
    that implement the UU design system specifically for Sitevision

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/********************************

  Style of open hours modules in a cards

********************************/

.card-move-margin .sv-limepark-openhours2-view-week:not(:first-child),
.card-move-margin .sv-limepark-openhours2-view-list:not(:first-child) {
    margin-top: 1.25rem;
}

.card-move-margin .sv-limepark-openhours2-view-today:not(:first-child) {
    margin-top: 1.75rem;
}

.card-move-margin .sv-limepark-openhours2-view-today:last-child {
    margin-top: 1.25rem;
}

.card-body .sv-limepark-openhours2-view-today:last-child,
.card-body .sv-limepark-openhours2-view-week:last-child,
.card-body .sv-limepark-openhours2-view-list:last-child {
    margin-bottom: 0;
}

.card-body .sv-limepark-openhours2-view-today:last-child p.env-alert {
    margin-bottom: 0 !important;
}


/********************************

  Open hours today

********************************/

/* Add clock before open hours today */
.lp-openhours-today::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMS45OSAyQzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Ii8+PHBhdGggZD0iTTEyLjUgN0gxMXY2bDUuMjUgMy4xNS43NS0xLjIzLTQuNS0yLjY3eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    content: " ";
    display: inline-block;
    filter: invert(1);
    height: 1.5rem;
    margin-right: 0.2rem;
    min-width: 1.5rem;
    vertical-align: -0.22rem;
    width: 1.5rem;
}

.lp-openhours-badge--open,
.lp-openhours-badge--closed {
    font-size: 1.3rem !important;
    margin-right: 0.5rem !important;
}

.lp-openhours-badge--open,
.lp-openhours .lp-hours__openhours--open {
    color: var(--color-success) !important;
}

.lp-openhours-badge--closed,
.lp-openhours .lp-hours__openhours--closed {
    color: var(--color-danger) !important;
}

/********************************

  Open hours list

********************************/

/* List */

.lp-openhours-list:last-child {
    margin-bottom: -0.5rem !important;
}

/* List title */

.lp-openhours-list__title {
    font-size: 1.3rem !important;
    margin-bottom: var(--space-small) !important;
}

/* List item */

.lp-openhours-list__item span:first-letter {
    text-transform: capitalize;
}

.lp-openhours-list__item {
    border-bottom: none !important;
    padding: 0 !important;
}

.lp-openhours-list__item span {
    padding: var(--space-small) 0;
}

.card-body .lp-openhours-list__item {
    margin: 0 calc(-1 * var(--space-medium));
}

.card-body .lp-openhours-list__item a {
    padding: 0 var(--space-medium) !important;
}

.card-body .lp-openhours-list__item>span:first-child {
    padding-left: var(--space-medium) !important;
}

.card-body .lp-openhours-list__item>div:last-child {
    padding-right: var(--space-medium) !important;
}

/* List navigation */

.lp-openhours__navigation {
    max-width: 67ch;
    padding-top: 0rem !important;
}

.card-body .lp-openhours__navigation {
    margin-bottom: -0.5rem !important;
    padding-bottom: 0 !important;
}

.lp-openhours__navigation-link {
    background-color: transparent;
    border-radius: var(--border-radius);
    border: 3px solid transparent;
    box-sizing: border-box;
    color: var(--color-text) !important;
    display: inline-block;
    letter-spacing: 0.05em;
    padding: 0.4rem;
    text-align: center;
    text-decoration: none;
}

.lp-openhours__navigation-link:hover {
    background-color: var(--color-button-hover);
    border-color: var(--color-button-hover);
    color: var(--color-white) !important;
    text-decoration: none !important;
}

.lp-openhours__navigation-link--next::before,
.lp-openhours__navigation-link--prev::after {
    background-repeat: no-repeat;
    background-size: 24px;
    content: " ";
    display: inline-block;
    filter: invert(1);
    height: 24px;
    min-width: 24px;
    vertical-align: bottom;
    width: 24px;
}

.lp-openhours__navigation-link:hover::before,
.lp-openhours__navigation-link:hover::after {
    filter: invert(0);
}

/* Note that the next class is used for previous week for some reason in the modules */
.lp-openhours__navigation-link--next {
    margin-left: calc(-3px - 0.4rem);
}

.lp-openhours__navigation-link--next::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGFnZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNS40LDcuNEwxNCw2bC02LDZsNiw2bDEuNC0xLjRMMTAuOCwxMkwxNS40LDcuNHoiLz4NCjwvc3ZnPg0K);
    margin-left: -0.45rem;
    margin-right: 4px;
}

/* Note that the prev class is used for next week for some reason in the modules */
.lp-openhours__navigation-link--prev {
    margin-right: calc(-3px - 0.4rem);
}

.lp-openhours__navigation-link--prev::after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGFnZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMCw2TDguNiw3LjRsNC42LDQuNmwtNC42LDQuNkwxMCwxOGw2LTZMMTAsNnoiLz4NCjwvc3ZnPg0K);
    margin-left: 4px;
    margin-right: -0.45rem;
}

@media (hover: none) {
    .lp-openhours__navigation-link:hover {
        background-color: transparent;
        border-color: transparent;
        color: var(--color-text) !important;
    }

    .lp-openhours__navigation-link:hover::before,
    .lp-openhours__navigation-link:hover::after {
        filter: invert(1);
    }
}

/* List other */

/* A list with no header should have less margin in a card */
.card-body .lp-openhours-list:first-child li:first-child {
    margin-top: calc(-1 * var(--space-small));
}

@media print {
    .lp-openhours-list__item a::after,
    .lp-openhours__navigation-link::before,
    .lp-openhours__navigation-link::after {
        background-image: none;
        content: " " !important;
    }
}