/* Free orientation popup (inc/orientation.php). Loaded only on pages with the button. */
/* The dialog covers the screen and centres the box (a click beside the box closes it). */
.iwc-orient { border: 0; padding: 0; margin: 0; background: transparent; color: var(--iwc-plum, #332345); font-family: var(--iwc-font-body, system-ui, sans-serif); }
.iwc-orient::backdrop { background: rgba(35, 22, 52, 0.55); }
.iwc-orient:not([open]):not(.is-open) { display: none; }
.iwc-orient[open], .iwc-orient.is-open { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; display: flex; align-items: center; justify-content: center; }
/* Browsers without <dialog>: the script adds .is-open instead. */
.iwc-orient.is-open { z-index: 100000; background: rgba(35, 22, 52, 0.55); }
.iwc-orient__box { position: relative; width: min(440px, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow-y: auto; background: var(--iwc-white, #fff); border-radius: 20px; padding: 26px 24px 22px; box-shadow: 0 24px 60px rgba(35, 22, 52, 0.35); }
.iwc-orient__x { position: absolute; top: 10px; right: 12px; width: 40px; height: 40px; border: 0; border-radius: 999px; background: transparent; font-size: 28px; line-height: 1; color: var(--iwc-muted, #5E5270); cursor: pointer; }
.iwc-orient__x:hover { background: var(--iwc-lavender, #EDE7F7); }
.iwc-orient__kicker { margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--iwc-gold-text, #C9972E); }
.iwc-orient__title { margin: 0 0 6px; font-family: var(--iwc-font-display, Georgia, serif); font-weight: 600; font-size: 26px; line-height: 1.15; color: var(--iwc-plum, #332345); padding-right: 30px; }
.iwc-orient__lead { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: var(--iwc-muted, #5E5270); }
.iwc-orient__f { display: grid; gap: 5px; margin-bottom: 12px; font-size: 13px; font-weight: 600; }
.iwc-orient__f em { font-weight: 400; font-style: normal; color: var(--iwc-faint, #9A8CAA); }
.iwc-orient__f input, .iwc-orient__f select { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; font-weight: 400; color: var(--iwc-plum, #332345); padding: 11px 12px; border: 1.5px solid rgba(74, 46, 122, 0.22); border-radius: 10px; background: #fff; }
.iwc-orient__f input:focus, .iwc-orient__f select:focus { outline: none; border-color: var(--iwc-violet, #7943D5); box-shadow: 0 0 0 3px rgba(121, 67, 213, 0.15); }
.iwc-orient__f input.is-bad { border-color: #D5091A; }
.iwc-orient__check { display: flex; align-items: center; gap: 8px; margin: -4px 0 12px; font-size: 13px; color: var(--iwc-muted, #5E5270); }
.iwc-orient__check input { width: 18px; height: 18px; accent-color: var(--iwc-violet, #7943D5); }
.iwc-orient__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.iwc-orient__err { margin: 0 0 12px; padding: 9px 12px; border-radius: 10px; background: #FDECEC; color: #A1121F; font-size: 14px; }
.iwc-orient__go { width: 100%; margin-top: 4px; }
.iwc-orient__go[disabled] { opacity: 0.7; cursor: wait; }
.iwc-orient__privacy { margin: 10px 0 0; font-size: 12px; color: var(--iwc-faint, #9A8CAA); text-align: center; }
.iwc-orient__done { text-align: center; padding: 8px 0 0; }
.iwc-orient__done:focus { outline: none; }
.iwc-orient__done .iwc-orient__title { padding-right: 0; }
.iwc-orient__tick { width: 56px; height: 56px; margin: 0 auto 12px; border-radius: 999px; background: #E7F2EB; color: #2E7D55; font-size: 28px; display: flex; align-items: center; justify-content: center; }
.iwc-orient__next { margin: -6px 0 16px; padding: 10px 12px; border-radius: 10px; background: var(--iwc-lavender, #EDE7F7); font-size: 14px; font-weight: 600; }
.iwc-orient__next a { color: var(--iwc-violet, #7943D5); }
.iwc-orient__done .iwc-btn { white-space: normal; }
.iwc-orient__close { display: block; margin: 12px auto 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 600; color: var(--iwc-violet, #7943D5); cursor: pointer; padding: 8px 14px; }

/* The buttons that open it. */
/* Violet with white text, like "See every course and step". */
.iwc-ds button.iwc-chip--orient { font-family: inherit; background: var(--iwc-violet, #7943D5); color: var(--iwc-white, #fff); border-color: transparent; box-shadow: 0 6px 16px rgba(121, 67, 213, 0.28); cursor: pointer; transition: filter .2s, transform .2s; }
.iwc-ds button.iwc-chip--orient:hover, .iwc-ds button.iwc-chip--orient:focus-visible { filter: brightness(1.1); transform: translateY(-1px); }
.iwc-sintro__cta { margin-top: 18px; }