/* Secondary button backgrounds and primary action CTAs */
  .bg-secondary,
  a[data-path="book-a-collection"],
  a[data-path="book-a-collection"]:hover,
  a[href="#matrix"],
  a[href="#matrix"]:hover {
    background-color: #00A3E0 !important;
    color: #ffffff !important;
  }
  .bg-secondary:hover,
  a[data-path="book-a-collection"]:hover {
    background-color: #008DC2 !important;
  }

  /* Text accents */
  .text-secondary,
  .text-\[\#5095fe\] {
    color: #00A3E0 !important;
  }

  /* Light badge/chip backgrounds and subtle icon containers */
  .bg-surface-variant,
  .bg-secondary\/5 {
    background-color: #E5F6FD !important;
  }

  /* Matrix active column header and accent highlights */
  table th.bg-secondary {
    background-color: #00A3E0 !important;
    color: #ffffff !important;
  }
  table td.bg-secondary\/5 {
    background-color: #E5F6FD !important;
  }
  table td .text-secondary {
    color: #00A3E0 !important;
  }

  /* Pillar icon badges */
  .rounded-xl.bg-surface-variant {
    background-color: #E5F6FD !important;
  }
  .rounded-xl.bg-surface-variant .material-symbols-outlined {
    color: #00A3E0 !important;
  }

  /* Active telemetry progress bar */
  .w-4\/5.bg-secondary {
    background-color: #00A3E0 !important;
  }

  /* Show the current page in the shared site navigation. */
  body.page-template-page-why-thinkit nav a[data-path="home"],
  body.page-template-page-contact-us nav a[data-path="home"],
  body.page-template-page-about-us nav a[data-path="home"] {
    background-color: transparent !important;
    color: #d4d4d4 !important;
    border-color: transparent !important;
    font-weight: 600 !important;
  }
  body.page-template-page-why-thinkit nav a[data-path="why-thinkit"] {
    background-color: #171717 !important;
    color: #ffffff !important;
    border: 1px solid #262626 !important;
    font-weight: 700 !important;
  }
  body.page-template-page-contact-us nav a[data-path="contact-us"] {
    background-color: #171717 !important;
    color: #ffffff !important;
    border: 1px solid #262626 !important;
    font-weight: 700 !important;
  }
  body.page-template-page-about-us nav a[data-path="about-us"] {
    background-color: #171717 !important;
    color: #ffffff !important;
    border: 1px solid #262626 !important;
    font-weight: 700 !important;
  }
  body.page-template-page-it-equipment nav a[data-path="home"] {
    background-color: transparent !important;
    color: #d4d4d4 !important;
    border-color: transparent !important;
    font-weight: 600 !important;
  }
  body.page-template-page-it-equipment nav a[data-path="it-equipment-disposal"] {
    background-color: #171717 !important;
    color: #ffffff !important;
    border: 1px solid #262626 !important;
    font-weight: 700 !important;
  }
  body.page-template-page-school-asset-recycling nav a[data-path="home"] {
    background-color: transparent !important;
    color: #d4d4d4 !important;
    border-color: transparent !important;
    font-weight: 600 !important;
  }
  body.page-template-page-school-asset-recycling nav a[data-path="school-asset-recycling"] {
    background-color: #171717 !important;
    color: #ffffff !important;
    border: 1px solid #262626 !important;
    font-weight: 700 !important;
  }

  /* Keep custom section previews full-width inside the WordPress canvas. */
  .editor-styles-wrapper {
    background: #f8f9ff;
    color: #0b1c30;
    font-family: Inter, sans-serif;
  }
  .editor-styles-wrapper .thinkit-section-block {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0 !important;
  }



/* Contact page electric blue accents from the supplied design. */
:root { --thinkit-blue: #00A3E0; --thinkit-blue-hover: #008DC2; --thinkit-blue-light: #E5F6FD; } .bg-secondary { background-color: #00A3E0 !important; } .hover\:bg-secondary:hover { background-color: #008DC2 !important; } .hover\:bg-blue-600:hover { background-color: #008DC2 !important; } .text-secondary { color: #00A3E0 !important; } .hover\:text-secondary:hover { color: #008DC2 !important; } .text-secondary-fixed-dim { color: #7ad7fb !important; } .border-secondary { border-color: #00A3E0 !important; } .focus\:ring-secondary:focus { --tw-ring-color: #00A3E0 !important; } input[type="checkbox"]:checked, input[type="radio"]:checked { accent-color: #00A3E0 !important; } .bg-secondary-fixed { background-color: #E5F6FD !important; } .text-on-secondary-fixed-variant { color: #00658D !important; } .text-on-secondary-fixed { color: #00658D !important; } .hover\:text-cyan-400:hover { color: #00A3E0 !important; } .text-cyan-400 { color: #00A3E0 !important; } .shadow-\[0_2px_8px_rgba\(0\,92\,186\,0\.25\)\] { box-shadow: 0 2px 10px rgba(0, 163, 224, 0.35) !important; }


/* About Us brand palette and ESG slider accents. */

  /* Custom Brand Blue Palette Overrides */
  :root {
    --brand-blue: #00A3E0;
    --brand-blue-hover: #008DC2;
    --brand-blue-tint: #E5F6FD;
    --brand-blue-light: #E0F5FC;
  }

  /* Buttons and CTAs with vibrant logo blue */
  .bg-secondary,
  a[data-path="book-a-collection"] {
    background-color: #00A3E0 !important;
    color: #ffffff !important;
  }
  .bg-secondary:hover,
  a[data-path="book-a-collection"]:hover {
    background-color: #008DC2 !important;
    color: #ffffff !important;
  }

  /* Secondary container / badge accents */
  .bg-secondary-container {
    background-color: #00A3E0 !important;
  }
  .text-secondary,
  .text-cyan-400 {
    color: #00A3E0 !important;
  }
  .hover\:text-secondary:hover {
    color: #008DC2 !important;
  }

  /* Light badge tints and pill backgrounds */
  .bg-surface-variant,
  .bg-surface-container-highest,
  .bg-surface-container-high {
    background-color: #E5F6FD !important;
    color: #00658D !important;
  }

  /* Slider Accent */
  input[type="range"].accent-secondary {
    accent-color: #00A3E0 !important;
  }

  /* Icon badges and highlights */
  .group:hover .group-hover\:bg-secondary {
    background-color: #00A3E0 !important;
  }
  .group:hover .group-hover\:text-on-secondary {
    color: #ffffff !important;
  }

  /* Keep header black background intact */
  header.bg-black,
  header .bg-black {
    background-color: #000000 !important;
  }



/* IT Equipment page cyan palette and hardware-card accents. */

  /* Primary CTA Buttons & Active Badges */
  a.bg-secondary,
  button.bg-secondary,
  .bg-secondary:not(tr td):not(.w-3):not(.w-2) {
    background-color: #00A3E0 !important;
    color: #ffffff !important;
  }
  a.bg-secondary:hover,
  button.bg-secondary:hover {
    background-color: #008DC2 !important;
  }

  /* Text Highlights, Brand Accents & Accent Icons */
  .text-secondary,
  .text-secondary-fixed,
  .text-secondary-fixed-dim {
    color: #00A3E0 !important;
  }
  
  /* Light Tint Badges, Metric/Category Container Badges & Soft Highlight Backgrounds */
  .bg-surface-variant,
  .bg-secondary-fixed,
  .bg-surface-tint\/20 {
    background-color: #E5F6FD !important;
    color: #007099 !important;
  }
  .text-on-tertiary-fixed-variant {
    color: #007099 !important;
  }

  /* Group hover states on accepted hardware items */
  .group:hover .group-hover\:bg-secondary {
    background-color: #00A3E0 !important;
    color: #ffffff !important;
  }