@charset "utf-8";
/* CSS Document */

/* ----------------------------- */
/* Base Styles for Custom Modals */
/* ----------------------------- */

/* Modal animations */
.custom-slide-down .modal-dialog{ transform:translateY(-100%); transition: transform 0.4s ease-out; }
.custom-slide-down.show .modal-dialog{ transform:translateY(0); }
.custom-slide-up .modal-dialog{ transform:translateY(100%); transition: transform 0.4s ease-out; }
.custom-slide-up.show .modal-dialog{ transform:translateY(0); }
.custom-zoom .modal-dialog{ transform:scale(0); transition: transform 0.3s ease-in-out; }
.custom-zoom.show .modal-dialog{ transform:scale(1); }

/* Force modal-dialog above everything */
.modal-dialog { z-index: 999999 !important; position: relative !important; }
.modal-backdrop { z-index: 999997 !important; }
.modal { z-index: 999998 !important; }

/* Editor modal styles */
.custom-modal-editor-overlay-container { position: relative; }
.custom-modal-editor-overlay { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); z-index: 998; }
.custom-modal-editor-preview { display: none; position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 999; border:1px solid #ccc; background:#fff; padding:15px; max-width:400px; max-height:70vh; overflow:hidden; flex-direction:column; }
.custom-modal-editor-preview.open { display:flex; }
.custom-modal-editor-preview .modal-dialog { max-height:100%; }
.custom-modal-editor-preview .modal-content { display:flex; flex-direction:column; height:100%; }
.custom-modal-editor-preview .modal-body { overflow-y:auto; flex:1 1 auto; }
.custom-modal-editor-preview .modal-header { border-bottom:1px solid #ddd; flex-shrink:0; }
.custom-modal-editor-preview .editor-close-button { background:none; border:none; font-size:1.2em; cursor:pointer; }
.editor-preview-snippet { font-size: 0.85em; color: #555; margin-left: 5px; }