/* BuscarHacker — correção de legibilidade no modo escuro em celulares. */
@media (prefers-color-scheme: dark) and (max-width: 767px) {
  :root {
    color-scheme: dark;
    --bh-dark-bg: #0f1724;
    --bh-dark-surface: #182536;
    --bh-dark-surface-2: #203247;
    --bh-dark-text: #f1f5f9;
    --bh-dark-muted: #c2cedb;
    --bh-dark-line: #3b5066;
    --bh-dark-link: #67e8a5;
  }

  html,
  body,
  header,
  #logo,
  #main,
  main,
  section,
  article,
  .container,
  .container-fluid {
    background: var(--bh-dark-bg) !important;
    color: var(--bh-dark-text) !important;
  }

  body,
  #main p,
  #main li,
  #main dt,
  #main dd,
  #main label,
  #main small,
  #main span,
  #main td,
  #main th,
  #main blockquote,
  #main figcaption {
    color: var(--bh-dark-muted) !important;
  }

  h1, h2, h3, h4, h5, h6,
  #main h1, #main h2, #main h3, #main h4, #main h5, #main h6,
  #main strong, #main b,
  #welcome > div:first-child > span,
  #welcome > div:first-child strong,
  #welcome > div:last-child strong,
  #services .sTitle {
    color: var(--bh-dark-text) !important;
  }

  a,
  #main a:not(.sButton):not(.wa-cta):not(.wa-float) {
    color: var(--bh-dark-link) !important;
  }

  #fixed-bar a,
  #fixed-bar .online a {
    color: #b8c7d8 !important;
  }

  #menu,
  #menu > ul,
  #menu > ul > li,
  #menu > ul > li > a,
  nav {
    background: var(--bh-dark-surface-2) !important;
    color: var(--bh-dark-text) !important;
    border-color: var(--bh-dark-line) !important;
  }

  #menu > ul > li > a:hover,
  #menu > ul > li.active > a {
    background: #2c4660 !important;
    color: #ffffff !important;
  }

  #welcome,
  #main #welcome,
  #services .service_item,
  #main #services .service_item,
  #main #services + div,
  #main #services + div + div,
  .card,
  .wp-content,
  .price,
  .modal-content,
  .accordion-item,
  .faq-item,
  table,
  form {
    background: var(--bh-dark-surface) !important;
    color: var(--bh-dark-text) !important;
    border-color: var(--bh-dark-line) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24) !important;
  }

  #services .sDescription,
  #main #services .sDescription,
  #welcome > div:last-child p {
    color: var(--bh-dark-muted) !important;
  }

  #main .title,
  .title {
    background: #29435d !important;
    color: #ffffff !important;
  }

  input,
  textarea,
  select,
  .form-control,
  button:not(.sButton):not(.wa-cta):not(.wa-float) {
    background: #142235 !important;
    color: var(--bh-dark-text) !important;
    border-color: var(--bh-dark-line) !important;
  }

  input::placeholder,
  textarea::placeholder {
    color: #9fb0c2 !important;
    opacity: 1 !important;
  }

  #main .wp-content p,
  #main .wp-content li,
  #main .wp-content label,
  #main .wp-content span,
  #main .price p,
  #main .price li {
    color: var(--bh-dark-muted) !important;
  }

  #main .wp-content [style*="color"],
  #main .price [style*="color"],
  #main article [style*="color"],
  #main section [style*="color"] {
    color: var(--bh-dark-muted) !important;
  }

  #main [style*="background"],
  #main [style*="background-color"] {
    background-color: var(--bh-dark-surface) !important;
    background-image: none !important;
    border-color: var(--bh-dark-line) !important;
  }

  #main .sButton,
  #main .wa-cta,
  .wa-cta,
  .wa-float {
    background: #16a765 !important;
    color: #ffffff !important;
  }

  #main .sButton:hover,
  #main .wa-cta:hover,
  .wa-cta:hover,
  .wa-float:hover {
    background: #20c77a !important;
    color: #ffffff !important;
  }

  hr,
  .border,
  [style*="border"] {
    border-color: var(--bh-dark-line) !important;
  }

  ::selection {
    background: #2e8b63 !important;
    color: #ffffff !important;
  }
}