/**
 * Page "Paiement réussi" (medvir-paiement)
 */

/* La carte succès porte déjà son propre titre : on masque le titre WP par défaut */
article:has(.medvir-success-page) .entry-header {
    display: none;
}

.medvir-success-page {
    padding: 2.5rem 0 4rem;
}

.medvir-success-wrap {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 1rem;
}

.medvir-success-card {
    background: #fff;
}

.medvir-success-icon {
    width: 84px;
    height: 84px;
}

.medvir-success-checkmark {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.medvir-success-checkmark-circle {
    stroke: #198754;
    stroke-width: 2;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: medvir-success-circle .5s cubic-bezier(.65, 0, .45, 1) forwards;
}

.medvir-success-checkmark-check {
    stroke: #198754;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: medvir-success-check .35s .5s cubic-bezier(.65, 0, .45, 1) forwards;
}

@keyframes medvir-success-circle {
    to { stroke-dashoffset: 0; }
}

@keyframes medvir-success-check {
    to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .medvir-success-checkmark-circle,
    .medvir-success-checkmark-check {
        animation: none;
        stroke-dashoffset: 0;
    }
}

.medvir-success-meta {
    row-gap: 1rem;
}

.medvir-success-items .list-group-item {
    border-color: #f1f1f1;
}

.medvir-success-totals {
    max-width: 320px;
    margin-left: auto;
}

.medvir-success-shipping {
    border: 1px solid #eee;
}

.medvir-success-error-icon {
    font-size: 3rem;
    color: #dc3545;
}

@media (max-width: 575.98px) {
    .medvir-success-totals {
        max-width: none;
        margin-left: 0;
    }
}