/* SweetAlert-стил готови модали (AlertModal.js) — заглавие/подзаглавие вече
   са в стандартния modal header (ModalHeaderModel), тук е само тялото:
   икона + текст + OK бутон, центрирани (виж AlertBodyModel.js за DOM схемата). */

.cAlert-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
}

/* Бутонът е центриран, НЕ едно-до-край (без w-100) — фиксирана разумна
   минимална ширина вместо да опъва цялото тяло (потребителски feedback
   2026-09-02: "стои удължен изцяло, искам да се позиционира в средата"). */
.cAlert-action {
    min-width: 9rem;
    margin-top: 0.5rem;
}

.cAlert-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 2px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
    /* Лека непрекъсната пулсация, докато alert-ът стои отворен (потребителски
       feedback 2026-09-02) — отделна от 'scene' entrance анимацията на самия
       диалог (виж AlertModal.js), затова е тук, не в animation/ регистъра. */
    animation: cAlert-icon-pulse 2.2s ease-in-out infinite;
}

@keyframes cAlert-icon-pulse {
    0%, 100% { transform: scale(1);    opacity: 1;    }
    50%      { transform: scale(1.08); opacity: 0.75; }
}

.cAlert-icon--success  { color: var(--bs-success); }
.cAlert-icon--error    { color: var(--bs-danger); }
.cAlert-icon--warning  { color: var(--bs-warning); }
.cAlert-icon--info     { color: var(--bs-info); }
.cAlert-icon--question { color: var(--bs-secondary); }

.cAlert-text {
    color: var(--bs-secondary-color);
    margin: 0;
}