/*
 * Divi full-width enforcement for product category archives when GURU WCCL fullwidth is enabled.
 *
 * This is intentionally aggressive (uses !important) because Divi's sidebar layout is mostly CSS-driven.
 */

body.guru-wccl-fullwidth.et_right_sidebar #main-content .container,
body.guru-wccl-fullwidth.et_left_sidebar #main-content .container,
body.guru-wccl-fullwidth #main-content .container {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* When WCCL renders its own Divi wrapper, avoid Divi's default `.container` constraints */
body.guru-wccl-fullwidth #main-content .guru-wccl-divi-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.guru-wccl-fullwidth #main-content .guru-wccl-divi-container:before {
  content: none !important;
}

/* Divi draws a vertical divider using .container:before */
body.guru-wccl-fullwidth #main-content .container:before {
  display: none !important;
}

/* Make the content area span full width and remove sidebar spacing */
body.guru-wccl-fullwidth #content-area,
body.guru-wccl-fullwidth #left-area {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}

body.guru-wccl-fullwidth #left-area {
  padding-right: 0 !important;
}

/* Hide any sidebar element that still renders */
body.guru-wccl-fullwidth #sidebar,
body.guru-wccl-fullwidth .et_pb_widget_area {
  display: none !important;
}