.post-modal-button {
    background-color: #0073aa;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.post-modal-button:hover {
    background-color: #005177;
}

#post-submission-modal {
    background-color: #fff;
    padding: 20px;
}

.ui-dialog {
    z-index: 100001 !important;
}

.ui-widget-overlay {
    z-index: 100000 !important;
}

#frontend-post-form .form-group {
    margin-bottom: 15px;
}

#frontend-post-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#frontend-post-form input[type="text"],
#frontend-post-form select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#submit-post {
    background-color: #0073aa;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}

#submit-post:hover {
    background-color: #005177;
}

.success-message {
    color: #46b450;
    font-weight: bold;
    margin-top: 10px;
}

.error-message {
    color: #dc3232;
    font-weight: bold;
    margin-top: 10px;
}

/* Fix for TinyMCE in modal */
#post-submission-modal .wp-editor-wrap {
    width: 100%;
}

#post-submission-modal .mce-container {
    z-index: 100050 !important;
}

#post-submission-modal .mce-panel {
    z-index: 100051 !important;
}

#post-submission-modal .mce-menu {
    z-index: 100052 !important;
}

/* Make sure the media upload popup works in dialog */
.media-modal {
    z-index: 100060 !important;
}

.media-modal-backdrop {
    z-index: 100059 !important;
}