/*
 * CookiePal's "Consent preferences" button. It reopens the cookie settings, so it has to stay
 * visible and clickable on every page. CookiePal puts it bottom-left, where on phones it covers
 * the start of every line of text; here it moves bottom-right, where lines end ragged, and gets
 * smaller on phones. Its tooltip opens to the left, as in CookiePal's own bottom-right mode.
 *
 * Linked right after the CookiePal <script> in every page that loads it (see CLAUDE.md, Analytics
 * & consent stack). CookiePal injects its own CSS later, so these rules win by specificity.
 */
.cookiepal-btn-revisit-wrapper.cookiepal-revisit-bottom-left,
.cookiepal-btn-revisit-wrapper.cookiepal-revisit-bottom-right {
  left: auto !important;
  right: 16px !important;
  bottom: 16px !important;
}

.cookiepal-btn-revisit-wrapper.cookiepal-revisit-bottom-left:hover::before {
  left: auto !important;
  right: calc(100% + 7px) !important;
}

.cookiepal-btn-revisit-wrapper.cookiepal-revisit-bottom-left:hover::after {
  display: none !important;
}

@media (max-width: 640px) {
  .cookiepal-btn-revisit-wrapper.cookiepal-revisit-bottom-left,
  .cookiepal-btn-revisit-wrapper.cookiepal-revisit-bottom-right {
    right: 10px !important;
    bottom: 10px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  .cookiepal-btn-revisit-wrapper .cookiepal-btn-revisit img {
    max-width: 36px !important;
    max-height: 36px !important;
  }
}