/*
 * Dialog de confirmare, folosit atât pe site cât şi în admin (public/js/confirm.js).
 * A fost mutat din admin.css, care nu e încărcat pe paginile publice.
 */
.acx-overlay {
    position: fixed; inset: 0; z-index: var(--z-modal, 400);
    background: rgba(0, 0, 0, 0.5);
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
    opacity: 0; pointer-events: none;
    transition: opacity var(--duration-normal, 200ms) var(--ease, ease);
}
.acx-overlay.open { opacity: 1; pointer-events: auto; }

.acx-card {
    background: var(--white, #fff);
    border-radius: var(--radius-xl, 16px);
    box-shadow: var(--shadow-xl, 0 16px 32px rgba(0,0,0,.2));
    width: 100%; max-width: 440px;
    padding: 28px;
    font-family: var(--font-family, 'Outfit', sans-serif);
    transform: translateY(12px) scale(.98);
    transition: transform var(--duration-normal, 200ms) var(--ease, ease);
}
.acx-overlay.open .acx-card { transform: translateY(0) scale(1); }

.acx-icon {
    width: 48px; height: 48px; border-radius: var(--radius-full, 9999px);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 16px; font-size: 24px;
}
.acx-icon.danger  { background: #fee2e2; color: #991b1b; }
.acx-icon.warning { background: #fef3c7; color: #92400e; }
.acx-icon.info    { background: #dbeafe; color: #1e40af; }

.acx-title {
    margin: 0 0 8px; font-size: var(--fs-xl, 22px); font-weight: 700;
    color: var(--text-primary, #222); line-height: 1.3;
}
.acx-text {
    margin: 0 0 24px; font-size: var(--fs-sm, 14px); line-height: 1.6;
    color: var(--text-secondary, #717171); white-space: pre-line;
}
.acx-actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }

.acx-btn {
    padding: 11px 20px; border: none; border-radius: var(--radius-md, 8px);
    font-family: inherit; font-size: var(--fs-sm, 14px); font-weight: 600;
    cursor: pointer; transition: filter var(--duration-fast, 150ms) ease;
}
.acx-btn:hover { filter: brightness(.94); }
.acx-btn:focus-visible { outline: 2px solid var(--brand, #FF385C); outline-offset: 2px; }
.acx-btn.cancel  { background: var(--gray-bg, #f7f7f7); color: var(--text-primary, #222); }
.acx-btn.danger  { background: #dc2626; color: #fff; }
.acx-btn.warning { background: #d97706; color: #fff; }
.acx-btn.info    { background: var(--brand, #FF385C); color: #fff; }

@media (max-width: 480px) {
    .acx-card { padding: 22px; }
    .acx-actions { flex-direction: column-reverse; }
    .acx-btn { width: 100%; }
}