/* Rooster One newsletter banner. A cached file since 11.2.3 (brief 4.2: it was
 * 5 KB of inline CSS wherever the banner rendered); registered with its path,
 * so core can inline it on pages that show the banner. */
/* Newsletter banner — self-contained replica of the FF specimen.
 * Mobile: full-bleed bg image + a frosted-glass content card.
 * Desktop (>=782px): wide banner, content reflows to a 3-column grid
 * (intro | form | SSO) with the logo spanning the top row. */
.aieo-nl{position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 0;min-height:70vh;margin-bottom:30px;overflow:hidden;background-color:#111;background-image:var(--aieo-nl-bg-m,none);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--aieo-nl-text,#1a1a1a)}
/* Brief section 23. Under the theme's design authority the banner prints no colour rule of its own (the module
 * skips it): the band is `subtle`, the text `fg`, the accent the theme's, the card `bg` at 82% with the card
 * shape. Its fields, labels, checkbox and button are left to the theme's site-wide field rules and its primary
 * button: every appearance rule below sits under html:not([data-rooster-design="theme"]); layout stays. */
html[data-rooster-design="theme"] .aieo-nl{--aieo-nl-text:var(--wp--preset--color--fg,#1a1a1a);--aieo-nl-accent:var(--wp--preset--color--accent,#F46767);--aieo-nl-link-fg:var(--wp--preset--color--fg,#1a1a1a);--aieo-nl-card:color-mix(in srgb,var(--wp--preset--color--bg,#fff) 82%,transparent);background-color:var(--wp--preset--color--subtle,#f3f4f6)}
.aieo-nl.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
.aieo-nl__content{position:relative;width:90%;max-width:400px;box-sizing:border-box;text-align:center;padding:30px 15px;border-radius:var(--aieo-shape-card,4px);background:var(--aieo-nl-card,rgba(255,255,255,.82));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.aieo-nl--no-glass-mobile .aieo-nl__content{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.aieo-nl__logo{text-align:center;margin-bottom:12px}
.aieo-nl__logo img{display:block;max-width:70%;height:auto;margin:0 auto}
.aieo-nl__intro{margin:0 0 14px}
.aieo-nl__title{margin:0 0 8px;font-size:1.5rem;line-height:1.2;font-weight:700;color:inherit}
.aieo-nl__desc{margin:0;font-size:14px;line-height:1.5;opacity:1;color:inherit}
.aieo-nl__form{display:flex;flex-direction:column;gap:10px;margin:14px 0 0;text-align:left}
.aieo-nl__form--gf{display:block}
.aieo-nl__field{margin:0}
.aieo-nl__form label{display:block;line-height:1.2;margin:0 0 2px;opacity:1;color:inherit}
html:not([data-rooster-design="theme"]) .aieo-nl__form label{font-size:12px;text-transform:uppercase;letter-spacing:.03em}
html[data-rooster-design="theme"] .aieo-nl__form label{font-size:var(--wp--preset--font-size--sm,.875rem);color:var(--wp--preset--color--muted,#6b7280)}
html[data-rooster-design="theme"] .aieo-nl__desc{color:var(--wp--preset--color--muted,#6b7280)}
.aieo-nl__form input[type=text],.aieo-nl__form input[type=email]{width:100%;box-sizing:border-box}
html:not([data-rooster-design="theme"]) .aieo-nl__form input[type=text],html:not([data-rooster-design="theme"]) .aieo-nl__form input[type=email]{padding:10px 12px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#111;font-size:14px;border-radius:0}
/* Clean two-column row: [checkbox] [text], both vertically centred.
   flex-direction:row + nowrap is forced so nothing can stack them.
   The checkbox is enlarged with transform:scale (scales the actual
   native control and keeps it centred on its box) — a plain width/height
   left the native control top-aligned in its box, making the text look
   bottom-aligned. */
.aieo-nl__privacy{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:9px;text-align:left;line-height:1.3;color:inherit;margin:6px 0 0}
html:not([data-rooster-design="theme"]) .aieo-nl__privacy{font-size:12px}
.aieo-nl__privacy > input{flex:0 0 auto;margin:0;cursor:pointer}
html:not([data-rooster-design="theme"]) .aieo-nl__privacy > input{width:14px;height:14px;transform:scale(1.3);transform-origin:center;accent-color:var(--aieo-nl-accent,#F46767)}
.aieo-nl__privacy-text{flex:1 1 auto;min-width:0}
.aieo-nl__privacy a{color:var(--aieo-nl-link-fg,var(--aieo-nl-accent,#F46767));text-decoration:underline}
.aieo-nl__btn{box-sizing:border-box;width:100%;cursor:pointer}
html:not([data-rooster-design="theme"]) .aieo-nl__btn{padding:12px 16px;background:#fff;color:var(--aieo-nl-btn-fg,var(--aieo-nl-accent,#F46767));border:1px solid var(--aieo-nl-btn-fg,var(--aieo-nl-accent,#F46767));font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:background-color .15s ease,color .15s ease}
html:not([data-rooster-design="theme"]) .aieo-nl__btn:hover{background:var(--aieo-nl-accent,#F46767);color:#fff}
.aieo-nl__btn:disabled{opacity:.6;cursor:default}
.aieo-nl__msg{min-height:18px;font-size:13px;margin-top:4px}
.aieo-nl__msg.is-ok{color:var(--aieo-color-success, #15803d)}
.aieo-nl__msg.is-err{color:var(--aieo-color-danger, #b91c1c)}
.aieo-nl__sso{margin-top:14px}
@media(min-width:782px){
    .aieo-nl{flex-direction:row;align-items:center;justify-content:flex-start;padding:0;min-height:300px;margin-bottom:0;background-image:var(--aieo-nl-bg-d,var(--aieo-nl-bg-m,none))}
    .aieo-nl__content{position:static;width:100%;max-width:none;margin:0;padding:28px clamp(40px,6vw,96px);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;text-align:left;display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1fr) minmax(220px,.7fr);column-gap:clamp(24px,3vw,56px);row-gap:16px;align-items:center}
    .aieo-nl--glass-desktop .aieo-nl__content{background:var(--aieo-nl-card,rgba(255,255,255,.82));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:24px clamp(28px,4vw,56px);border-radius:var(--aieo-shape-card,4px)}
    .aieo-nl__logo{grid-column:1/-1;text-align:left;margin-bottom:4px}
    .aieo-nl__logo img{max-width:213px;margin:0}
    .aieo-nl__intro{margin:0;display:flex;flex-direction:column;gap:12px}
    .aieo-nl__title{font-size:28px;margin:0}
    .aieo-nl__desc{font-size:15px;opacity:1}
    .aieo-nl__form{margin:0}
    html:not([data-rooster-design="theme"]) .aieo-nl__form input[type=text],html:not([data-rooster-design="theme"]) .aieo-nl__form input[type=email]{padding:7px 10px;font-size:13px;line-height:1.3;height:34px}
    .aieo-nl__btn{width:auto;min-width:180px}
    html:not([data-rooster-design="theme"]) .aieo-nl__btn{padding:9px 22px;font-size:13px}
    .aieo-nl__sso{align-self:stretch;margin-top:0}
    .aieo-nl__sso .aieo-sso-buttons__intro{font-size:12px;margin:0 0 8px}
    /* Under the theme the content sits in the header's row (its wide size within the root padding: FE-W1, FE-W2),
       and with no social sign-in the form takes the third column's room instead of leaving it empty. */
    html[data-rooster-design="theme"] .aieo-nl__content{width:min(var(--wp--style--global--wide-size,1280px),100% - var(--wp--style--root--padding-left,1.5rem) - var(--wp--style--root--padding-right,1.5rem));margin-inline:auto;padding-inline:0}
    html[data-rooster-design="theme"] .aieo-nl--glass-desktop .aieo-nl__content{padding-inline:clamp(28px,4vw,56px)}
    html[data-rooster-design="theme"] .aieo-nl__content:not(:has(> .aieo-nl__sso)){grid-template-columns:minmax(260px,1fr) minmax(320px,1fr)}
    /* The form as wide as its fields hold (FE-F2: a name 160 px and an email 320 px at most 1.6 times): the two names
       share a row of a 496 px form, at the end of its column; the email, the consent and the button take the row. */
    html[data-rooster-design="theme"] form.aieo-nl__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:10px;inline-size:100%;max-inline-size:31rem;justify-self:end}
    html[data-rooster-design="theme"] form.aieo-nl__form > :not(.aieo-nl__field--name){grid-column:1/-1}
}