/* 
    Styles defined here are intended to modify HTML stored in the section's policy content. CSS that modifies
    the application itself should not be defined in this file.
*/

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=chat,question_exchange");

/* ck-editor content overrides */
.ck-content {
    counter-reset: note-counter;
    font-size: unset;
    word-break: unset;
}

.policy-content .table > :not(caption) > * > * {
    border-bottom-width: 0;
}

/* image handling */
img {
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

/* checkbox inputs for policy view */
.policy-content input[type="checkbox"] {
    pointer-events: none;
}

/* legacy tracked changes styles */

del {
    background: var(--ck-color-suggestion-marker-deletion-background);
    border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
    border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
    text-decoration: line-through;
    text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
    text-decoration-thickness: 3px;
}

    del.ice-cts-2 {
        background: hsla(183, 100%, 65%, .35);
        border-color: hsla(183, 100%, 40%, .35);
        text-decoration-color: hsla(183, 100%, 20%, .5);
    }

ins {
    background: var(--ck-color-suggestion-marker-insertion-background);
    border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
    border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
    text-decoration: unset;
}

    ins.ice-cts-2 {
        background: hsla(183, 100%, 65%, .35);
        border-color: hsla(183, 100%, 40%, .35);
        text-decoration-color: hsla(183, 100%, 20%, .5);
    }

/* end legacy tracked changes styles */

/* popup widget styles */

.popupComment, .popupLink, .popupQuestion {
    cursor: pointer;
    text-decoration: none;
}

    .popupComment:hover, popupLink:hover, popupQuestion:hover {
        color: unset;
    }

    .popupComment object, .popupLink object, .popupQuestion object {
        display: none;
    }

.popupComment::after, .popupQuestion::after {
    color: darkblue;
    content: "chat";
    direction: ltr;
    display: inline-block;
    font-family: "Material Symbols Outlined";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
}

.popupLink {
    counter-increment: note-counter;
}

    .popupLink::after {
        color: darkred;
        content: counter(note-counter);
        font-size: 85%;
        font-weight: bold;
        padding: 0 2px;
        vertical-align: super;
    }

.popupQuestion::after {
    content: "question_exchange";
    padding: 0 2px;
}

/* end popup widget styles*/