/* Featured ribbon shared with the approved WHMCS treatment. */
.cp-plan:has(.cp-featured-ribbon){position:relative;border-color:#65e6d1!important;box-shadow:0 0 0 1px #65e6d124,0 8px 24px #65e6d112}
.cp-plan:has(.cp-featured-ribbon) .cp-plan-code{position:static;padding-left:0;padding-right:140px;min-height:30px;justify-content:flex-start}
.cp-plan .cp-featured-ribbon{position:absolute;top:24px;inset-inline-start:0;display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:none;box-sizing:border-box;min-height:29px;padding:6px 10px 6px 24px;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:0;white-space:nowrap;background:#65e6d1;color:#102e36;border:0;border-radius:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10px 50%);overflow:hidden;isolation:isolate;direction:rtl}
[dir=ltr] .cp-plan .cp-featured-ribbon{inset-inline-end:auto;inset-inline-start:0;padding:6px 24px 6px 10px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%);direction:ltr}
[dir=ltr] .cp-plan:has(.cp-featured-ribbon) .cp-plan-code{padding-left:140px;padding-right:0;justify-content:flex-end}
.cp-featured-ribbon svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.cp-featured-ribbon::after{content:"";position:absolute;inset:-30% auto -30% -65%;width:40%;background:linear-gradient(90deg,transparent,#ffffff75,transparent);transform:skewX(-20deg);animation:hvWpRibbonSweep 7s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes hvWpRibbonSweep{0%,65%{left:-65%}85%,100%{left:135%}}
@media(prefers-reduced-motion:reduce){.cp-featured-ribbon::after{animation:none;display:none}}