/* TAG CTA system / 2026.11 - central, non-destructive */
/* Brand colors */
:root{--tag-orange:#E64210;--tag-ink:#171916;--tag-cream:#F7F6F3}
a.arrow-link,a.nav-cta,a.pill,a.more,a.footer-v14-cta,a.ed-cta,.closing a.arrow-link,.ferrero-cta a{
  -webkit-tap-highlight-color:transparent;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,opacity .22s ease!important;
}
a.arrow-link,a.pill,a.nav-cta{
  background:var(--tag-orange)!important;
  color:#fff!important;
  border-color:var(--tag-orange)!important;
}
a.arrow-link:is(:hover,:focus-visible),a.pill:is(:hover,:focus-visible),a.nav-cta:is(:hover,:focus-visible){
  background:var(--tag-ink)!important;
  border-color:var(--tag-ink)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(23,25,22,.17)!important;
}
:is(.dark,.inner-hero,.ferrero-tech,.top,.tag-footer-v14) a.arrow-link,
:is(.dark,.inner-hero,.ferrero-tech,.top,.tag-footer-v14) a.nav-cta,
:is(.dark,.inner-hero,.ferrero-tech,.top,.tag-footer-v14) a.pill{
  background:transparent!important;color:#fff!important;
  border:1px solid #fff!important;
}
:is(.dark,.inner-hero,.ferrero-tech,.top,.tag-footer-v14) a.arrow-link:is(:hover,:focus-visible),
:is(.dark,.inner-hero,.ferrero-tech,.top,.tag-footer-v14) a.nav-cta:is(:hover,:focus-visible),
:is(.dark,.inner-hero,.ferrero-tech,.top,.tag-footer-v14) a.pill:is(:hover,:focus-visible){
  background:#fff!important;border-color:#fff!important;color:var(--tag-ink)!important;
}
.closing a.arrow-link,.burgerking-case .ferrero-cta a,
:is(.closing,.burgerking-case .ferrero-cta) a.nav-cta{
  background:#fff!important;color:var(--tag-orange)!important;border:1px solid #fff!important;
  border-radius:999px!important;
  padding:15px 24px!important;text-decoration:none!important;
  display:inline-flex!important;align-items:center;gap:12px;
  font-weight:700!important;
}
.closing a.arrow-link:is(:hover,:focus-visible),.burgerking-case .ferrero-cta a:is(:hover,:focus-visible){
  background:var(--tag-ink)!important;border-color:var(--tag-ink)!important;color:#fff!important;
}
.ferrero-cta a{box-shadow:none!important;transform:none;border-bottom-width:2px}
.ferrero-cta:not(.burgerking-case .ferrero-cta) a:is(:hover,:focus-visible){
  transform:translateY(-2px)!important;opacity:1!important;
}
.pepsico-case .ferrero-cta a{color:var(--tag-ink)!important;border-color:var(--tag-ink)!important}
.pepsico-case .ferrero-cta a:is(:hover,:focus-visible){color:var(--tag-orange)!important;border-color:var(--tag-orange)!important}
a.footer-v14-cta{border:1px solid rgba(255,255,255,.7)!important;background:transparent!important;color:#fff!important}
a.footer-v14-cta :is(span,svg){color:var(--tag-orange)!important}
a.footer-v14-cta:is(:hover,:focus-visible){background:#fff!important;border-color:#fff!important;color:var(--tag-ink)!important;transform:translateY(-2px)!important}
a.more,a.ed-cta{color:inherit;text-underline-offset:5px}
a.more:is(:hover,:focus-visible),a.ed-cta:is(:hover,:focus-visible){color:var(--tag-orange)!important;transform:translateY(-2px)!important}
:is(a.arrow-link,a.pill,a.nav-cta,a.more,a.footer-v14-cta,a.ed-cta,.ferrero-cta a):focus-visible{
  outline:2px solid var(--tag-orange);outline-offset:4px
}
@media(max-width:800px){a.arrow-link,a.nav-cta,a.pill,a.footer-v14-cta{max-width:100%;white-space:normal;text-align:center;justify-content:center}}
@media(prefers-reduced-motion:reduce){a.arrow-link,a.nav-cta,a.pill,a.more,a.footer-v14-cta,a.ed-cta,.ferrero-cta a{transition:none!important;transform:none!important}}

/* 2026-11-04 / hover contrast: dark-surface CTAs */
:is(.atlas,.atlas-block,.home-hero-shell,.content-section.dark,.ferrero-tech,.inner-hero,.top,.dark) a:is(.pill,.arrow-link,.nav-cta){
 background:transparent!important;
 border:1px solid #fff!important;
 color:#fff!important;
 box-shadow:none!important;
}
:is(.atlas,.atlas-block,.home-hero-shell,.content-section.dark,.ferrero-tech,.inner-hero,.top,.dark) a:is(.pill,.arrow-link,.nav-cta):is(:hover,:focus-visible){
 background:#fff!important;
 border-color:#fff!important;
 color:#171916!important;
 box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
.atlas a.pill{display:inline-flex;align-items:center;justify-content:center}
.atlas a.pill:is(:hover,:focus-visible){color:#171916!important;background:#fff!important;border-color:#fff!important}

/* TAG mobile touch prelaunch: no sticky pseudo-hover and resilient tap targets */
@media (hover:none) and (pointer:coarse){
  a.arrow-link,a.nav-cta,a.pill,a.footer-v14-cta,a.ed-cta,a.more,.ferrero-cta a{transform:none!important;box-shadow:none!important;transition:none!important}
  a:is(.arrow-link,.nav-cta,.pill):hover:not(:focus-visible){background:#E64210!important;border-color:#E64210!important;color:#fff!important}
  :is(.atlas,.atlas-block,.home-hero-shell,.content-section.dark,.ferrero-tech,.inner-hero,.top,.dark) a:is(.pill,.arrow-link,.nav-cta):hover:not(:focus-visible){background:transparent!important;border-color:#fff!important;color:#fff!important}
  .closing a.arrow-link:hover:not(:focus-visible),.burgerking-case .ferrero-cta a:hover:not(:focus-visible){background:#fff!important;border-color:#fff!important;color:#E64210!important}
  a.footer-v14-cta:hover:not(:focus-visible){background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important}
  a.more:hover:not(:focus-visible),a.ed-cta:hover:not(:focus-visible){color:inherit!important}
}
@media(max-width:800px){
  .mobile-menu{padding-bottom:max(32px,env(safe-area-inset-bottom));overscroll-behavior:contain}
  a.arrow-link,a.nav-cta,a.pill,a.footer-v14-cta,.mobile-menu a{min-height:44px}
  img{max-width:100%}
  .site-main,.wrap{min-width:0}
}
