/* IC Welcome Popup — front-end styles. * No font-size declarations: the theme controls typography. * All selectors are prefixed with .ic-welcome-popup so nothing collides with the theme. */ .ic-welcome-popup { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 1.5rem; } .ic-welcome-popup[hidden] { display: none !important; } .ic-welcome-popup.is-open { display: flex; } .ic-welcome-popup__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); cursor: pointer; } .ic-welcome-popup__dialog { position: relative; z-index: 1; max-width: 520px; width: 100%; background: #fff; color: #222; border-radius: 0.75rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); padding: 2rem; text-align: center; max-height: calc(100vh - 3rem); overflow-y: auto; } .ic-welcome-popup__title { margin: 0 0 1rem; line-height: 1.2; } .ic-welcome-popup__message { margin: 0 0 1.5rem; line-height: 1.5; } .ic-welcome-popup__message p:last-child { margin-bottom: 0; } .ic-welcome-popup__actions { display: flex; gap: 0.75rem; flex-wrap: wrap; justify-content: center; } .ic-welcome-popup__btn { display: inline-block; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border: 1px solid currentColor; background: transparent; color: inherit; cursor: pointer; text-decoration: none; line-height: 1.2; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; } .ic-welcome-popup__btn--continue { background: #111; color: #fff; border-color: #111; } .ic-welcome-popup__btn--continue:hover, .ic-welcome-popup__btn--continue:focus { background: #333; border-color: #333; color: #fff; } .ic-welcome-popup__btn--exit { background: transparent; color: inherit; } .ic-welcome-popup__btn--exit:hover, .ic-welcome-popup__btn--exit:focus { background: rgba(0, 0, 0, 0.05); } /* Lock body scroll while open. JS toggles this class on . */ html.ic-welcome-popup-open, html.ic-welcome-popup-open body { overflow: hidden; } @media (max-width: 480px) { .ic-welcome-popup__dialog { padding: 1.5rem; } .ic-welcome-popup__actions { flex-direction: column; } .ic-welcome-popup__btn { width: 100%; } }