/* Sidebar removal fixes - adjust layout for removed sidebar */

/* Override the main sidebar-related layout rules */
.main-content {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

.dashboard-container {
  margin-left: 0 !important;
}

.main-wrapper {
  display: block !important; /* Change from flex since we removed sidebar */
}

/* Override responsive CSS rules that set padding-left for sidebar */
@media (max-width: 1500px) {
  .main-content {
    padding-left: 0 !important; /* Override padding-left: 95px */
  }
}

@media (max-width: 1199.98px) {
  .main-content {
    padding: 0 !important; /* Override padding: 0 0 90px */
  }
}

@media (max-width: 991.98px) {
  .main-content {
    padding: 0 !important; /* Override various padding rules */
  }
}

@media (max-width: 767.98px) {
  .main-content {
    padding: 0 !important; /* Override padding: 0 0 75px for mobile sidebar */
  }
}

/* Ensure content takes full width without sidebar constraints */
.container,
.custom-container {
  max-width: 100% !important;
  padding-left: 15px;
  padding-right: 15px;
}

/* Reset container max-width for better use of available space */
@media (min-width: 1200px) {
  .container,
  .custom-container {
    max-width: 1200px !important;
    margin: 0 auto;
  }
}

@media (min-width: 1400px) {
  .container,
  .custom-container {
    max-width: 1320px !important;
    margin: 0 auto;
  }
}

/* Adjust any specific page layouts that might need full width */
.farm-dashboard-page .main-content,
.farm-list-page .main-content,
.about-page,
.privacy-policy-page .main-content,
.terms-of-service-page .main-content {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

/* Remove scroll-top button adjustment that was for sidebar */
.scroll-top {
  right: 20px !important; /* Reset to normal position */
  bottom: 20px !important;
}

/* Reset any header adjustments that were made for sidebar */
.header-form {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Ensure banner and hero sections take full width */
.banner-area,
.about-hero,
.privacy-hero {
  width: 100% !important;
  margin-left: 0 !important;
}

/* Fix any mobile layout issues without sidebar */
@media (max-width: 767.98px) {
  .scroll-top {
    bottom: 20px !important; /* Reset from sidebar-adjusted position */
  }
}