/* Custom styles for Aexo Marketing Hub */

/* Submenu styling */
.sidebar .nav-link[data-bs-toggle="collapse"] {
    cursor: pointer;
}

.sidebar .nav-link[data-bs-toggle="collapse"] .bi-chevron-down {
    transition: transform 0.3s ease;
}

.sidebar .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
}

.sidebar .collapse .nav-link {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
}

.sidebar .collapse .nav-link.active {
    background-color: rgba(209, 57, 100, 0.1);
    color: var(--secondary-color);
    font-weight: bold;
}

.sidebar .collapse .nav-link:hover {
    background-color: rgba(209, 57, 100, 0.05);
}

/* Email preview */
.email-preview img {
    max-width: 100%;
    height: auto;
}

/* Campaign stats */
.campaign-stats .progress {
    height: 8px;
}

/* Contact list checkboxes */
.contact-checkbox:checked + .form-check-label {
    color: var(--secondary-color);
    font-weight: 500;
}

/* Fix for CKEditor height */
.ck-editor__editable_inline {
    min-height: 400px;
    max-height: 600px;
}

/* Style the CKEditor container */
.ck.ck-editor {
    width: 100%;
}

/* Style CKEditor toolbar */
.ck.ck-toolbar {
    border-color: #ced4da !important;
    background: #f8f9fa !important;
}

/* Style the CKEditor content area */
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: #ced4da !important;
}

.ck.ck-editor__main>.ck-editor__editable.ck-focused {
    border-color: var(--secondary-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(209, 57, 100, 0.25) !important;
}

/* Make editor content area responsive */
@media (max-width: 768px) {
    .ck-editor__editable_inline {
        min-height: 300px;
    }
}