/*
 * HRreview — Auto Background Takeover (v3.2)
 * - Shows wallpaper when plugin overlay exists.
 * - Keeps plugin overlay from blocking clicks.
 * - Boxes site to 1200px desktop centre.
 */

/* OFF by default */
body::before {
  content: "";
  display: none !important;
}

/* ON when overlay detected */
:root.hrr-tk-on body::before {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  background: transparent url('https://www.hrreview.co.uk/app/uploads/background-takeover-2025-10-20-Gallagher2.jpg') top center / cover no-repeat !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Transparent base/wrappers */
html,
body {
  background-color: transparent !important;
}

#td-outer-wrap,
.td-main-content-wrap,
.td-category-grid,
.td-header-wrap,
.td-footer-container {
  background-color: transparent !important;
}

/* Desktop centre width / gutters */
@media (min-width: 1280px) {
  #td-outer-wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    overflow-x: visible !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* Keep plugin overlay present but never let it capture clicks */
#wps-bt-background-takeover-id,
[data-background-takeover-id],
[id^="wps-bt-"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* Header/menus above everything */
.td-header-wrap {
  position: relative !important;
  z-index: 9999 !important;
}