/*
@feature: Sidebar Gap Fix
@purpose: Fix the gap in creator-dashboard sidebar and make all corners square
@depends: Used by: 10-creator/1creator-dashboard.php

Filename: sidebar-fix.css
Path: /home/elevatf7/public_html/wp-content/themes/buddyboss-theme-child-UI/assets/css/sidebar-fix.css
Description: Advanced fix to remove gap in creator dashboard sidebar and make all corners square
*/

/* 
 * The !important flags are necessary to override parent theme styles
 * The html and body selectors help increase specificity
 */

/* Universal square corners for all UI elements */
html body * {
  border-radius: 0 !important; /* Make all corners square everywhere */
}

/* Fixed sidebar properties */
html body .creator-sidebar,
body .creator-sidebar,
.creator-sidebar {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 20px !important;
  top: 0 !important;
  position: relative !important;
  height: auto !important;
  border-radius: 0 !important; /* Make corners square */
}

/* Remove any negative margins from dashboard wrapper */
html body .creator-dashboard-wrapper,
body .creator-dashboard-wrapper,
.creator-dashboard-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
  border-radius: 0 !important; /* Make corners square */
}

/* Fix sidebar header spacing */
html body .creator-sidebar-header,
body .creator-sidebar-header,
.creator-sidebar-header {
  padding: 0 20px 20px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-radius: 0 !important; /* Make corners square */
}

/* Fix any page padding */
html body.page-template-template-creator-dashboard #page,
body.page-template-template-creator-dashboard #page,
#page {
  padding-top: 0 !important;
  border-radius: 0 !important; /* Make corners square */
}

/* Ensure main content is properly positioned */
html body .creator-dashboard-content,
body .creator-dashboard-content,
.creator-dashboard-content {
  padding-top: 40px !important;
}

/* Target any potential z-index issues with the header */
html body #masthead,
body #masthead,
#masthead {
  z-index: 100 !important;
  position: relative !important;
}

/* Remove any border radius from dashboard cards */
html body .dashboard-card,
body .dashboard-card,
.dashboard-card {
  border-radius: 0 !important; /* Make corners square */
}

/* Remove any border radius from action buttons */
html body .action-button,
body .action-button,
.action-button {
  border-radius: 0 !important; /* Make corners square */
}

/* Remove any border radius from stats items */
html body .stat-item,
body .stat-item,
.stat-item {
  border-radius: 0 !important; /* Make corners square */
}

/* Remove any border radius from project items */
html body .project-item,
body .project-item,
.project-item {
  border-radius: 0 !important; /* Make corners square */
}

/* Remove any border radius from buttons */
html body .btn,
body .btn,
.btn,
html body button,
body button,
button,
html body input[type="button"],
body input[type="button"],
input[type="button"],
html body input[type="submit"],
body input[type="submit"],
input[type="submit"] {
  border-radius: 0 !important; /* Make corners square */
}

/* Remove any border radius from notification */
html body .role-notification,
body .role-notification,
.role-notification {
  border-radius: 0 !important; /* Make corners square */
}

/* Make progress bars square */
html body .progress-bar,
body .progress-bar,
.progress-bar,
html body .progress-fill,
body .progress-fill,
.progress-fill {
  border-radius: 0 !important; /* Make corners square */
}

/* Make inputs square */
html body input,
body input,
input,
html body select,
body select,
select,
html body textarea,
body textarea,
textarea {
  border-radius: 0 !important; /* Make corners square */
}

/* Make menu items square */
html body .menu-item,
body .menu-item,
.menu-item,
html body .menu-item a,
body .menu-item a,
.menu-item a {
  border-radius: 0 !important; /* Make corners square */
}

/* Make cards square */
html body .card,
body .card,
.card,
html body .bp-card-list__item,
body .bp-card-list__item,
.bp-card-list__item {
  border-radius: 0 !important; /* Make corners square */
}

/* Make tabs square */
html body .nav-tabs,
body .nav-tabs,
.nav-tabs,
html body .nav-pills,
body .nav-pills,
.nav-pills,
html body .tab-content,
body .tab-content,
.tab-content,
html body .tab-pane,
body .tab-pane,
.tab-pane {
  border-radius: 0 !important; /* Make corners square */
}

/* Make avatars square */
html body .avatar,
body .avatar,
.avatar,
html body img.avatar,
body img.avatar,
img.avatar {
  border-radius: 0 !important; /* Make corners square */
}

/* Make all role-switcher button square */
html body .role-switcher,
body .role-switcher,
.role-switcher,
html body .switch-role-btn,
body .switch-role-btn,
.switch-role-btn {
  border-radius: 0 !important; /* Make corners square */
}