/* "Free trial" labels on the order form: product tiles, the configure page and the cart summary.
   The colour and text come from the operator's settings; the host element only needs to be a positioning context. */
.nhs-trial-host{position:relative!important;overflow:hidden}
.nhs-trial-label{--c:var(--nhs-trial-colour,#16a34a);--ink:var(--nhs-trial-ink,#fff);z-index:3;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.02em;color:var(--ink);background:var(--c);white-space:nowrap;pointer-events:none}
/* Corner ribbon */
.nhs-trial-label--ribbon{position:absolute;top:18px;right:-44px;width:170px;padding:7px 0;text-align:center;transform:rotate(45deg);box-shadow:0 4px 10px -4px rgba(0,0,0,.45)}
/* Badge in the corner */
.nhs-trial-label--badge{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:6px;box-shadow:0 4px 10px -6px rgba(0,0,0,.5)}
/* Pill with a dot */
.nhs-trial-label--pill{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 80%,#000);border:1px solid color-mix(in srgb,var(--c) 35%,#fff)}
.nhs-trial-label--pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.nhs-trial-label--corner_tab{position:absolute;top:0;right:0;padding:7px 12px;border-radius:0 0 0 12px;box-shadow:0 6px 14px -9px rgba(0,0,0,.55)}
.nhs-trial-label--flag{position:absolute;top:12px;left:-7px;padding:6px 15px 6px 13px;border-radius:3px 7px 7px 0;box-shadow:0 8px 14px -10px rgba(0,0,0,.6)}
.nhs-trial-label--flag::after{content:"";position:absolute;left:0;bottom:-7px;border-top:7px solid color-mix(in srgb,var(--c) 68%,#000);border-left:7px solid transparent}
.nhs-trial-label--outline{position:absolute;top:10px;right:10px;padding:5px 11px;border:1.5px solid var(--c);border-radius:8px;background:#fff!important;color:color-mix(in srgb,var(--c) 82%,#000)!important}
.nhs-trial-label--inline{position:static;display:inline-block;margin:2px 0 2px 8px;padding:4px 9px;border-radius:6px;transform:none;width:fit-content;max-width:100%;align-self:flex-start;justify-self:start;vertical-align:middle;box-shadow:none}
.nhs-trial-label--glow{position:absolute;top:10px;right:10px;padding:6px 12px;border-radius:999px;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent),0 10px 24px -8px var(--c)}
/* Inline placement (cart summary rows and places that cannot host a corner label). This is
   deliberately separate from the operator-selectable "inline" design. */
.nhs-trial-label--placement-inline{position:static!important;display:inline-block;margin:2px 0 2px 8px;padding:3px 8px;border-radius:5px;transform:none!important;width:fit-content;max-width:100%;align-self:flex-start;justify-self:start;vertical-align:middle;box-shadow:none}
.nhs-trial-label--placement-inline.nhs-trial-label--pill{display:inline-flex}
.nhs-trial-label--placement-inline::after{display:none}
.nhs-trial-custom{position:absolute;top:0;right:0;z-index:3;pointer-events:none}
.nhs-trial-custom.nhs-trial-label--placement-inline{position:static;display:inline-block;margin-left:8px;vertical-align:middle}
/* Checkout: what choosing the free trial means, under WHMCS's "Total Due Today". */
.nhs-trial-checkout-note{margin:12px 0 16px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--nhs-trial-colour,#2563eb) 28%,#fff);border-left:4px solid var(--nhs-trial-colour,#2563eb);border-radius:8px;background:color-mix(in srgb,var(--nhs-trial-colour,#2563eb) 7%,#fff);color:#1e293b;font-size:14px;line-height:1.5;text-align:left}
.nhs-trial-checkout-note.is-selected{font-weight:600}
/* Tile label sizes (Free Trials › Settings). Medium is the design above. Large is wide and thick enough to cover a
   corner ribbon the theme already shows, and sits above it. */
.nhs-trial-label--size-small{font-size:11px}
.nhs-trial-label--size-small.nhs-trial-label--ribbon{top:13px;right:-50px;width:150px;padding:4px 0}
.nhs-trial-label--size-small:not(.nhs-trial-label--ribbon):not(.nhs-trial-label--flag){padding:4px 8px}
.nhs-trial-label--size-large{font-size:14px;z-index:20}
/* Same corner position as a typical theme ribbon, and thicker, so the theme's own ribbon is fully hidden underneath. */
.nhs-trial-label--size-large.nhs-trial-label--ribbon{top:9px;right:-95px;width:260px;padding:17px 0;font-size:15px;letter-spacing:.03em;box-shadow:0 6px 14px -5px rgba(0,0,0,.5)}
.nhs-trial-label--size-large:not(.nhs-trial-label--ribbon):not(.nhs-trial-label--flag){padding:8px 15px}
.nhs-trial-label--size-large.nhs-trial-label--flag{padding:9px 19px 9px 16px}