/* OBEINSON FREQUENCY X — donation styling.
 *
 * Two blocks were removed on 2026-10-23 because nothing could use them any
 * more: #obnDonateDock, a floating dock no script had created for some time,
 * and .obnDonateDialog, whose script (donate.js) was taken off the page at the
 * owner's request. What remains styles the Donate screen (#planOv) and the
 * .obnDonateLink used inside it, both still reachable from the banner chip and
 * from Menu -> "Donate & licence".
 */
a.obnDonateLink {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  min-height: calc(var(--obnTouchTarget, 44px) * .8);
  box-sizing: border-box;
  padding: 5px 10px;
  border: 1px solid #ffe997;
  border-radius: 10px;
  background: #f9d650;
  color: #30260b;
  font-family: inherit;
  line-height: 1.3;
  text-decoration: none;
  box-shadow: 0 8px 24px #07151340;
  touch-action: manipulation;
  transition: transform .15s ease, background-color .15s ease;
}

.obnDonateLink strong { font-size: 12px; font-weight: 800; }
.obnDonateLink span { font-size: 10px; font-weight: 600; }
a.obnDonateLink:hover { background: #ffe478; transform: translateY(-2px); }
a.obnDonateLink:active { transform: translateY(0); }
a.obnDonateLink:focus-visible { outline: 3px solid #fff7d6; outline-offset: 4px; }

#trialBuy { background: #f9d650; color: #30260b; border-color: #ffe997; }

.obnDonationPrice {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 8px 14px;
  margin-top: 20px;
}
.obnDonationPrice strong { color: #f9d650; font-size: 48px; line-height: 1.1; }
.obnDonationPrice span { color: var(--muted); font-size: 16px; }
.obnDonationHelp { max-width: 620px; margin: 14px auto 0; color: var(--muted); font-size: 16px; line-height: 1.6; text-align: center; }

.obnDonationChoices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.obnDonationChoice { display: flex; flex-direction: column; gap: 12px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; text-align: left; }
.obnDonationChoiceReady { border-color: #f9d650; }
.obnDonationChoice h4 { margin: 0; font-size: 20px; }
.obnDonationChoice p { margin: 0; color: var(--muted); line-height: 1.6; }
.obnDonationChoice .obnDonationAmount { color: var(--text); font-size: 22px; font-weight: 700; }
.obnDonationAmount small { display: block; color: var(--muted); font-size: 14px; font-weight: 400; }
.obnDonationChoice > button, .obnDonationChoice .supGive { margin-top: auto; }
.obnDonationChoice .supGive { padding-top: 8px; }
.obnDonationChoice button:disabled { min-height: 48px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); font: inherit; cursor: not-allowed; }
.obnDonationChoice button:focus-visible { outline: 3px solid #f9d650; outline-offset: 4px; }

@media (max-width: 640px) {
  .obnDonationChoices { grid-template-columns: minmax(0, 1fr); }
}




html.obn-touch .obnDonateLink strong { font-size: max(12px, calc(var(--obnTouchFont, 16px) * .72)); }
html.obn-touch .obnDonateLink span { font-size: max(10px, calc(var(--obnTouchFont, 16px) * .60)); }
html.obn-phone 
@media (prefers-reduced-motion: reduce) {
  a.obnDonateLink { transition: none; }
  a.obnDonateLink:hover { transform: none; }
}