/* Temporary free-Pro promotion notice on the marketing pricing sections.
   Theme-neutral on purpose (currentColor + opacity) so it reads correctly on the
   dark landing page and the pastel light theme without a per-theme override.
   Delete this file together with js/promo-free-pro-banner.js when the promotion
   ends. */

.pricing-promo-notice {
    margin: 0 auto 20px;
    max-width: 720px;
    padding: 12px 18px;
    border: 1px solid currentColor;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    opacity: 0.92;
}

.pricing-promo-notice:empty {
    display: none;
}

/* Beats the themed .plan-select-btn rules, which are scoped to
   html[data-index-v2-theme] and therefore outrank a bare class selector. */
html .plan-select-btn--promo-paused,
html body .plan-select-btn--promo-paused {
    cursor: default;
    pointer-events: none;
    filter: grayscale(1);
    opacity: 0.55;
}