@use "theme/globals" as *;

:host {

    .addon-mod_quiz-attempts-summary {
        ion-card-header {
            border-bottom: 1px solid var(--stroke);
        }

        .addon-mod_quiz-grade-result {
            margin-top: var(--mdl-spacing-2);

            ion-label {
                @include margin-horizontal(0px, 0px);
            }

            .addon-mod_quiz-grade-overridden-notice {
                margin-top: var(--mdl-spacing-2);
                margin-bottom: 0px;
            }

            .addon-mod_quiz-grade-result-grade {
                display: flex;

                span:first-child {
                    flex-grow: 1;
                }
            }
        }

        .addon-mod_quiz-attempt-title-info {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: center;
            min-height: 60px;
            padding-top: var(--mdl-spacing-2);
            padding-bottom: var(--mdl-spacing-2);
            @include margin-horizontal(var(--mdl-spacing-2), null);

            font: var(--mdl-typography-body-font-md);

            p {
                margin: 0px;
                margin-top: var(--mdl-spacing-2);
            }
        }

        ion-accordion-group {
            .accordion-expanded	.addon-mod_quiz-attempt-title-info,
            .accordion-expanding .addon-mod_quiz-attempt-title-info {
                visibility: hidden;
            }

            h3 {
                font: var(--mdl-typography-subtitle-font-md);
            }

            hr {
                background-color: var(--stroke);
                height: 1px;
                margin: 0px var(-mdl-spacing-4);
            }

            ion-accordion:nth-child(odd) {
                --ion-item-background: var(--core-table-odd-cell-background);
            }

            ion-accordion:nth-child(even) {
                --ion-item-background: var(--core-table-even-cell-background);
            }
        }
    }

}
