/* doc-project | public/assets/css/cart-payment-choice.css | dialogue tactile avec état et message du seuil CB */

.cart-payment-choice-dialog {
    width: min(620px, calc(100vw - 24px));
    max-width: 620px;
    padding: 0;
    border: 0;
    border-radius: 24px;
    box-shadow: 0 24px 80px rgba(44, 28, 48, .3);
}

.cart-payment-choice-dialog::backdrop {
    background: rgba(37, 25, 40, .66);
    backdrop-filter: blur(3px);
}

.cart-payment-choice-shell {
    display: grid;
    gap: 20px;
    padding: 28px;
    background: #fff;
}

.cart-payment-choice-shell header h2,
.cart-payment-choice-shell header p {
    margin-bottom: 0;
}

.cart-payment-choice-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 18px;
    border-radius: 16px;
    background: #f5eff9;
}

.cart-payment-choice-total strong {
    color: var(--lavender-dark);
    font-size: 1.35rem;
}

.cart-payment-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cart-payment-choice-card {
    display: grid;
    align-content: center;
    gap: 9px;
    min-height: 156px;
    padding: 22px 18px;
    border: 2px solid #d7c7e4;
    border-radius: 19px;
    background: linear-gradient(145deg, #f5eeff, #fff8e9);
    color: #3f2857;
    cursor: pointer;
    font: inherit;
    text-align: center;
}

.cart-payment-choice-card strong {
    font-size: 1.55rem;
}

.cart-payment-choice-card span {
    color: #685d70;
    font-weight: 750;
}

.cart-payment-choice-card:hover,
.cart-payment-choice-card:focus-visible {
    border-color: #7450a5;
    outline: 4px solid rgba(116, 80, 165, .18);
    outline-offset: 2px;
}

.cart-payment-choice-card:disabled {
    border-color: #ddd6e1;
    background: #f2eff3;
    color: #7d7482;
    cursor: not-allowed;
    opacity: .72;
}

.cart-payment-choice-card:disabled:hover {
    border-color: #ddd6e1;
    outline: 0;
}

.cart-payment-minimum-message {
    margin: -6px 0 0;
    padding: 12px 14px;
    border: 1px solid #e0c48a;
    border-radius: 13px;
    background: #fff8e9;
    color: #6b4b12;
    font-weight: 750;
    line-height: 1.4;
}

.cart-payment-minimum-message[hidden] {
    display: none;
}

.cart-payment-choice-shell footer {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 560px) {
    .cart-payment-choice-dialog {
        width: calc(100vw - 12px);
        max-width: calc(100vw - 12px);
    }

    .cart-payment-choice-shell {
        padding: 22px 18px max(22px, env(safe-area-inset-bottom));
    }

    .cart-payment-choice-grid {
        grid-template-columns: 1fr;
    }

    .cart-payment-choice-card {
        min-height: 118px;
    }

    .cart-payment-choice-shell footer,
    .cart-payment-choice-shell footer .button {
        width: 100%;
    }
}