/* Custom CSS styles for codingandrobotics.net */

/* Quill editor styles */
.ql-editor {
    min-height: 200px;
}

/* Newsletter content spacing improvements */
.newsletter-content-spacing .ql-editor {
    line-height: 1.8;
    font-size: 16px;
    padding: 20px 5px;
}

.newsletter-content-spacing .ql-editor p {
    margin-bottom: 1.2em;
}

.newsletter-content-spacing .ql-editor h1,
.newsletter-content-spacing .ql-editor h2,
.newsletter-content-spacing .ql-editor h3,
.newsletter-content-spacing .ql-editor h4 {
    margin-top: 1.5em;
    margin-bottom: 0.8em;
}

.newsletter-content-spacing .ql-editor ul,
.newsletter-content-spacing .ql-editor ol {
    padding-left: 1.5em;
    margin-bottom: 1.2em;
}

.newsletter-content-spacing .ql-editor li {
    margin-bottom: 0.5em;
}

.newsletter-content-spacing .ql-editor img {
    margin: 1.5em 0;
}

/* Additional responsive tweaks */
@media (max-width: 640px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Custom animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

/* Admin panel specific styles */
#newsletter-editor {
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
}

/* Ensure proper quill editor display */
.ql-container.ql-snow {
    border-top: 0 !important;
}

/* Remove Quill's default border in read-only mode */
.quill.ql-bubble {
    border: none !important;
}

/* Prevent image overflow in newsletters */
.newsletter-content img {
    max-width: 100%;
    height: auto;
}