/* Kvadrat za pobiranje e-naslova na straneh, ki niso kviz (checklist, webinar).
   Vrednosti so prepisane iz kviza (public/kariera/index.html), zato je okvir
   na vseh straneh videti in se obnaša enako. */
/* Okvir kot kartice na Diagnostiki procesov in AI pripravljenosti: bela podlaga, tanek roza rob. */
.offer{margin:0 0 34px;padding:clamp(20px,4vw,28px);border:1px solid rgba(217,61,111,.14);border-radius:4px;background:#fff}
/* Naslov okvirja povsod v velikosti kot na Webinarju (»Rezervirajte mesto …«). */
.offer h2{margin:0 0 16px;font-size:clamp(1.1rem,1.7vw,1.3rem);font-weight:500;line-height:1.3}
.offer-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.offer-form input[type=email]{flex:0 1 260px;min-width:0;height:48px;padding:0 18px;border:1px solid #101217;border-radius:4px;background:#fff;color:inherit;font:400 1rem/1.5 "IBM Plex Sans",system-ui,sans-serif}
/* Gumb kot »Želim ponudbo!« na Diagnostiki procesov: polna roza, ista pisava, ob prehodu z miško se malo dvigne. */
.offer-form .button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:2px solid #D93D6F;border-radius:4px;background:#D93D6F;color:#fafafa;font:600 1.08rem/1.2 Georgia,serif;letter-spacing:-.01em;text-align:center;cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease}
.offer-form .button:hover:not(:disabled),.offer-form .button:focus-visible{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(16,18,23,.1)}@media (prefers-reduced-motion:reduce){.offer-form .button{transition:none}.offer-form .button:hover:not(:disabled),.offer-form .button:focus-visible{transform:none;box-shadow:none}}
.offer-form .button:disabled{opacity:.45;cursor:not-allowed}
.offer-form input[type=email]:focus-visible,.offer-form .button:focus-visible{outline:3px solid #101217;outline-offset:4px}
/* Vnos pol ozji in enako visok kot gumb (48 px); okvir se skrci na vrstico z vnosom in gumbom,
   naslov, seznam in soglasje se prelomijo v to sirino. Na telefonu je vnos cez celo vrstico. */
.offer{width:fit-content;max-width:100%}
.offer>:not(.offer-form),.offer-status{contain:inline-size}
.offer.is-done>*{contain:none}
.offer h2,.offer-consent{text-wrap:balance}
.offer-form{display:grid;grid-template-columns:260px auto;justify-content:start}.offer-form input[type=email]{width:100%}.offer-status{grid-column:1/-1}@media (max-width:560px){.offer{width:auto}.offer-form{grid-template-columns:minmax(0,1fr)}.offer-form .button{justify-self:start}}
.offer-honeypot{position:absolute;left:-9999px;width:1px;height:1px;padding:0;border:0;overflow:hidden}
.offer-status{flex:1 1 100%;margin:0;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.85rem}
.offer-status.is-error{color:#8a1c1c}
.offer-status.is-ok{color:#101217}
.offer-consent{margin:14px 0 0;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.8rem;line-height:1.7;color:#4b4f56}
.offer-consent a{color:inherit}
.lead-box-wrap{width:min(760px,100%);margin:0 auto;padding:clamp(24px,4vw,40px) clamp(20px,5vw,72px) 56px}
.lead-box-wrap .offer{margin:0 auto}
/* Na objavi bloga: okvir poravnan z besedilom objave nad njim (levi rob stolpca .blog, širina kot .post__body). */
.blog+.lead-box-wrap{width:auto;max-width:76ch;padding-left:0;padding-right:0}
.blog+.lead-box-wrap .offer{max-width:64ch;margin:0}
.lead-box-wrap p{margin:0;line-height:1.6}
/* Končano stanje: naslov pove, da je e-naslov shranjen, pod njim je majhna povezava za nov vnos. */
.offer.is-done h2{margin:0 0 8px;overflow-wrap:anywhere}
.offer.is-done .offer-form,.offer.is-done .offer-consent,.offer.is-done ul{display:none}
.offer-change{display:none;margin:0;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.85rem;line-height:1.7;color:#4b4f56}
.offer.is-done .offer-change{display:block}
.offer-change__button{appearance:none;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.offer-change__button:hover,.offer-change__button:focus-visible{color:#101217}