/**
 * Full-width styles for profile and group pages
 * Makes content use full width of col-10 area (right side)
 */

/* Remove padding from col-10 to maximize space */
.col.col-10 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Ensure col-10 uses full available width */
.col.col-10 {
    flex: 0 0 calc(83.333333% - (var(--gap) * 2/12)) !important;
    max-width: calc(83.333333% - (var(--gap) * 2/12)) !important;
}

/* Remove gap from rows inside col-10 */
.col.col-10 .row {
    gap: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove padding from scroll-area */
.col.col-10 .scroll-area {
    padding: 0 !important;
}

/* Full-width content area within col-10 */
.col.col-10 .full-width-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px;
    margin: 0;
    box-sizing: border-box;
}

/* All content within col-10 should use full width */
.col.col-10 .group-discography,
.col.col-10 .group-music,
.col.col-10 .profile-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px;
    box-sizing: border-box;
}

/* Remove side margins and padding for full-width */
.col.col-10 .row.scroll-area {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Override any container constraints */
.col.col-10 > .row.scroll-area {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove any container max-width constraints */
.col.col-10 .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
}

/* Ensure all direct children use full width */
.col.col-10 > * {
    width: 100% !important;
    max-width: 100% !important;
}

/* Remove any row constraints */
.col.col-10 .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Upload wizard full width within col-10 */
.col.col-10 #simuze-upload-container,
.col.col-10 .simuze-upload-container {
    width: 100% !important;
    max-width: 100% !important;
}

.col.col-10 .upload-wizard,
.col.col-10 .simuze-upload-wizard,
.col.col-10 .upload-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Group discography full width */
.col.col-10 .group-discography {
    width: 100%;
    max-width: 100%;
}

/* Music tabs full width */
.col.col-10 .music-tabs,
.col.col-10 .tab-list,
.col.col-10 .tabs,
.col.col-10 ul.tabs {
    width: 100% !important;
    max-width: 100% !important;
}

/* Tab content full width */
.col.col-10 .tab-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px;
    box-sizing: border-box;
}

/* Tab navigation full width */
.col.col-10 .tabs-nav,
.col.col-10 .tabs-navigation {
    width: 100% !important;
    max-width: 100% !important;
}

/* Upload step content full width */
.col.col-10 .upload-step-content {
    width: 100%;
    max-width: 100%;
}

/* File upload area full width */
.col.col-10 .file-upload-area {
    width: 100%;
    max-width: 100%;
}

/* Metadata form full width */
.col.col-10 #metadata-form,
.col.col-10 #single-track-form {
    width: 100%;
    max-width: 100%;
}

/* Tracks container full width */
.col.col-10 #tracks-container {
    width: 100%;
    max-width: 100%;
}

/* Album details full width */
.col.col-10 #album-details {
    width: 100%;
    max-width: 100%;
}

/* Upload container adjustments */
.col.col-10 #simuze-upload-container .upload-header,
.col.col-10 #simuze-upload-container .upload-steps,
.col.col-10 #simuze-upload-container .upload-step-content,
.col.col-10 #simuze-upload-container .upload-actions {
    width: 100%;
    max-width: 100%;
}

/* Group discography full width */
.col.col-10 .group-discography .tabs,
.col.col-10 .group-discography .tab-content {
    width: 100%;
    max-width: 100%;
}

/* Music collection grid full width */
.col.col-10 .music-collection,
.col.col-10 .albums-grid {
    width: 100%;
    max-width: 100%;
}

/* Overview stats full width */
.col.col-10 .overview-stats,
.col.col-10 .stats-grid {
    width: 100%;
    max-width: 100%;
}

/* Form elements full width */
.col.col-10 #metadata-form .form-group,
.col.col-10 #single-track-form .form-group {
    width: 100%;
    max-width: 100%;
}

.col.col-10 #metadata-form input[type="text"],
.col.col-10 #metadata-form input[type="date"],
.col.col-10 #metadata-form select,
.col.col-10 #metadata-form textarea,
.col.col-10 #single-track-form input[type="text"],
.col.col-10 #single-track-form input[type="date"],
.col.col-10 #single-track-form select,
.col.col-10 #single-track-form textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Drag and drop area full width */
.col.col-10 #drag-drop-area,
.col.col-10 .upload-dropzone {
    width: 100%;
    max-width: 100%;
}

/* Uploaded files list full width */
.col.col-10 .uploaded-files {
    width: 100%;
    max-width: 100%;
}

/* Track tabs full width */
.col.col-10 .tracks-tabs,
.col.col-10 .tracks-tabs-content {
    width: 100%;
    max-width: 100%;
}

/* Override max-width constraints for main containers only */
.col.col-10 .group-discography,
.col.col-10 .group-music,
.col.col-10 .profile-content,
.col.col-10 .upload-wizard,
.col.col-10 #simuze-upload-container,
.col.col-10 .tab-content,
.col.col-10 .music-collection,
.col.col-10 .overview-stats,
.col.col-10 .playlist-single-container,
.col.col-10 .album-edit-container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Stats grid full width */
.col.col-10 .stats-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

/* Overview stats full width */
.col.col-10 .overview-stats {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 30px;
}

/* Music collection full width */
.col.col-10 .music-collection {
    width: 100% !important;
    max-width: 100% !important;
}

/* Albums grid full width */
.col.col-10 .albums-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

/* No music message full width */
.col.col-10 .no-music,
.col.col-10 .no-albums-message {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
    padding: 40px 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .col.col-10 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .col.col-10 .full-width-content,
    .col.col-10 .group-discography,
    .col.col-10 .group-music,
    .col.col-10 .profile-content {
        padding: 15px;
    }
    
    .col.col-10 .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .col.col-10 .albums-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}