/* ==========================================================================
   site-style.css  (restyle 1, 17 Oct 2026)
   Payam Data Recovery: the approved home page concept, applied to the live
   Total theme / WPBakery markup with CSS only. Loaded by
   wp-content/mu-plugins/pdr-site-style.php, last, on the front end only.

   PAYAM'S RULES
   - Brand colours are the logo's black, red and grey.
   - Headings, links, icons, form labels and fields: black and grey.
     Red only for the logo, main buttons and real form errors.
   - The green "Start your data recovery now" button stays green (#67b857,
     the live colour), in the same place, with the same text. Every button
     that links to /submit-a-new-job/ stays that green. No other button is
     green. On phones the green "Submit a job" button stays in the top bar.
   - No divider lines.
   - No wording changes: this file never adds, hides or replaces text.

   SCOPE (body classes from the mu-plugin)
     body.pdr-site          header, top bar, mobile menu, footer
     body.pdr-site-full     everything else (content, cards, buttons, CF7)
     body.pdr-site-chrome   pages with the plugin job / partner forms: only
                            the body.pdr-site rules apply, so the forms keep
                            their own look (urgent_job_payment pdr-forms-theme)
   Payment pages get no body class and do not load this file.

   BROWSERS: Chrome, Edge, Firefox, Safari 13.4+ (macOS and iOS).
   No :has(), :is(), :where(), CSS nesting or container queries.
   appearance is also written with -webkit-.
   !important is used only to beat WPBakery's vc_custom_* rules (which use
   !important), inline style="" colours, and Total's own !important rules.
   ========================================================================== */


/* --------------------------------------------------------------------------
   0. Poppins, self-hosted (same files as the forms theme and the CRM).
   -------------------------------------------------------------------------- */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/poppins-latin-400.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/poppins-latin-500.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/poppins-latin-600.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/poppins-latin-700.woff2") format("woff2"); }


/* --------------------------------------------------------------------------
   1. Tokens (from the concept, home.tpl.html)
   -------------------------------------------------------------------------- */
body.pdr-site {
  --pdr-ink: #15171c;
  --pdr-text: #3d4250;
  --pdr-muted: #6b7080;
  --pdr-page: #ffffff;         /* white page (Payam, 17 Oct 2026: "I prefer white background") */
  --pdr-soft: #f7f8fa;         /* very light fill, only for small usability bits (table heads, chips hover) */
  --pdr-card: #ffffff;
  --pdr-line: #e6e8ec;
  --pdr-line-strong: #cfd2d8;
  --pdr-field: #d7dae0;
  --pdr-chip: #f0f1f4;
  --pdr-red: #d91e26;
  --pdr-red-hover: #b61f24;
  --pdr-green: #67b857;        /* live colour of the "Start your data recovery now" button */
  --pdr-green-hover: #5aa64b;
  --pdr-font: "Poppins", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  --pdr-radius: 18px;
  --pdr-radius-btn: 12px;
  --pdr-card-shadow: 0 1px 2px rgba(21, 23, 28, .04), 0 6px 20px rgba(21, 23, 28, .05);
}

/* Full pages: Total's own variables, so every theme element follows. The
   accent becomes ink, which turns red spans, icons, toggles, prices, dividers
   and active menu items black. Buttons get red back in section 6. */
body.pdr-site-full {
  --wpex-body-font-family: var(--pdr-font);
  --wpex-accent: var(--pdr-ink);
  --wpex-accent-alt: var(--pdr-ink);
  --wpex-link-color: var(--pdr-ink);
  --wpex-hover-link-color: var(--pdr-ink);
  --wpex-hover-heading-link-color: var(--pdr-ink);
  --wpex-heading-color: var(--pdr-ink);
  --wpex-text-1: var(--pdr-ink);
  --wpex-text-2: var(--pdr-text);
  --wpex-text-3: var(--pdr-muted);
  --wpex-text-4: var(--pdr-muted);
  --wpex-border-main: var(--pdr-line);
  --wpex-surface-2: #fff;
  --wpex-btn-border-radius: var(--pdr-radius-btn);
  --wpex-hover-btn-bg: var(--pdr-red-hover);
  font-family: var(--pdr-font);
  color: var(--pdr-text);
  background-color: var(--pdr-page);
  -webkit-text-size-adjust: 100%;
}
body.pdr-site-full #wrap,
body.pdr-site-full #main,
body.pdr-site-full #outer-wrap {
  background-color: transparent;
}


/* --------------------------------------------------------------------------
   2. Header (all restyled pages)
   -------------------------------------------------------------------------- */
body.pdr-site #site-header {
  font-family: var(--pdr-font);
  background-color: #fff;
  border-bottom: 1px solid var(--pdr-line);
  --wpex-accent: var(--pdr-ink);
}
body.pdr-site #site-header-sticky-wrapper.is-sticky #site-header,
body.pdr-site #site-header.is-sticky {
  -webkit-box-shadow: 0 6px 24px rgba(21, 23, 28, .06);
  box-shadow: 0 6px 24px rgba(21, 23, 28, .06);
}
body.pdr-site #site-navigation-wrap {
  --wpex-main-nav-link-color: var(--pdr-ink);
  --wpex-hover-main-nav-link-color: var(--pdr-ink);
  --wpex-active-main-nav-link-color: var(--pdr-ink);
  --wpex-hover-dropmenu-link-color: var(--pdr-ink);
  --wpex-hover-dropmenu-link-bg: var(--pdr-chip);
  --wpex-active-dropmenu-link-color: var(--pdr-ink);
  --wpex-active-hover-dropmenu-link-color: var(--pdr-ink);
  --wpex-main-nav-link-underline-color: var(--pdr-ink);
  --wpex-accent: var(--pdr-ink);
}
body.pdr-site #site-navigation .main-navigation-ul > li > a .link-inner {
  font-family: var(--pdr-font);
  font-size: 15px;
  font-weight: 500;
  color: var(--pdr-ink);
}
body.pdr-site #site-navigation .main-navigation-ul > li.call-us-main-nav > a .link-inner {
  font-weight: 600;
  white-space: nowrap;
}
body.pdr-site #site-navigation .main-navigation-ul > li > a {
  white-space: nowrap;
}
/* Laptops and small desktops (computer menu shows from 960px): menu items
   stay on one line, the green button keeps its place and may use two lines,
   as it already does on the live site at these widths. */
@media (min-width: 960px) and (max-width: 1399px) {
  body.pdr-site #site-navigation-wrap {
    --wpex-main-nav-gutter: 18px;
  }
  body.pdr-site #site-navigation .main-navigation-ul > li > a .link-inner {
    font-size: 14px;
  }
  body.pdr-site #site-header a.theme-button.submit-job-btn-main-menu {
    max-width: 210px;
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.3;
    white-space: normal;
    text-align: center;
  }
}
@media (min-width: 960px) and (max-width: 1179px) {
  body.pdr-site #site-navigation-wrap {
    --wpex-main-nav-gutter: 13px;
  }
  body.pdr-site #site-navigation .main-navigation-ul > li > a .link-inner {
    font-size: 13px;
  }
  body.pdr-site #site-logo img.logo-img {
    max-width: 118px;
  }
  body.pdr-site #site-header a.theme-button.submit-job-btn-main-menu {
    max-width: 180px;
    padding: 9px 14px;
    font-size: 12.5px;
  }
}

@media (min-width: 960px) and (max-width: 1059px) {
  body.pdr-site #site-navigation-wrap {
    --wpex-main-nav-gutter: 10px;
  }
  body.pdr-site #site-navigation .main-navigation-ul > li > a .link-inner {
    font-size: 12.5px;
  }
  body.pdr-site #site-logo img.logo-img {
    max-width: 100px;
  }
  body.pdr-site #site-header a.theme-button.submit-job-btn-main-menu {
    min-width: 150px;
    max-width: 165px;
    font-size: 12px;
  }
}

/* Dropdowns: white rounded card */
body.pdr-site #site-navigation .dropdown-menu ul.sub-menu {
  background-color: #fff;
  border: 1px solid var(--pdr-line);
  border-radius: 14px;
  -webkit-box-shadow: 0 14px 40px rgba(21, 23, 28, .10);
  box-shadow: 0 14px 40px rgba(21, 23, 28, .10);
  padding: 8px;
}
body.pdr-site #site-navigation .dropdown-menu ul.sub-menu > li > a {
  border-radius: 10px;
  color: var(--pdr-ink);
  font-family: var(--pdr-font);
  font-size: 14px;
}

/* THE GREEN BUTTON (Payam's firm rule, 17 Oct 2026). Same place, same text,
   same colour as live (#67b857). Only the corners go from 8px to 12px and the
   font follows the site font. Hover stays green (live hover was black). */
body.pdr-site #site-header a.theme-button.submit-job-btn-main-menu,
body.pdr-site #top-bar-wrap a.theme-button.topbar--submitjob-btn {
  background-color: var(--pdr-green) !important;
  border-color: var(--pdr-green) !important;
  color: #fff !important;
  border-radius: var(--pdr-radius-btn);
  font-family: var(--pdr-font);
  font-weight: 600;
}
body.pdr-site #site-header a.theme-button.submit-job-btn-main-menu:hover,
body.pdr-site #site-header a.theme-button.submit-job-btn-main-menu:focus,
body.pdr-site #top-bar-wrap a.theme-button.topbar--submitjob-btn:hover,
body.pdr-site #top-bar-wrap a.theme-button.topbar--submitjob-btn:focus {
  background-color: var(--pdr-green-hover) !important;
  border-color: var(--pdr-green-hover) !important;
  color: #fff !important;
}

/* Top bar (phones and tablets only, it is hidden on computers by the theme):
   slim grey utility bar, the green Submit a job button stays first. */
body.pdr-site #top-bar-wrap {
  background-color: var(--pdr-page);
  border-color: var(--pdr-line);
  font-family: var(--pdr-font);
}
body.pdr-site #top-bar-wrap a.theme-button.topbar--call-btn {
  background-color: #fff !important;
  color: var(--pdr-ink) !important;
  border: 1.5px solid var(--pdr-line-strong) !important;
  border-radius: var(--pdr-radius-btn);
  font-family: var(--pdr-font);
  font-weight: 600;
}
body.pdr-site #top-bar-wrap a.theme-button.topbar--call-btn:hover {
  border-color: var(--pdr-ink) !important;
  background-color: #fff !important;
  color: var(--pdr-ink) !important;
}

/* Mobile menu toggle (hamburger) */
body.pdr-site #site-header .mobile-menu-toggle {
  color: var(--pdr-ink);
}

/* Mobile menu panel (Total "sidr", added to the end of <body> by the theme):
   white panel, black links, grey lines (was solid red). */
body.pdr-site #sidr-main {
  --wpex-surface-1: #fff;
  --wpex-text-1: var(--pdr-ink);
  --wpex-text-2: var(--pdr-ink);
  --wpex-heading-color: var(--pdr-ink);
  --wpex-link-color: var(--pdr-ink);
  --wpex-hover-link-color: var(--pdr-ink);
  --wpex-border-main: var(--pdr-line);
  background-color: #fff !important; /* beats the theme's accent-coloured panel */
  color: var(--pdr-ink);
  font-family: var(--pdr-font);
  border-left: 1px solid var(--pdr-line);
}
body.pdr-site #sidr-main a,
body.pdr-site #sidr-main button,
body.pdr-site #sidr-main .wpex-mobile-menu__close {
  color: var(--pdr-ink);
}
body.pdr-site #sidr-main li {
  border-color: var(--pdr-line);
}
body.pdr-site #sidr-main .sidr-mobile-nav-menu__link {
  font-weight: 500;
}
body.pdr-site #sidr-main a:hover,
body.pdr-site #sidr-main a:focus {
  background-color: var(--pdr-chip);
  color: var(--pdr-ink);
}

/* Back to top: quiet white circle instead of red */
body.pdr-site #site-scroll-top {
  background-color: #fff;
  color: var(--pdr-ink);
  border: 1px solid var(--pdr-line);
  -webkit-box-shadow: 0 6px 18px rgba(21, 23, 28, .10);
  box-shadow: 0 6px 18px rgba(21, 23, 28, .10);
}
body.pdr-site #site-scroll-top:hover {
  background-color: var(--pdr-ink);
  color: #fff;
}


/* --------------------------------------------------------------------------
   3. Footer (all restyled pages): lighter, white, grey text, black headings.
   -------------------------------------------------------------------------- */
body.pdr-site #footer-builder {
  font-family: var(--pdr-font);
  --wpex-accent: var(--pdr-ink);
  --wpex-link-color: var(--pdr-ink);
  --wpex-hover-link-color: var(--pdr-ink);
  --wpex-heading-color: var(--pdr-ink);
}
body.pdr-site #footer-builder .highlight-text {
  color: inherit !important;
  font-weight: inherit !important;
}
body.pdr-site #footer-builder .vcex-heading,
body.pdr-site #footer-builder h2,
body.pdr-site #footer-builder h3,
body.pdr-site #footer-builder h4 {
  color: var(--pdr-ink);
  font-family: var(--pdr-font);
}
/* No divider lines (the "New South Wales" label stays). */
body.pdr-site #footer-builder .vc_sep_line {
  border-color: transparent !important;
}
body.pdr-site #footer-builder #upper-footer,
body.pdr-site #footer-builder #bottom-footer {
  --wpex-surface-1: #fff;
  --wpex-heading-color: var(--pdr-ink);
  --wpex-text-1: var(--pdr-ink);
  --wpex-text-2: var(--pdr-text);
  --wpex-border-main: var(--pdr-line);
  --wpex-link-color: var(--pdr-text);
  --wpex-hover-link-color: var(--pdr-ink);
  background-color: #fff !important; /* beats vc_custom background */
  color: var(--pdr-text);
  border-top: 1px solid var(--pdr-line);
}
body.pdr-site #footer-builder #bottom-footer {
  background-color: var(--pdr-page) !important;
  color: var(--pdr-muted);
}
body.pdr-site #footer-builder #upper-footer a:not(.theme-button),
body.pdr-site #footer-builder #bottom-footer a:not(.theme-button) {
  color: var(--pdr-text) !important;
}
body.pdr-site #footer-builder #upper-footer a:not(.theme-button):hover {
  color: var(--pdr-ink) !important;
}
body.pdr-site #footer-builder .wpex-social-btn {
  color: var(--pdr-ink) !important; /* beats the inline custom colour (white) */
}
body.pdr-site #footer-builder .vcex-list-item-icon {
  color: var(--pdr-ink);
}
/* The footer logo is the white version. On the white footer, show the normal
   logo instead (background image), the white one stays in the page, invisible. */
body.pdr-site #footer-builder #upper-footer .wpb_single_image .vc_single_image-wrapper {
  background: url("/wp-content/uploads/2022/09/logo.png") no-repeat left center;
  -webkit-background-size: contain;
  background-size: contain;
}
body.pdr-site #footer-builder #upper-footer .wpb_single_image img {
  opacity: 0;
}
/* Buttons in the footer (chrome pages too) */
body.pdr-site #footer-builder a.theme-button {
  background-color: var(--pdr-red) !important;
  border-color: var(--pdr-red) !important;
  color: #fff !important;
  border-radius: var(--pdr-radius-btn);
  font-family: var(--pdr-font);
  font-weight: 600;
}
body.pdr-site #footer-builder a.theme-button:hover {
  background-color: var(--pdr-red-hover) !important;
  border-color: var(--pdr-red-hover) !important;
  color: #fff !important;
}


/* Payment methods strip (Total-child inc/payment-methods.php, wave 20P,
   printed just above the footer on every page). Only its frame follows the
   new look: font, text colours, lines and width. The payment marks are not
   touched. */
body.pdr-site .pdr-paymethods-strip {
  font-family: var(--pdr-font);
  background-color: #fff;
  color: var(--pdr-ink);
  border-top-color: var(--pdr-line);
  border-bottom: 1px solid var(--pdr-line);
}
body.pdr-site .pdr-paymethods-strip .pdr-paymethods-strip__inner {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}
body.pdr-site .pdr-paymethods-strip .pdr-paymethods__title {
  font-family: var(--pdr-font);
  color: var(--pdr-ink);
}
@media (min-width: 1100px) {
  body.pdr-site .pdr-paymethods-strip .pdr-paymethods__title {
    white-space: nowrap;
  }
}
body.pdr-site .pdr-paymethods-strip .pdr-paymethods__label,
body.pdr-site .pdr-paymethods-strip .pdr-paymethods__cap,
body.pdr-site .pdr-paymethods-strip .pdr-paymethods__note {
  color: var(--pdr-muted);
}


/* --------------------------------------------------------------------------
   4. Type (full pages)
   -------------------------------------------------------------------------- */
body.pdr-site-full h1,
body.pdr-site-full h2,
body.pdr-site-full h3,
body.pdr-site-full h4,
body.pdr-site-full h5,
body.pdr-site-full h6,
body.pdr-site-full .wpex-heading,
body.pdr-site-full .vcex-heading {
  font-family: var(--pdr-font);
  color: var(--pdr-ink);
  letter-spacing: -.01em;
}
body.pdr-site-full h1,
body.pdr-site-full h2,
body.pdr-site-full .vcex-heading {
  font-weight: 600;
}
/* Red words inside headings ("in Australia", "specialise in", "We can help!")
   keep their text, in the heading colour. In the main heading they are grey,
   as in the concept. */
body.pdr-site-full .highlight-text {
  color: inherit !important;       /* beats Total-child style.css (accent colour, 700, both !important) */
  font-weight: inherit !important;
}
/* Hero sub heading ("We can help you get your important photos ...") reads
   as a lead paragraph, as in the concept. */
body.pdr-site-full .vcex-heading.vcex-heading-side-border {
  font-weight: 400;
  color: var(--pdr-text);
}
body.pdr-site-full h1 .highlight-text {
  color: var(--pdr-muted) !important;
}
body.pdr-site-full p,
body.pdr-site-full li {
  color: inherit;
}
body.pdr-site-full .entry,
body.pdr-site-full .single-content {
  color: var(--pdr-text);
}
body.pdr-site-full strong,
body.pdr-site-full b {
  color: var(--pdr-ink);
}

/* Links: black with an underline (the theme already underlines). */
body.pdr-site-full a {
  text-underline-offset: .18em;
  -webkit-text-decoration-thickness: 1px;
  text-decoration-thickness: 1px;
}
body.pdr-site-full a:hover {
  -webkit-text-decoration-thickness: 2px;
  text-decoration-thickness: 2px;
}
body.pdr-site-full .tl-post-breadcrumbs a:hover,
body.pdr-site-full .vcex-post-next-prev__link {
  color: var(--pdr-ink);
}

/* No divider lines: the short red bars under headings, the dashes beside the
   hero sub heading, WPBakery separators and the wave shapes between bands. */
body.pdr-site-full .vcex-divider {
  border-color: transparent !important; /* the line goes, its spacing stays */
}
body.pdr-site-full .vcex-heading-side-border__border {
  border-color: transparent !important;
}
body.pdr-site-full .wpex-shape-divider {
  display: none !important;
}
body.pdr-site-full .vc_sep_line {
  border-color: transparent !important;
}

/* Archive / page title band */
body.pdr-site-full .page-header {
  background-color: transparent;
  border-bottom: 1px solid var(--pdr-line);
}


/* --------------------------------------------------------------------------
   5. Cards and icons (full pages)
   -------------------------------------------------------------------------- */
/* Service boxes (home, service pages) and the contact info boxes */
body.pdr-site-full .vcex-icon-box.wpex-bordered,
body.pdr-site-full .vcex-icon-box.wpex-shadow-xs {
  background-color: var(--pdr-card) !important; /* beats vc_custom background (light blue on Contact) */
  border: 1px solid var(--pdr-line) !important;
  border-radius: var(--pdr-radius);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color .2s, -webkit-box-shadow .2s;
  transition: border-color .2s, box-shadow .2s;
}
body.pdr-site-full a.vcex-icon-box.wpex-bordered:hover {
  border-color: var(--pdr-line-strong) !important;
  -webkit-box-shadow: 0 10px 30px rgba(21, 23, 28, .07);
  box-shadow: 0 10px 30px rgba(21, 23, 28, .07);
}
body.pdr-site-full .vcex-icon-box .vcex-icon-box-heading {
  color: var(--pdr-ink);
  font-family: var(--pdr-font);
  font-weight: 600;
}
/* The red line icons are PNG images: shown in ink grey with a filter. */
body.pdr-site-full img.vcex-icon-box-image {
  -webkit-filter: grayscale(1) brightness(.35);
  filter: grayscale(1) brightness(.35);
}
/* Font / SVG icons in a circle: grey chip, black icon */
body.pdr-site-full .vcex-icon-box-icon {
  color: var(--pdr-ink) !important;
  background-color: var(--pdr-chip) !important;
  border-color: var(--pdr-chip) !important;
}
body.pdr-site-full .vcex-list-item-icon,
body.pdr-site-full .vcex-list-item-icon-inner {
  color: var(--pdr-ink) !important;
}

/* Columns with a fill colour (the grey box around the quote form, boxed
   columns on service pages) become white rounded cards. */
body.pdr-site-full .wpex-vc_col-has-fill > .vc_column-inner {
  background-color: var(--pdr-card) !important;
  border: 1px solid var(--pdr-line);
  border-radius: var(--pdr-radius);
}

/* Teaser cards (lab photos and addresses on Contact) */
body.pdr-site-full .vcex-teaser {
  background-color: var(--pdr-card) !important;
  border: 1px solid var(--pdr-line) !important;
  border-radius: var(--pdr-radius);
  overflow: hidden;
}
body.pdr-site-full .vcex-teaser .vcex-teaser-heading {
  color: var(--pdr-ink);
  font-weight: 600;
}

/* Stats (milestones): white cards */
body.pdr-site-full .vcex-milestone {
  background-color: var(--pdr-card);
  border: 1px solid var(--pdr-line);
  border-radius: var(--pdr-radius);
  padding: 26px 18px;
}
body.pdr-site-full .vcex-milestone-inner {
  display: block;
}
body.pdr-site-full .vcex-milestone-number {
  font-size: 36px !important; /* beats the per-element size (wrapped "Since 1998") */
  font-weight: 700;
  line-height: 1.1;
}
/* Equal height stat cards in a row */
body.pdr-site-full #home__section_statistics .vc_column-inner,
body.pdr-site-full #home__section_statistics .wpb_wrapper {
  height: 100%;
}
body.pdr-site-full #home__section_statistics .vcex-milestone {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.pdr-site-full .vcex-milestone,
body.pdr-site-full .vcex-milestone-number,
body.pdr-site-full .vcex-milestone-number span {
  color: var(--pdr-ink) !important;
  font-family: var(--pdr-font);
}
body.pdr-site-full .vcex-milestone-caption {
  color: var(--pdr-muted) !important;
  font-size: 15px;
}
body.pdr-site-full .vcex-milestone-icon {
  color: var(--pdr-ink) !important;
}

/* Prices */
body.pdr-site-full .vcex-pricing {
  background-color: var(--pdr-card);
  border: 1px solid var(--pdr-line);
  border-radius: var(--pdr-radius);
  overflow: hidden;
}
body.pdr-site-full .vcex-pricing-ammount,
body.pdr-site-full .vcex-pricing-cost {
  color: var(--pdr-ink) !important;
}
body.pdr-site-full .vcex-pricing-per {
  color: var(--pdr-muted) !important;
}

/* FAQ toggles */
body.pdr-site-full .vcex-toggle__title,
body.pdr-site-full .vcex-toggle__trigger,
body.pdr-site-full .vcex-toggle__icon {
  color: var(--pdr-ink) !important;
}

/* Blog and location lists */
body.pdr-site-full .blog-entry .theme-button,
body.pdr-site-full .vcex-loadmore-button {
  border-radius: var(--pdr-radius-btn);
}

/* Table of contents on articles */
body.pdr-site-full #ez-toc-container,
body.pdr-site-full .ez-toc-v2_0_17,
body.pdr-site-full div.ez-toc-container {
  background: var(--pdr-card);
  border: 1px solid var(--pdr-line);
  border-radius: var(--pdr-radius);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 20px 24px;
}
body.pdr-site-full #ez-toc-container a {
  color: var(--pdr-ink);
}

/* Tables */
body.pdr-site-full .entry table th {
  background-color: var(--pdr-chip);
  color: var(--pdr-ink);
}
body.pdr-site-full .entry table th,
body.pdr-site-full .entry table td {
  border-color: var(--pdr-line);
}


/* On the white page, cards read by their thin border and a very soft shadow
   (no grey fills). */
body.pdr-site-full .vcex-icon-box.wpex-bordered,
body.pdr-site-full .vcex-icon-box.wpex-shadow-xs,
body.pdr-site-full .vcex-milestone,
body.pdr-site-full .vcex-pricing,
body.pdr-site-full .vcex-teaser,
body.pdr-site-full .wpex-vc_col-has-fill > .vc_column-inner,
body.pdr-site-full #ez-toc-container {
  -webkit-box-shadow: var(--pdr-card-shadow);
  box-shadow: var(--pdr-card-shadow);
}


/* --------------------------------------------------------------------------
   6. Buttons (full pages)
      Colours carry !important because WPBakery writes per-button rules such
      as ".vcex-button.vcex_123{color:...!important}" and hover backgrounds
      with !important.
      primary   red                every theme button, CF7 submit, load more
      secondary white, outlined    call buttons, "minimal border" buttons
      green     #67b857            only buttons that open /submit-a-new-job/
   -------------------------------------------------------------------------- */
body.pdr-site-full .theme-button,
body.pdr-site-full a.button,
body.pdr-site-full button.button,
body.pdr-site-full input[type="submit"],
body.pdr-site-full button[type="submit"],
body.pdr-site-full .wpcf7 .wpcf7-submit {
  background-color: var(--pdr-red) !important;
  border: 1.5px solid var(--pdr-red) !important;
  color: #fff !important;
  border-radius: var(--pdr-radius-btn);
  font-family: var(--pdr-font);
  font-weight: 600;
  letter-spacing: 0;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
body.pdr-site-full .theme-button .theme-button-inner,
body.pdr-site-full .theme-button span,
body.pdr-site-full .theme-button .vcex-button-icon {
  color: inherit !important; /* beats per-button icon colours (white) */
}
body.pdr-site-full .theme-button:hover,
body.pdr-site-full .theme-button:focus,
body.pdr-site-full a.button:hover,
body.pdr-site-full button.button:hover,
body.pdr-site-full input[type="submit"]:hover,
body.pdr-site-full button[type="submit"]:hover,
body.pdr-site-full .wpcf7 .wpcf7-submit:hover {
  background-color: var(--pdr-red-hover) !important;
  border-color: var(--pdr-red-hover) !important;
  color: #fff !important;
}

/* Secondary: white, outlined, black text */
body.pdr-site-full a.theme-button[href^="tel:"],
body.pdr-site-full a.theme-button.minimal-border,
body.pdr-site-full a.theme-button.outline {
  background-color: #fff !important;
  border: 1.5px solid var(--pdr-line-strong) !important;
  color: var(--pdr-ink) !important;
}
body.pdr-site-full a.theme-button[href^="tel:"]:hover,
body.pdr-site-full a.theme-button.minimal-border:hover,
body.pdr-site-full a.theme-button.outline:hover {
  background-color: #fff !important;
  border-color: var(--pdr-ink) !important;
  color: var(--pdr-ink) !important;
}

/* Green: only the "Start your data recovery now" buttons (all link to
   /submit-a-new-job/). Same colour as the header button. */
body.pdr-site-full a.theme-button.submit-job-calltoaction-btn,
body.pdr-site-full a.theme-button[href*="/submit-a-new-job"],
body.pdr-site-full a.button[href*="/submit-a-new-job"] {
  background-color: var(--pdr-green) !important;
  border-color: var(--pdr-green) !important;
  color: #fff !important;
}
body.pdr-site-full a.theme-button.submit-job-calltoaction-btn:hover,
body.pdr-site-full a.theme-button[href*="/submit-a-new-job"]:hover,
body.pdr-site-full a.button[href*="/submit-a-new-job"]:hover {
  background-color: var(--pdr-green-hover) !important;
  border-color: var(--pdr-green-hover) !important;
  color: #fff !important;
}


/* --------------------------------------------------------------------------
   7. Dark and red bands become light (full pages).
      Home stats, the dark "Free assessment / High success / Privacy" band on
      every service page (#..._recovery__section2), the file system band, the
      dark intros on Contact, About and Reviews, the red "Talk to a real
      person" band on About, the dark strip under the quote form.
   -------------------------------------------------------------------------- */
body.pdr-site-full #home__section_statistics,
body.pdr-site-full div[id$="_recovery__section2"],
body.pdr-site-full #file_system_we_specialise,
body.pdr-site-full #ssd_recovery__seocontent2,
body.pdr-site-full #contact-page--header,
body.pdr-site-full #about-us__intro-section,
body.pdr-site-full #testimonials__intro_section,
body.pdr-site-full div#contact.vc_section,
body.pdr-site-full #request-a-quote--footer {
  --wpex-heading-color: var(--pdr-ink);
  --wpex-text-1: var(--pdr-ink);
  --wpex-text-2: var(--pdr-text);
  --wpex-link-color: var(--pdr-ink);
  background-color: transparent !important; /* beats vc_custom background (black, #202020, red) */
  background-image: none !important;
  color: var(--pdr-text) !important;
}
/* Text inside: inline white colours become grey / black */
body.pdr-site-full #home__section_statistics .wpb_text_column,
body.pdr-site-full div[id$="_recovery__section2"] .wpb_text_column,
body.pdr-site-full #file_system_we_specialise .wpb_text_column,
body.pdr-site-full #ssd_recovery__seocontent2 .wpb_text_column,
body.pdr-site-full #contact-page--header .wpb_text_column,
body.pdr-site-full #about-us__intro-section .wpb_text_column,
body.pdr-site-full #testimonials__intro_section .wpb_text_column,
body.pdr-site-full div#contact.vc_section .wpb_text_column,
body.pdr-site-full #request-a-quote--footer .wpb_text_column,
body.pdr-site-full div[id$="_recovery__section2"] p,
body.pdr-site-full #file_system_we_specialise .vcex-list-item-text,
body.pdr-site-full #ssd_recovery__seocontent2 p,
body.pdr-site-full #request-a-quote--footer p {
  color: var(--pdr-text) !important;
}
body.pdr-site-full #home__section_statistics h1, body.pdr-site-full #home__section_statistics h2, body.pdr-site-full #home__section_statistics h3,
body.pdr-site-full div[id$="_recovery__section2"] h2, body.pdr-site-full div[id$="_recovery__section2"] h3,
body.pdr-site-full div[id$="_recovery__section2"] .hdd-recovery--section2-row1-col1-p,
body.pdr-site-full #file_system_we_specialise h2, body.pdr-site-full #file_system_we_specialise h3,
body.pdr-site-full #ssd_recovery__seocontent2 h2, body.pdr-site-full #ssd_recovery__seocontent2 h3,
body.pdr-site-full #contact-page--header h1, body.pdr-site-full #contact-page--header h2, body.pdr-site-full #contact-page--header h3,
body.pdr-site-full #about-us__intro-section h1, body.pdr-site-full #about-us__intro-section h2, body.pdr-site-full #about-us__intro-section h3,
body.pdr-site-full #testimonials__intro_section h1, body.pdr-site-full #testimonials__intro_section h2, body.pdr-site-full #testimonials__intro_section h3,
body.pdr-site-full div#contact.vc_section h2, body.pdr-site-full div#contact.vc_section h3,
body.pdr-site-full #request-a-quote--footer h2, body.pdr-site-full #request-a-quote--footer h3 {
  color: var(--pdr-ink) !important;
}
body.pdr-site-full #contact-page--header a:not(.theme-button):not(.wpex-social-btn),
body.pdr-site-full #about-us__intro-section a:not(.theme-button),
body.pdr-site-full #testimonials__intro_section a:not(.theme-button),
body.pdr-site-full div#contact.vc_section a:not(.theme-button),
body.pdr-site-full #request-a-quote--footer a:not(.theme-button),
body.pdr-site-full #ssd_recovery__seocontent2 a:not(.theme-button) {
  color: var(--pdr-ink) !important; /* beats inline style="color:#ffffff" */
}
/* White icons on the dark service band are PNG images: shown black. */
body.pdr-site-full div[id$="_recovery__section2"] .vc_single_image-img {
  -webkit-filter: brightness(0) opacity(.85);
  filter: brightness(0) opacity(.85);
}
/* The light band on About ("Talk to a real person") becomes a white card */
body.pdr-site-full div#contact.vc_section {
  background-color: var(--pdr-card) !important;
  border-top: 1px solid var(--pdr-line);
  border-bottom: 1px solid var(--pdr-line);
}


/* --------------------------------------------------------------------------
   8. Contact Form 7 (quote, contact and enquiry forms; full pages only)
      Black / grey fields, dark focus ring, red only for real errors.
      Fields stay 16px so iPhones do not zoom.
   -------------------------------------------------------------------------- */
body.pdr-site-full .wpcf7 input[type="text"],
body.pdr-site-full .wpcf7 input[type="email"],
body.pdr-site-full .wpcf7 input[type="tel"],
body.pdr-site-full .wpcf7 input[type="number"],
body.pdr-site-full .wpcf7 input[type="url"],
body.pdr-site-full .wpcf7 input[type="date"],
body.pdr-site-full .wpcf7 select.wpcf7-form-control.wpcf7-select,
body.pdr-site-full .wpcf7 textarea {
  font-family: var(--pdr-font);
  font-size: 16px;
  line-height: 1.4;
  color: var(--pdr-ink);
  background-color: #fff;
  border: 1.5px solid var(--pdr-field);
  border-radius: var(--pdr-radius-btn) !important; /* beats a 3px !important radius on the quote page selects */
  padding: 12px 14px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  max-width: 100%;
}
body.pdr-site-full .wpcf7 input[type="text"],
body.pdr-site-full .wpcf7 input[type="email"],
body.pdr-site-full .wpcf7 input[type="tel"],
body.pdr-site-full .wpcf7 input[type="number"],
body.pdr-site-full .wpcf7 input[type="url"],
body.pdr-site-full .wpcf7 input[type="date"],
body.pdr-site-full .wpcf7 textarea {
  -webkit-appearance: none;
  appearance: none;
}
body.pdr-site-full .wpcf7 select.wpcf7-form-control.wpcf7-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  min-height: 50px;
  padding-right: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315171c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  -webkit-background-size: 18px 18px;
  background-size: 18px 18px;
}
body.pdr-site-full .wpcf7 textarea {
  min-height: 120px;
  resize: vertical;
}
body.pdr-site-full .wpcf7 input::-webkit-input-placeholder,
body.pdr-site-full .wpcf7 textarea::-webkit-input-placeholder {
  color: var(--pdr-muted);
  opacity: 1;
}
body.pdr-site-full .wpcf7 input::placeholder,
body.pdr-site-full .wpcf7 textarea::placeholder {
  color: var(--pdr-muted);
  opacity: 1;
}
body.pdr-site-full .wpcf7 input[type="text"]:focus,
body.pdr-site-full .wpcf7 input[type="email"]:focus,
body.pdr-site-full .wpcf7 input[type="tel"]:focus,
body.pdr-site-full .wpcf7 input[type="number"]:focus,
body.pdr-site-full .wpcf7 input[type="url"]:focus,
body.pdr-site-full .wpcf7 input[type="date"]:focus,
body.pdr-site-full .wpcf7 select.wpcf7-form-control.wpcf7-select:focus,
body.pdr-site-full .wpcf7 textarea:focus {
  border-color: var(--pdr-ink);
  -webkit-box-shadow: 0 0 0 4px rgba(21, 23, 28, .08);
  box-shadow: 0 0 0 4px rgba(21, 23, 28, .08);
  outline: none;
}
body.pdr-site-full .wpcf7 label,
body.pdr-site-full .wpcf7 legend {
  color: var(--pdr-ink);
  font-weight: 600;
  font-size: 14px;
}
body.pdr-site-full .wpcf7 .wpcf7-list-item-label {
  font-weight: 400;
  color: var(--pdr-text);
}
body.pdr-site-full .wpcf7 input[type="checkbox"],
body.pdr-site-full .wpcf7 input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: var(--pdr-ink); /* Safari 15.4+, older browsers keep the system colour */
  vertical-align: -3px;
}
body.pdr-site-full .wpcf7 .wpcf7-submit {
  font-size: 16px;
  padding: 14px 26px;
  min-height: 50px;
  cursor: pointer;
}
/* Real errors only: red */
body.pdr-site-full .wpcf7 .wpcf7-not-valid {
  border-color: var(--pdr-red) !important;
}
body.pdr-site-full .wpcf7 .wpcf7-not-valid-tip {
  color: var(--pdr-red);
  font-size: 13px;
  margin-top: 6px;
}
body.pdr-site-full .wpcf7 form .wpcf7-response-output {
  border: 1px solid var(--pdr-line);
  border-radius: var(--pdr-radius-btn);
  padding: 12px 16px;
  margin: 16px 0 0;
  color: var(--pdr-ink);
  background-color: #fff;
  font-size: 15px;
}
body.pdr-site-full .wpcf7 form.invalid .wpcf7-response-output,
body.pdr-site-full .wpcf7 form.unaccepted .wpcf7-response-output,
body.pdr-site-full .wpcf7 form.payment-required .wpcf7-response-output,
body.pdr-site-full .wpcf7 form.failed .wpcf7-response-output,
body.pdr-site-full .wpcf7 form.aborted .wpcf7-response-output,
body.pdr-site-full .wpcf7 form.spam .wpcf7-response-output {
  border-color: var(--pdr-red);
  color: var(--pdr-red);
}
body.pdr-site-full .wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--pdr-ink);
  color: var(--pdr-ink);
}


/* --------------------------------------------------------------------------
   9. Phone bar (markup from the mu-plugin, phones only)
      Green "Start your data recovery now" + white "Call: 1300 444 800".
      Sits under the website chat (z-index 99990) and the mobile menu.
   -------------------------------------------------------------------------- */
.pdr-mobile-bar {
  display: none;
}
@media (max-width: 767px) {
  body.pdr-site.pdr-has-mobile-bar {
    padding-bottom: 76px;
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  }
  body.pdr-site .pdr-mobile-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;
    padding: 10px 12px;
    padding: 10px max(12px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
    background-color: rgba(255, 255, 255, .97);
    border-top: 1px solid var(--pdr-line);
    -webkit-box-shadow: 0 -6px 24px rgba(21, 23, 28, .08);
    box-shadow: 0 -6px 24px rgba(21, 23, 28, .08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--pdr-font);
  }
  body.pdr-site .pdr-mobile-bar .pdr-mobile-bar__btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 48px;
    padding: 6px 10px;
    border-radius: var(--pdr-radius-btn);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-wrap: balance; /* two even lines if the label wraps; ignored where unsupported */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  body.pdr-site .pdr-mobile-bar .pdr-mobile-bar__start {
    -webkit-box-flex: 1.35;
    -webkit-flex-grow: 1.35;
    flex-grow: 1.35;
    margin-right: 10px;
    background-color: var(--pdr-green);
    border: 1.5px solid var(--pdr-green);
    color: #fff;
  }
  body.pdr-site .pdr-mobile-bar .pdr-mobile-bar__call {
    background-color: #fff;
    border: 1.5px solid var(--pdr-line-strong);
    color: var(--pdr-ink);
    white-space: nowrap;
  }
  /* Back to top sits above the bar */
  body.pdr-site.pdr-has-mobile-bar #site-scroll-top {
    margin-bottom: 96px;
    margin-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}


/* --------------------------------------------------------------------------
   10. Phones: easy to tap calls to action, calm one column forms
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body.pdr-site-full .vcex-milestone {
    margin-bottom: 12px;
  }
  /* Every button in the page content: full width, at least 48px tall */
  body.pdr-site-full #content a.theme-button,
  body.pdr-site-full #content .wpcf7 .wpcf7-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  body.pdr-site-full #content .theme-button-wrap,
  body.pdr-site-full #content .vcex-button-wrap {
    display: block;
    width: 100%;
  }
  /* CF7 forms: one column, large fields, full width submit */
  body.pdr-site-full .wpcf7 .form-group,
  body.pdr-site-full .wpcf7 .col-sm-6,
  body.pdr-site-full .wpcf7 .col-md-6 {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  body.pdr-site-full .wpcf7 input[type="text"],
  body.pdr-site-full .wpcf7 input[type="email"],
  body.pdr-site-full .wpcf7 input[type="tel"],
  body.pdr-site-full .wpcf7 input[type="number"],
  body.pdr-site-full .wpcf7 select.wpcf7-form-control.wpcf7-select,
  body.pdr-site-full .wpcf7 textarea {
    width: 100%;
  }
}
@media (min-width: 768px) {
  body.pdr-site-full #content a.theme-button {
    min-height: 48px;
  }
}

/* Fields at least 48px tall everywhere */
body.pdr-site-full .wpcf7 input[type="text"],
body.pdr-site-full .wpcf7 input[type="email"],
body.pdr-site-full .wpcf7 input[type="tel"],
body.pdr-site-full .wpcf7 input[type="number"],
body.pdr-site-full .wpcf7 input[type="url"],
body.pdr-site-full .wpcf7 input[type="date"] {
  min-height: 50px;
}


/* --------------------------------------------------------------------------
   11. Conversion layout items (17 Oct 2026, CONVERSION-PLAN-2026-10-17.md)
   -------------------------------------------------------------------------- */

/* Hero buttons show at once (no WPBakery fade-in), so the first tap on a
   phone does not wait for the animation. */
body.pdr-site-full .theme-button.wpb_animate_when_almost_visible,
body.pdr-site-full .wpb_animate_when_almost_visible .theme-button {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
}

/* /submit-a-new-job/ (page 2682): the "Before Visiting or Sending Your Device"

   notes stay above the device tiles, as in the page itself (Payam, 24 Oct

   2026: people should read them before they pick a device). The 17 Oct rule

   that moved the tiles first is removed. */



/* Quote page reviews: the Trustindex widget fades between four sources
   (2241, 4, 167 and 76 reviews). Show only the first one (Google, the same
   source as the home page). The proper fix is to put the home page widget
   in the page (Trustindex admin), see the README. */
body.pdr-site-full #request-a-quote--review .ti-header .ti-fade-container {
  display: none !important;
}
body.pdr-site-full #request-a-quote--review .ti-header .ti-fade-container:first-child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  -webkit-transform: none !important;
  transform: none !important;
}

/* Quote page header (markup from the mu-plugin: the site logo and the green
   "Start your data recovery now" button; the theme header is turned off on
   this page). The button shows on phones too: the theme's top bar does not
   appear on this page. */
.pdr-lp-header {
  background-color: #fff;
  border-bottom: 1px solid #e6e8ec;
  font-family: "Poppins", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.pdr-lp-header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pdr-lp-header__logo img {
  display: block;
  height: 52px;
  width: auto;
}
.pdr-lp-header a.pdr-lp-header__start {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 12px;
  background-color: #67b857;
  border: 1.5px solid #67b857;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pdr-lp-header a.pdr-lp-header__start:hover,
.pdr-lp-header a.pdr-lp-header__start:focus {
  background-color: #5aa64b;
  border-color: #5aa64b;
  color: #fff;
}
@media (max-width: 599px) {
  .pdr-lp-header__inner {
    padding: 10px 14px;
  }
  .pdr-lp-header__logo img {
    height: 36px;
  }
  .pdr-lp-header a.pdr-lp-header__start {
    min-height: 44px;
    padding: 8px 12px;
    margin-left: 12px;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    max-width: 210px;
  }
}

/* Phones with the bottom bar: the theme also pins the top bar (green "Submit a
   job" + phone, 57px) and the header (100px) while scrolling. With the bottom
   bar that covered about a quarter of the screen and showed the green button
   twice, so on phones the top bar and header scroll away normally and the
   bottom bar carries the green button (decided from screenshots, see README).
   Pages without the bottom bar (job forms, quote page) keep the sticky top bar. */
@media (max-width: 767px) {
  body.pdr-site.pdr-has-mobile-bar #top-bar-wrap,
  body.pdr-site.pdr-has-mobile-bar #site-header {
    position: relative !important; /* beats the theme's position: fixed (inline style and .is-sticky) */
    top: auto !important;
    width: auto !important;
  }
}


/* --------------------------------------------------------------------------
   12. White page (Payam, 17 Oct 2026: "I prefer white background on the web
       site, don't make it all gray"). The page, top bar, footer and Total's
       surface colour are white through the tokens above. Light grey section
       bands from WPBakery are turned white by the mu-plugin (filter on the
       page's WPBakery CSS, light greys only, so dark bands are never touched);
       the rules below are the same for the bands seen in testing and for
       greys that do not come through that filter.
   -------------------------------------------------------------------------- */
body.pdr-site-full #home__section_quoteform,
body.pdr-site-full .vc_section.vc_custom_1668175800441,
body.pdr-site-full .vc_row.vc_custom_1723031344588,
body.pdr-site-full .vc_row.vc_custom_1667213827990,
body.pdr-site-full .vc_section.vc_custom_1743850177656,
body.pdr-site-full .page-header,
body.pdr-site-full .wpex-surface-2 {
  background-color: #fff !important; /* beats vc_custom light grey (!important) */
}
/* Page background behind the plugin forms (the forms theme paints #f6f6f6).
   The forms themselves are already white bordered cards and are not touched. */
body.pdr-site.pdr-forms #main,
body.pdr-site.pdr-forms #content-wrap,
body.pdr-site.pdr-forms .site-main,
body.pdr-site-chrome .page-header {
  background-color: #fff;
}
/* Wave 23: the forms theme's grey page panel around a job form
   (.custom-job-form, #f6f6f6) is the page background on a job form page, so
   it is white too. Background colour only; the white form card, its border,
   fields and buttons are not touched. Payment pages never get pdr-site. */
body.pdr-site.pdr-forms .custom-job-form:not(.custom-payment-form) {
  background-color: #fff;
}
/* Total alert boxes (green, grey and blue tints on the service pages): white
   cards with the thin border. */
body.pdr-site-full .wpex-alert {
  background-color: #fff !important;
  border: 1px solid var(--pdr-line) !important;
  border-radius: 14px;
  color: var(--pdr-text);
  -webkit-box-shadow: var(--pdr-card-shadow);
  box-shadow: var(--pdr-card-shadow);
}
/* Grey content boxes written into articles (inline style #f8f9fa) */
body.pdr-site-full .entry [style*="background-color: #f8f9fa"],
body.pdr-site-full .entry [style*="background-color:#f8f9fa"],
body.pdr-site-full .entry [style*="background: #f8f9fa"],
body.pdr-site-full .entry .cta-box {
  background-color: #fff !important; /* beats the inline grey */
  border-color: var(--pdr-line) !important;
}