/* tamayuzCore - Simplified Course Settings */

/* Main settings container */
.panel-group#accordion {
    max-width: 900px;
    margin: 0 auto;
}

/* Keep ONLY essential panels visible */
#collapse-course-settings,
#collapse-course-access {
    display: block !important;
}

/* Hide ALL other overwhelming panels */
#collapse-documents,
#collapse-exercises,
#collapse-learning-path,
#collapse-thematic-advance,
#collapse-chat,
#collapse-agenda,
#collapse-portfolio,
#collapse-plugin-settings,
.panel:has(#collapse-documents),
.panel:has(#collapse-exercises),
.panel:has(#collapse-learning-path),
.panel:has(#collapse-thematic-advance),
.panel:has(#collapse-chat),
.panel:has(#collapse-agenda),
.panel:has(#collapse-portfolio),
.panel:has(#collapse-plugin-settings) {
    display: none !important;
}

/* Hide document-related panels */
[id*="heading-documents"],
[href="#collapse-documents"],
[id*="heading-exercise"],
[href="#collapse-exercises"],
[id*="heading-learning"],
[href="#collapse-learning-path"],
[id*="heading-thematic"],
[href="#collapse-thematic-advance"],
[id*="heading-chat"],
[href="#collapse-chat"],
[id*="heading-agenda"],
[href="#collapse-agenda"],
[id*="heading-portfolio"],
[href="#collapse-portfolio"] {
    display: none !important;
}

/* Course Settings Panel - Keep essential fields ONLY */

/* Hide language selector - use platform default */
select[name="course_language"],
label:has(+ select[name="course_language"]),
.form-group:has(select[name="course_language"]),
div:has(> select[name="course_language"]) {
    display: none !important;
}

/* Hide "show course in user language" option */
input[name="show_course_in_user_language"],
.form-group:has(input[name="show_course_in_user_language"]),
div:has(> input[name="show_course_in_user_language"]) {
    display: none !important;
}

/* Hide department name and URL */
input[name="department_name"],
input[name="department_url"],
label:has(+ input[name="department_name"]),
label:has(+ input[name="department_url"]),
.form-group:has(input[name="department_name"]),
.form-group:has(input[name="department_url"]) {
    display: none !important;
}

/* Hide ALL extra fields - tamayuzCore: No overwhelming options */
.extrafield,
.extra_field,
div[id^="extra_"],
input[name^="extra_"],
select[name^="extra_"],
textarea[name^="extra_"] {
    display: none !important;
}

/* Hide video URL field specifically */
input[name="video_url"],
label[for="video_url"],
.form-group:has(input[name="video_url"]) {
    display: none !important;
}

/* Hide stylesheets selection completely */
input[name="course_theme"],
select[name="course_theme"],
#course_theme_id,
.form-group:has(input[name="course_theme"]),
.form-group:has(select[name="course_theme"]),
.form-group:has(#course_theme_id),
div:has(> input[name="course_theme"]),
div:has(> select[name="course_theme"]),
label:contains("Stylesheets"),
label:contains("Theme") {
    display: none !important;
}

/* Hide email picture - keep only main picture */
input[name="email_picture"],
label[for="email_picture"],
.form-group:has(input[name="email_picture"]),
div:has(> input[name="email_picture"]) {
    display: none !important;
}

/* Hide email picture checkbox */
input[name="delete_email_picture"],
label:has(input[name="delete_email_picture"]) {
    display: none !important;
}

/* Style the course picture upload beautifully */
input[name="picture"],
#picture {
    width: 100%;
    padding: 15px;
    border: 2px dashed #e1e8ed;
    border-radius: 8px;
    cursor: pointer;
    background: #f8f9fa;
    transition: all 0.3s ease;
    font-size: 14px;
}

input[name="picture"]:hover,
#picture:hover {
    border-color: #667eea;
    background: #f0f3ff;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}

/* Style picture label */
label[for="picture"] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
}

/* Course Access Panel - Simplify */

/* Hide legal agreement fields */
input[name="activate_legal"],
textarea[name="legal"],
.form-group:has(input[name="activate_legal"]),
.form-group:has(textarea[name="legal"]),
div:has(> input[name="activate_legal"]),
div:has(> textarea[name="legal"]) {
    display: none !important;
}

/* Hide course registration password */
input[name="course_registration_password"],
label:has(+ input[name="course_registration_password"]),
.form-group:has(input[name="course_registration_password"]) {
    display: none !important;
}

/* Hide "Direct link" display */
.form-group:has(a[href*="subscribe_user.php"]) {
    display: none !important;
}

/* Clean panel styling */
.panel {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.panel-heading {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    padding: 15px 20px !important;
}

.panel-heading .panel-title a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}

.panel-heading .panel-title a:hover {
    opacity: 0.9;
}

.panel-body {
    padding: 25px;
    background: #ffffff;
}

/* Form field styling */
.form-control {
    border-radius: 6px;
    border: 1px solid #e1e8ed;
    padding: 10px 15px;
    font-size: 14px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* Labels */
.control-label,
label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
}

/* Radio buttons and checkboxes */
input[type="radio"],
input[type="checkbox"] {
    margin-right: 8px;
    accent-color: #667eea;
}

/* Save button */
button[name="submit_save"],
.btn-success {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

button[name="submit_save"]:hover,
.btn-success:hover {
    opacity: 0.9 !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Select dropdowns */
select.form-control {
    height: 45px;
    padding: 10px 15px;
}

/* Remove unnecessary help text */
.help-block {
    font-size: 12px;
    color: #6c757d;
}

/* Clean up visibility options display */
.form-group:has(input[type="radio"][name="visibility"]) {
    margin-bottom: 15px;
}

.form-group:has(input[type="radio"][name="visibility"]) label {
    display: block;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #f8f9fa;
    border-radius: 6px;
    transition: background 0.3s ease;
}

.form-group:has(input[type="radio"][name="visibility"]) label:hover {
    background: #f0f3ff;
}

/* Hide watermark section */
.form-group:has(input[name="watermark_file"]),
div:has(> input[name="watermark_file"]),
.form-group:has([href*="delete_watermark"]) {
    display: none !important;
}

/* Hide disk quota */
input[name="disk_quota"],
.form-group:has(input[name="disk_quota"]) {
    display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .panel-group#accordion {
        max-width: 100%;
        padding: 0 15px;
    }
    
    .panel-body {
        padding: 20px 15px;
    }
}

/* Course code field - editable */
input[name="course_code"],
#course_code {
    width: 100%;
    max-width: 400px;
    padding: 12px 15px;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    transition: border-color 0.3s ease;
}

input[name="course_code"]:focus,
#course_code:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

label[for="course_code"] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
}

.form-group:has(input[name="course_code"]) {
    display: block !important;
}

/* Clean success/error messages */
.alert {
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.alert-success {
    background: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-danger {
    background: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

/* Hide advanced/unnecessary fields in panels that we keep */
#collapse-course-settings .help-block,
#collapse-course-access .help-block {
    font-size: 11px;
    color: #999;
    margin-top: 5px;
}

/* Simplify category selection */
select[name="category_code"] {
    width: 100% !important;
    max-width: 400px;
}

/* Image preview styling */
.course-picture-preview img,
img[src*="course-pic"],
img[src*="course-email-pic"] {
    max-width: 200px;
    border-radius: 8px;
    margin: 10px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid #e1e8ed;
}

/* Delete picture checkbox */
input[name="delete_picture"] {
    width: auto !important;
    margin-left: 10px;
}

/* File selector button styling */
.picture-form::file-selector-button,
input[type="file"]::file-selector-button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.picture-form::file-selector-button:hover,
input[type="file"]::file-selector-button:hover {
    opacity: 0.9;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Clean form layout */
.form-group {
    margin-bottom: 20px;
}

.row {
    margin-bottom: 15px;
}

/* Header styling */
h3, h4 {
    color: #495057;
    font-weight: 600;
    margin-bottom: 20px;
}