@charset "utf-8";

/**
 * @project ZZAN NeonLime Board Skin - Delete Form Style
 * @author ZZAN Studio
 * @copyright (c) ZZAN Studio. All rights reserved.
 */

/* 1. Delete Form (Document/Comment Delete Confirmation) */
.dynamic-form { text-align: center; padding: 30px; border-radius: 16px; margin: 10px 0; border: 1px solid var(--zzan-border); background: var(--zzan-bg); box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.dynamic-form .delete-msg .icon { font-size: 40px; margin-bottom: 10px; }
.dynamic-form .delete-msg .title { font-size: 16px; font-weight: 800; color: var(--zzan-text); margin-bottom: 5px; }
.dynamic-form .delete-msg .desc { font-size: 13px; color: var(--zzan-gray-text); margin-bottom: 20px; }
.dynamic-form .editor-footer { display: flex !important; justify-content: center !important; gap: 10px !important; background: transparent !important; border: none !important; padding: 0 !important; margin-top: 15px !important; }
.dynamic-form .btn-zzan-cancel, .dynamic-form .btn-zzan-primary { padding: 10px 30px !important; border-radius: 30px !important; margin: 0 !important; }

/* 2. Document/Comment Delete Styling */
.delete-confirm-pkg { 
    max-width: 500px; margin: 60px auto; padding: 40px; 
    background: var(--zzan-bg); border: 1px solid var(--zzan-border); border-radius: 24px; 
    box-shadow: 0 20px 50px rgba(0,0,0,0.1); text-align: center; 
}
.delete-confirm-pkg .icon-wrap { width: 64px; height: 64px; background: rgba(255, 75, 75, 0.1); color: #ff4b4b; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.delete-confirm-pkg .icon-wrap svg { width: 32px; height: 32px; }
.delete-confirm-pkg h2 { font-size: 24px; font-weight: 900; margin-bottom: 10px; color: var(--zzan-text); }
.delete-confirm-pkg .main-text { font-size: 16px; font-weight: 700; color: var(--zzan-text); margin-bottom: 8px; }
.delete-confirm-pkg .sub-text { font-size: 14px; color: var(--zzan-gray-text); margin-bottom: 30px; }

.delete-footer { display: flex; gap: 10px; }
.delete-footer button, .delete-footer a { flex: 1; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50px; font-weight: 800; font-size: 15px; border: none; cursor: pointer; text-decoration: none; transition: 0.2s; }
.delete-footer .btn-zzan-primary { background: #ff4b4b; color: #fff; }
.delete-footer .btn-zzan-primary:hover { background: #e03a3a; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 75, 75, 0.3); }
.delete-footer .btn-zzan-cancel { background: var(--zzan-menu-hover-bg); color: var(--zzan-gray-text); }
.delete-footer .btn-zzan-cancel:hover { background: var(--zzan-border); color: var(--zzan-text); }

/* 3. Mobile Overrides */
@media screen and (max-width: 768px) {
    .dynamic-form-wrap .editor-footer,
    .delete-confirm-pkg .editor-footer { flex-direction: column-reverse !important; gap: 10px !important; display: flex !important; }
    .dynamic-form-wrap .btns { display: flex !important; flex-direction: column-reverse !important; width: 100%; gap: 10px; }
    .dynamic-form-wrap .btn-zzan-cancel, 
    .dynamic-form-wrap .btn-zzan-primary,
    .delete-confirm-pkg .btn-zzan-cancel,
    .delete-confirm-pkg .btn-zzan-primary { width: 100% !important; margin: 0 !important; box-sizing: border-box; display: block !important; padding: 12px !important; font-size: 14px !important; }

    .delete-confirm-pkg .btn-zzan-primary { background: #ff4b4b !important; border: none !important; color: #fff !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .delete-confirm-pkg .btn-zzan-primary:hover, .delete-confirm-pkg .btn-zzan-primary:active { background: #e03a3a !important; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 75, 75, 0.3); }
    .delete-confirm-pkg .btn-zzan-cancel { background: #f4f4f4 !important; border: none !important; transition: all 0.2s; }
    .delete-confirm-pkg .btn-zzan-cancel:hover { background: #eee !important; }
}