/* Replacements for small jQuery-driven interactions. */
.faq .accordion-item[hidden],
.faq .sub-accordion-item[hidden],
.faq .accordion-body[hidden],
.faq .sub-accordion-body[hidden] { display: none !important; }
.faq-search-empty { margin-top: .75rem; }
.newsletter-botcheck { position: absolute; left: -9999px; }

/* Homepage blocks that were animated by removed WordPress plugins. The
   observer adds the final class once; no persistent scroll handler is used. */
.home-viewport-reveal {
  opacity: 0;
  transform: translate3d(0, 42px, 0);
  transition: opacity .72s cubic-bezier(.22, .8, .25, 1), transform .72s cubic-bezier(.22, .8, .25, 1);
}
.home-viewport-reveal.is-home-revealed { opacity: 1; transform: none; }
.home-carousel-reveal { transition-delay: .13s; }
.home-as-seen-fade { animation: home-as-seen-fade .42s ease-out both; }
@keyframes home-as-seen-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .home-viewport-reveal { opacity: 1; transform: none; transition: none; }
  .home-as-seen-fade { animation: none; }
}

/* Country controls retain the native picker (including keyboard search) while
   visually matching the captured Coin and Insider form fields. */
.country_dropdown,
.country_select { position: relative; }
.country_dropdown::after,
.country_select::after { content: "⌄"; position: absolute; top: 50%; right: 22px; color: currentColor; font-size: 1.3rem; line-height: 1; pointer-events: none; transform: translateY(-58%); }
.subscribe-area .country_dropdown { color: #fff; }
.subscribe-area .country_dropdown select { display: block; width: 100%; min-height: 60px; padding: 0 52px 0 30px; appearance: none; border: 1px solid #fff; border-radius: 15px; background: transparent; color: #fff; font: inherit; }
.subscribe-area .country_dropdown select:focus { outline: 2px solid #fe3258; outline-offset: 3px; }
.subscribe-area .country_dropdown select option { background: #190f3c; color: #fff; }
.insider_form .country_select { color: #190f3c; }
.insider_form .country_select select { display: block; box-sizing: border-box; width: 100%; height: 42.4px; min-height: 0; padding: 8px 48px 8px 20px; appearance: none; border: 2px solid #e0e1dc; border-radius: 15px; background: #fff; color: #190f3c; font: inherit; }
.insider_form .country_select select:focus { outline: 2px solid #fe3258; outline-offset: 3px; }
