/**
 * ---------------------------------------------------------------
 * Proprietary Software – Bullion Trading Platform
 * ---------------------------------------------------------------
 *
 * Copyright (c) 2026
 * Bogdan Anton Business & Tech Solutions – Switzerland
 * All rights reserved.
 *
 * This software and its source code are the exclusive property of
 * Bogdan Anton Business & Tech Solutions.
 *
 * The software is licensed, not sold.
 *
 * Unauthorized copying, redistribution, modification, reverse
 * engineering, or resale of this software or any of its components
 * is strictly prohibited without written permission from the
 * copyright holder.
 *
 * This installation is licensed exclusively for the
 * Joan's Collection platform.
 *
 * For licensing inquiries:
 * contact@bogdananton.ch
 * https://bogdananton.ch
 *
 * License terms available in:
 * /LICENSE.txt
 * ---------------------------------------------------------------
 */

#successModal.show {
    opacity: 1;
    pointer-events: auto;
}

.checkmark {
    width: 100%;
    height: 100%;
    stroke-width: 3;
    stroke: #22c55e;
    stroke-miterlimit: 10;
    fill: none;
    animation: scale-in 0.3s ease-out forwards;
}

@keyframes scale-in {
    0% { transform: scale(0); opacity: 0; }
    80% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); }
}

.checkmark-circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: circle 0.6s ease-in-out forwards;
}

@keyframes circle {
    0% { stroke-dashoffset: 166; }
    100% { stroke-dashoffset: 0; }
}

.checkmark-check {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: check 0.3s ease-out 0.6s forwards;
}

@keyframes check {
    0% { stroke-dashoffset: 48; }
    100% { stroke-dashoffset: 0; }
}

/* ERROR MODAL ANIMATION */
.error-x {
    width: 100%;
    height: 100%;
    stroke-width: 4;
    stroke: #ef4444;
    fill: none;
    animation: scale-error 0.3s ease-out forwards;
}

@keyframes scale-error {
    0% { transform: scale(0); opacity: 0; }
    80% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); }
}

.error-circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: circleError 0.6s ease-in-out forwards;
}

@keyframes circleError {
    0% { stroke-dashoffset: 166; }
    100% { stroke-dashoffset: 0; }
}

.error-line {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke: #ef4444;
    animation: lineError 0.3s ease-out 0.5s forwards;
}

@keyframes lineError {
    0% { stroke-dashoffset: 48; }
    100% { stroke-dashoffset: 0; }
}

#errorModal.show {
    opacity: 1 !important;
    pointer-events: auto !important;
}