/* Coinable Queue Mobile Compact v1.3.0 */
@media (max-width: 782px) {
  html body .coinable-mobile-queue-compact {
    box-sizing: border-box !important;
    width: 63px !important;
    min-width: 63px !important;
    max-width: 63px !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    padding: 8px 4px 7px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    text-align: center !important;
    line-height: 1 !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body .coinable-mobile-queue-compact > * {
    display: none !important;
  }

  html body .coinable-mobile-queue-compact::before {
    content: "🪖  🎙️" !important;
    display: block !important;
    font-size: 18px !important;
    line-height: 1 !important;
    margin: 0 0 4px !important;
    color: #fff !important;
  }

  html body .coinable-mobile-queue-compact::after {
    content: "QUEUE\A SPEAK NOW" !important;
    white-space: pre !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
  }

  html body .coinable-mobile-queue-compact,
  html body .coinable-mobile-queue-compact * {
    text-decoration: none !important;
  }

  /* Hide only duplicate floating queue launchers identified by the runtime. */
  html body .coinable-mobile-queue-duplicate {
    display: none !important;
  }
}


/* Mobile readability fallback: when a page has no dark-mode control, keep the
   page surface dark so Coinable's white/light text remains readable. */
@media (max-width: 782px) {
  html.coinable-no-dark-toggle,
  html.coinable-no-dark-toggle body {
    background: #071424 !important;
    color: #fff !important;
  }

  html.coinable-no-dark-toggle body :where(
    #page,
    #content,
    #primary,
    #main,
    main,
    article,
    .site,
    .site-content,
    .content-area,
    .entry-content,
    .wp-site-blocks,
    .woocommerce,
    .woocommerce-page,
    .woocommerce-notices-wrapper
  ) {
    background-color: #071424 !important;
    color: #fff !important;
  }

  /* Catch common white content panels without flattening controls, media,
     form fields, product imagery or intentionally colored action cards. */
  html.coinable-no-dark-toggle body :where(
    .entry,
    .page-content,
    .post-content,
    .wp-block-group,
    .wp-block-column,
    .woocommerce-tabs,
    .related,
    .up-sells
  ):not(button):not(input):not(select):not(textarea):not(.button):not(.wp-element-button) {
    background-color: #0b1b30 !important;
    color: #fff !important;
  }

  html.coinable-no-dark-toggle body :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,strong,small) {
    color: inherit;
  }

  html.coinable-no-dark-toggle body a:not(.button):not(.wp-element-button) {
    color: #8fd3ff;
  }
}