/* R8-63: visible public CTAs must not rely on inline styles (CSP). */
#tasteFinderOpen.pitari-discovery-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 52px !important;
  padding: 11px 22px !important;
  border: 1px solid #ffdcad !important;
  border-radius: 15px !important;
  background: linear-gradient(115deg, #f5c98c, #eeac64) !important;
  color: #24170e !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0.025em !important;
  box-shadow: 0 6px 23px rgba(236, 166, 94, 0.20) !important;
  cursor: pointer !important;
}
#duelSearchOpen {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 17px !important;
  border: 1px solid #eab376 !important;
  border-radius: 12px !important;
  background: linear-gradient(115deg, #f5c98c, #eeac64) !important;
  color: #24170e !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
#duelSearchOpen:focus-visible, #tasteFinderOpen:focus-visible {
  outline: 2px solid #fff3df !important;
  outline-offset: 3px !important;
}


/* R8-72B: Purple Discovery CTA and contained neon edge */
#tasteFinderOpen.pitari-discovery-cta {
  position: relative !important;
  isolation: isolate;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 52px !important;
  padding: 11px 22px !important;
  overflow: hidden !important;
  border: 1px solid #c68af0 !important;
  border-radius: 15px !important;
  background: linear-gradient(115deg,#482266,#9851c8 52%,#5c2b83) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 24px rgba(133,65,182,.3),
              inset 0 1px rgba(255,255,255,.18) !important;
  transition: filter .2s ease,box-shadow .2s ease;
}
#tasteFinderOpen.pitari-discovery-cta:hover,
#tasteFinderOpen.pitari-discovery-cta:focus-visible {
  color: #fff !important;
  filter: brightness(1.12);
  box-shadow: 0 7px 28px rgba(167,81,222,.48),
              0 0 17px rgba(199,121,255,.25) !important;
}
#tasteFinderOpen.pitari-discovery-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 2px solid transparent;
  border-radius: inherit;
  background: linear-gradient(
    110deg,transparent 16%,#be79ff 39%,
    #fff0ff 50%,#be79ff 61%,transparent 84%
  ) 100% 0 / 350% 100% border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box,
                linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  transform: none !important;
  pointer-events: none;
  animation: r872b-border-sweep 12s linear infinite !important;
}
@keyframes r872b-border-sweep {
  0%,72% {opacity:0;background-position:100% 0}
  75% {opacity:1;background-position:100% 0}
  91% {opacity:1;background-position:0% 0}
  95%,100% {opacity:0;background-position:0% 0}
}
@media(prefers-reduced-motion:reduce) {
  #tasteFinderOpen.pitari-discovery-cta::before {
    animation:none !important;
    opacity:0 !important;
  }
}


/* R8-72C: sliding call-to-action text */
#tasteFinderOpen.pitari-discovery-cta {
  min-width:285px;
  max-width:100%;
  text-align:center;
}
#tasteFinderOpen .r872c-cta-cycle {
  display:inline-grid;
  align-items:center;
  justify-items:center;
  max-width:100%;
}
#tasteFinderOpen .r872c-cta-cycle > span {
  grid-area:1 / 1;
  display:block;
  white-space:nowrap;
  color:inherit;
  opacity:0;
  transform:translateY(9px);
  animation:r872c-cta-slide 12s ease-in-out infinite;
}
#tasteFinderOpen .r872c-cta-cycle > span:nth-child(1) {
  animation-delay:0s;
}
#tasteFinderOpen .r872c-cta-cycle > span:nth-child(2) {
  animation-delay:-8s;
}
#tasteFinderOpen .r872c-cta-cycle > span:nth-child(3) {
  animation-delay:-4s;
}
@keyframes r872c-cta-slide {
  0%,26% {
    opacity:1;
    transform:translateY(0);
  }
  32%,94% {
    opacity:0;
    transform:translateY(-9px);
  }
  95%,100% {
    opacity:0;
    transform:translateY(9px);
  }
}
@media(max-width:380px) {
  #tasteFinderOpen.pitari-discovery-cta {
    min-width:0;
    width:100%;
    padding-left:12px !important;
    padding-right:12px !important;
    font-size:13px !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  #tasteFinderOpen .r872c-cta-cycle > span {
    animation:none !important;
    opacity:0;
    transform:none;
  }
  #tasteFinderOpen .r872c-cta-cycle > span:first-child {
    opacity:1;
  }
}


/* R8-72D: clearly visible rotating CTA messages */
#tasteFinderOpen.pitari-discovery-cta {
  min-width: 285px;
  max-width: 100%;
  overflow: hidden;
}
#tasteFinderOpen .r872c-cta-cycle {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
  min-height: 28px;
}
#tasteFinderOpen .r872c-cta-cycle > span {
  grid-area: 1 / 1;
  display: block;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(15px);
  animation: r872d-message-slide 12s linear infinite !important;
  will-change: opacity, transform;
}
#tasteFinderOpen .r872c-cta-cycle > span:nth-child(1) {
  animation-delay: 0s !important;
}
#tasteFinderOpen .r872c-cta-cycle > span:nth-child(2) {
  animation-delay: -8s !important;
}
#tasteFinderOpen .r872c-cta-cycle > span:nth-child(3) {
  animation-delay: -4s !important;
}
@keyframes r872d-message-slide {
  0%, 25% {
    opacity: 1;
    transform: translateY(0);
  }
  32%, 95% {
    opacity: 0;
    transform: translateY(-15px);
  }
  96%, 100% {
    opacity: 0;
    transform: translateY(15px);
  }
}
@media (max-width: 380px) {
  #tasteFinderOpen.pitari-discovery-cta {
    min-width: 0;
    width: 100%;
  }
  #tasteFinderOpen .r872c-cta-cycle > span {
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #tasteFinderOpen .r872c-cta-cycle > span {
    animation: none !important;
    opacity: 0;
    transform: none;
    will-change: auto;
  }
  #tasteFinderOpen .r872c-cta-cycle > span:first-child {
    opacity: 1;
  }
}


/* R8-72E: JavaScript-controlled message rotation, 2s / 1s / 1s. */
#tasteFinderOpen .r872c-cta-cycle > span {
  animation: none !important;
  opacity: 0 !important;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}

#tasteFinderOpen .r872c-cta-cycle > span.is-current {
  opacity: 1 !important;
  transform: translateY(0);
}

#tasteFinderOpen .r872c-cta-cycle > span:first-child:not(.is-current) {
  opacity: 0 !important;
}

#tasteFinderOpen .r872c-cta-cycle > span:first-child {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #tasteFinderOpen .r872c-cta-cycle > span {
    transition: none !important;
  }
}


/* R8-72F: two-state 3s / 2s CTA, JS owns visibility */
#tasteFinderOpen .r872c-cta-cycle > span {
  animation: none !important;
  transition: opacity .22s ease, transform .22s ease;
  opacity: 0 !important;
  transform: translateY(9px);
}
#tasteFinderOpen .r872c-cta-cycle > span.is-current {
  animation: none !important;
  opacity: 1 !important;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  #tasteFinderOpen .r872c-cta-cycle > span {
    transition: none !important;
  }
}
