/* =========================================================
   Cource Form Builder - Front End Styles
   ========================================================= */

/* Application Form Styles */
.cfb-application-form {
    margin-top: 30px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.cfb-application-form h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

.cfb-application-form p {
    margin-bottom: 15px;
}

.cfb-application-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
}

.cfb-application-form input,
.cfb-application-form textarea {
    width: 100%;
    max-width: 400px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.cfb-application-form button {
    margin-top: 10px;
}

.cfb-application-form textarea {
    resize: vertical;
}

/* Success/Error Messages */
.cfb-success {
    background: #d4edda;
    color: #155724;
    padding: 15px;
    margin: 20px 0;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
}

.cfb-error {
    background: #f8d7da;
    color: #721c24;
    padding: 15px;
    margin: 20px 0;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
}

/* Inactive/Closed Messages */
.cfb-inactive-message,
.cfb-full-message,
.cfb-date-passed-message {
    background: #e9ecef;
    color: #495057;
    padding: 15px;
    margin: 20px 0;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    font-style: italic;
}

/* =========================================================
   Divi Layout Customization for Intro Course CPT
   ========================================================= */
   
   /* Add space above content (below menu) */
body.single-intro_course #main-content {
    padding-top: 80px !important;
}

/* Hide post meta wrapper completely (title, date, etc.) */
body.single-intro_course .et_post_meta_wrapper {
    display: none !important;
}

/* Center and limit the entry-content width */
body.single-intro_course .entry-content {
    max-width: 800px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

/* Remove sidebar */
body.single-intro_course #sidebar {
    display: none !important;
}

/* Adjust left-area to full width when sidebar is gone */
body.single-intro_course #left-area {
    width: 100% !important;
    float: none !important;
}

/* Center the main content area */
body.single-intro_course #main-content .container {
    width: 100% !important;
    padding: 0 !important;
}