/* Mobile polish shared only by the five earnings calculators. */
:is(
  [data-bo-tool="adsense-earnings-calculator"],
  [data-bo-tool="affiliate-income-calculator"],
  [data-bo-tool="cpm-calculator"],
  [data-bo-tool="ezoic-earnings-calculator"],
  [data-bo-tool="youtube-rpm-calculator"]
) {
  --bo-earnings-blue: #0878f9;
  --bo-earnings-blue-dark: #075ab8;
  min-width: 0;
}

:is(
  [data-bo-tool="adsense-earnings-calculator"],
  [data-bo-tool="affiliate-income-calculator"],
  [data-bo-tool="cpm-calculator"],
  [data-bo-tool="ezoic-earnings-calculator"],
  [data-bo-tool="youtube-rpm-calculator"]
) .bo-tool-btn:not(.bo-tool-btn-secondary) {
  background: var(--bo-earnings-blue) !important;
  box-shadow: 0 7px 18px rgba(8, 120, 249, 0.22) !important;
}

:is(
  [data-bo-tool="adsense-earnings-calculator"],
  [data-bo-tool="affiliate-income-calculator"],
  [data-bo-tool="cpm-calculator"],
  [data-bo-tool="ezoic-earnings-calculator"],
  [data-bo-tool="youtube-rpm-calculator"]
) .bo-tool-btn:not(.bo-tool-btn-secondary):hover,
:is(
  [data-bo-tool="adsense-earnings-calculator"],
  [data-bo-tool="affiliate-income-calculator"],
  [data-bo-tool="cpm-calculator"],
  [data-bo-tool="ezoic-earnings-calculator"],
  [data-bo-tool="youtube-rpm-calculator"]
) .bo-tool-btn:not(.bo-tool-btn-secondary):focus-visible {
  background: var(--bo-earnings-blue-dark) !important;
}

@media (max-width: 700px) {
  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) {
    width: 100%;
    max-width: 100%;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-breadcrumb {
    gap: 5px !important;
    margin-bottom: 20px !important;
    font-size: 0.74rem !important;
    overflow-wrap: anywhere;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-tool-header-block {
    margin-bottom: 22px;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-tool-title {
    max-width: 340px;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: clamp(1.55rem, 8vw, 2rem) !important;
    line-height: 1.14 !important;
    overflow-wrap: anywhere;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-tool-subtitle {
    max-width: 36rem;
    font-size: 0.94rem !important;
    line-height: 1.65 !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-social-proof {
    max-width: 100%;
    justify-content: center;
    padding: 8px 12px;
    font-size: 0.75rem;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-form-card {
    overflow: hidden;
    border-radius: 17px !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-tool-form {
    padding: 22px 18px 20px !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-tool-section-title {
    margin-bottom: 20px !important;
    font-size: 0.72rem !important;
    line-height: 1.5 !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-input-group {
    min-width: 0;
    margin-bottom: 18px;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) :is(.bo-tool-input, .bo-tool-select) {
    min-height: 50px !important;
    height: 50px !important;
    font-size: 16px !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) :is(.bo-tool-label, .bo-tool-hint, .bo-input-helper, .bo-input-helper p) {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-btn-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-tool-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    white-space: normal !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) [data-bo-results] {
    min-width: 0;
    max-width: 100%;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) [data-bo-results] > div {
    max-width: 100%;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) [data-bo-results] table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) [data-bo-results] :is(th, td) {
    min-width: 0;
    padding: 11px 12px !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) [data-bo-results] td:last-child {
    font-size: 0.9rem !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) [data-bo-results] :is(button, a) {
    min-height: 44px;
    align-items: center;
    justify-content: center;
    white-space: normal !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-privacy-note {
    align-items: flex-start !important;
    padding: 12px 14px !important;
    font-size: 0.78rem !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-related-cards {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-related-card {
    min-height: 68px;
    padding: 12px 13px !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-related-card-body :is(strong, span) {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) :is(.bo-tool-related-list, .wp-block-buttons) {
    gap: 8px;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) :is(img, video, iframe) {
    max-width: 100%;
    height: auto;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .wp-block-table {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 390px) {
  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) .bo-tool-form {
    padding: 20px 14px 18px !important;
  }

  :is(
    [data-bo-tool="adsense-earnings-calculator"],
    [data-bo-tool="affiliate-income-calculator"],
    [data-bo-tool="cpm-calculator"],
    [data-bo-tool="ezoic-earnings-calculator"],
    [data-bo-tool="youtube-rpm-calculator"]
  ) [data-bo-results] :is(th, td) {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }
}