/* HCP honesty popup */
:root {
    --honesty-arrow-size: 46px;
}

/*
  Bootstrap adds a "static backdrop" feedback animation when a modal uses
  `backdrop: 'static'` and the user clicks the backdrop. This gate should not
  visually react to backdrop clicks.
*/
.honesty-popup .modal.modal-static .modal-dialog {
    transform: none !important;
    transition: none !important;
}

html.honesty-popup-pending {
    background-color: var(--bs-secondary-bg, #1C4C36);
}

html.honesty-popup-pending body {
    visibility: hidden;
    background-color: transparent;
}

html.honesty-popup-pending body .honesty-popup {
    visibility: visible;
}

.honesty-popup .modal-content {
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

.honesty-popup__text p {
    margin: 0;
}

@media (min-width: 992px) {
    /*
      Equal-height buttons without fixed heights:
      - Place all 3 buttons in the same grid row (row 1)
      - Place all 3 descriptions in grid row 2
      This way button heights equalize to the tallest button.
    */
    .honesty-popup__choices {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 1.5rem;
        row-gap: 1.5rem;
        margin-left: 0;
        margin-right: 0;
    }

    .honesty-popup__choice-col {
        display: contents;
    }

    .honesty-popup__choice-col:nth-child(1) .honesty-popup__choice { grid-column: 1; grid-row: 1; }
    .honesty-popup__choice-col:nth-child(2) .honesty-popup__choice { grid-column: 2; grid-row: 1; }
    .honesty-popup__choice-col:nth-child(3) .honesty-popup__choice { grid-column: 3; grid-row: 1; }

    .honesty-popup__choice-col:nth-child(1) .honesty-popup__choice-desc { grid-column: 1; grid-row: 2; }
    .honesty-popup__choice-col:nth-child(2) .honesty-popup__choice-desc { grid-column: 2; grid-row: 2; }
    .honesty-popup__choice-col:nth-child(3) .honesty-popup__choice-desc { grid-column: 3; grid-row: 2; }

    .honesty-popup__choice {
        height: 100%;
    }

    .honesty-popup__choice-desc {
        margin-top: 0 !important;
    }
}

.honesty-popup__choice {
    min-height: 76px;
    text-align: left;
    align-items: center;
}

.honesty-popup__choice:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.honesty-popup__confirm {
    max-width: 55rem;
}

.honesty-popup__confirm-panel .btn {
    padding-left:6rem;
    padding-right:6rem;
}

.honesty-popup a[aria-disabled="true"] {
    pointer-events: none;
    opacity: 0.6;
}

.honesty-popup__confirm-overlay {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: 2;
}

.honesty-popup__confirm-scrim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.46);
}

.honesty-popup__confirm-panel {
    position: relative;
    font-size: 1.75rem;
}

/* Arrow variant used on honesty popup buttons */
.honesty-popup .btn-arrow-secondary {
    background-color: #ffffff;
    color: var(--bs-secondary-color, #1C4C36);
}

.honesty-popup .modal-content .btn {
    border-radius: 1.25rem;
}

.honesty-popup .modal-content .btn-arrow {
    width: var(--honesty-arrow-size, 46px);
    height: var(--honesty-arrow-size, 46px);
    min-width: var(--honesty-arrow-size, 46px);
    min-height: var(--honesty-arrow-size, 46px);
    flex: 0 0 var(--honesty-arrow-size, 46px);
}

.honesty-popup .modal-content .btn-arrow::before {
    width: calc(var(--honesty-arrow-size, 46px) / 2);
    height: calc(var(--honesty-arrow-size, 46px) / 2);
}