/* BethelAIS admissions actions and form: scoped styles that inherit safely from the current theme. */
/* The action group is designed to share a row with common secondary-menu social links. */
#secondary-menu, #secondary-menu .menu, .secondary-menu, .secondary-menu .menu, .secondary-navigation, .secondary-navigation .menu, .utility-bar, .utility-bar .menu, .utility-menu, .utility-menu .menu, .topbar, .topbar .menu, .top-bar, .top-bar .menu, .header-top, .header-topbar, .top-menu, .top-menu .menu, .menu-social, .social-icons, .social-links { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; }
.bethelais-utility-menu-item { align-items: center !important; display: flex !important; flex: 0 0 auto !important; float: none !important; list-style: none !important; margin: 0 0 0 auto !important; max-width: none !important; padding: 0 !important; width: auto !important; }
.bethelais-utility-actions { align-items: center !important; display: inline-flex !important; flex: 0 0 auto !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: .45rem !important; justify-content: flex-end !important; white-space: nowrap !important; width: auto !important; }
.bethelais-utility-action { align-items: center !important; box-sizing: border-box !important; display: inline-flex !important; flex: 0 0 auto !important; float: none !important; gap: .45rem !important; line-height: 1.2 !important; margin: 0 !important; min-height: 42px !important; text-decoration: none !important; transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease; white-space: nowrap !important; width: auto !important; }
.bethelais-utility-call { background-color: #071c46 !important; color: #fff !important; font-weight: 700 !important; padding: .75rem 1rem !important; }
.bethelais-utility-apply { background-color: #f4b400 !important; color: #071c46 !important; font-weight: 800 !important; padding: .75rem 1rem !important; }
.bethelais-utility-action:hover { transform: translateY(-1px); }
.bethelais-utility-call:hover { background: #102d63 !important; color: #fff !important; box-shadow: 0 8px 18px rgba(7, 28, 70, .16); }
.bethelais-utility-apply:hover { background: #d8f23f !important; color: #071c46 !important; box-shadow: 0 8px 18px rgba(105, 125, 18, .18); }
.bethelais-utility-action:focus-visible { outline: 3px solid #c6a15b; outline-offset: 3px; }
.bethelais-menu-action { display: inline-flex !important; vertical-align: middle; }
.bethelais-menu-action + .bethelais-menu-action { margin-left: .15rem; }
.bethelais-menu-action > a { align-items: center; display: inline-flex !important; gap: .45rem; line-height: 1.2; transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease; }
.bethelais-menu-call > a { background: #071c46 !important; color: #fff !important; font-weight: 700; padding: .75rem 1rem !important; }
.bethelais-menu-apply > a { background: #f4b400 !important; color: #071c46 !important; font-weight: 800; padding: .75rem 1rem !important; }
.bethelais-menu-action > a:hover { transform: translateY(-1px); }
.bethelais-menu-call > a:hover { background: #102d63 !important; color: #fff !important; box-shadow: 0 8px 18px rgba(7, 28, 70, .16); }
.bethelais-menu-apply > a:hover { background: #d8f23f !important; color: #071c46 !important; box-shadow: 0 8px 18px rgba(105, 125, 18, .18); }
.bethelais-menu-action > a:focus-visible, .bethelais-application-form input:focus-visible, .bethelais-application-form select:focus-visible, .bethelais-application-form textarea:focus-visible { outline: 3px solid #c6a15b; outline-offset: 3px; }
.bethelais-menu-phone { display: block; height: 1.05em; width: 1.05em; }
.bethelais-menu-arrow { font-size: 1rem; line-height: 1; }
@media (max-width: 782px) { #secondary-menu, #secondary-menu .menu, .secondary-menu, .secondary-menu .menu, .secondary-navigation, .secondary-navigation .menu, .utility-bar, .utility-bar .menu, .utility-menu, .utility-menu .menu, .topbar, .topbar .menu, .top-bar, .top-bar .menu, .header-top, .header-topbar, .top-menu, .top-menu .menu { align-items: stretch; flex-direction: column; } .bethelais-utility-menu-item { margin-left: 0 !important; width: 100% !important; } .bethelais-utility-actions { display: flex !important; width: 100% !important; } .bethelais-utility-action { flex: 1 1 0 !important; justify-content: center; } .bethelais-menu-action { display: flex !important; margin-left: 0 !important; width: 100%; } .bethelais-menu-action > a { justify-content: center; margin-top: .5rem; width: 100%; } }
.bethelais-application-form { background: #f5f7fa; border: 1px solid rgba(7, 28, 70, .14); color: #071c46; margin: 2rem auto; max-width: 980px; padding: clamp(1.25rem, 4vw, 3rem); }
.bethelais-form-heading { margin-bottom: 2rem; max-width: 650px; }
.bethelais-form-eyebrow { color: #0a7c66; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.bethelais-form-heading h2 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 5vw, 4rem); font-weight: 400; letter-spacing: -.035em; line-height: .98; margin: .75rem 0 1rem; }
.bethelais-form-heading p:last-child { color: rgba(7, 28, 70, .68); line-height: 1.8; }
.bethelais-form-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bethelais-application-form label { display: grid; gap: .45rem; margin-bottom: 1rem; }
.bethelais-application-form label > span { color: rgba(7, 28, 70, .7); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.bethelais-application-form input, .bethelais-application-form select, .bethelais-application-form textarea { background: #fff; border: 1px solid rgba(7, 28, 70, .2); border-radius: 0; box-sizing: border-box; color: #071c46; font: inherit; padding: .85rem .9rem; width: 100%; }
.bethelais-form-full { margin-top: .25rem; }
.bethelais-form-submit { background: #071c46; border: 0; color: #fff; cursor: pointer; font-weight: 700; letter-spacing: .02em; padding: .95rem 1.2rem; transition: background-color 160ms ease, transform 160ms ease; }
.bethelais-form-submit:hover { background: #0a7c66; transform: translateY(-1px); }
.bethelais-form-notice { display: grid; gap: .35rem; margin-bottom: 1.5rem; padding: 1rem 1.1rem; }
.bethelais-form-notice span { line-height: 1.6; }
.bethelais-form-success { background: #e6f4ef; border-left: 4px solid #0a7c66; }
.bethelais-form-error { background: #fff1ef; border-left: 4px solid #a33a2b; }
.bethelais-honeypot { height: 0; left: -9999px; overflow: hidden; position: absolute; width: 0; }
@media (max-width: 640px) { .bethelais-form-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .bethelais-menu-action > a, .bethelais-form-submit { transition: none; } }

/* Apply modal */
body.bethelais-modal-open { overflow: hidden; }
.bethelais-modal[hidden] { display: none !important; }
.bethelais-modal { inset: 0; position: fixed; z-index: 999999; }
.bethelais-modal-backdrop { background: rgba(4, 16, 42, .78); inset: 0; position: absolute; }
.bethelais-modal-panel { box-sizing: border-box; left: 50%; max-height: calc(100vh - 2rem); max-width: 980px; overflow-y: auto; position: absolute; top: 50%; transform: translate(-50%, -50%); width: min(92vw, 980px); }
.bethelais-modal-panel .bethelais-application-form { box-shadow: 0 24px 70px rgba(0, 0, 0, .28); margin: 0; max-width: none; position: relative; }
.bethelais-modal-close { align-items: center; background: #071c46; border: 0; border-radius: 50%; color: #fff; cursor: pointer; display: inline-flex; font-size: 1.7rem; height: 2.5rem; justify-content: center; line-height: 1; position: absolute; right: 1rem; top: 1rem; width: 2.5rem; z-index: 2; }
.bethelais-modal-close:hover { background: #0a7c66; }
.bethelais-modal-close:focus-visible { outline: 3px solid #c6a15b; outline-offset: 3px; }
@media (max-width: 640px) { .bethelais-modal-panel { max-height: calc(100vh - 1rem); width: calc(100vw - 1rem); } .bethelais-modal-panel .bethelais-application-form { padding: 1.25rem; } .bethelais-modal-close { right: .65rem; top: .65rem; } }
@media (prefers-reduced-motion: reduce) { .bethelais-modal-panel, .bethelais-modal-close { transition: none; } }

/* Sycamore sits between Call Admissions and Apply for 2026/2027. */
.bethelais-utility-sycamore { background-color: #d8f23f !important; color: #071c46 !important; font-weight: 700 !important; padding: .75rem 1rem !important; }
.bethelais-utility-sycamore:hover { background-color: #f4a340 !important; color: #061530 !important; box-shadow: 0 8px 18px rgba(180, 96, 18, .2); }

/* Normal-flow header row: JavaScript moves this node immediately before the primary
   header so it sits between the secondary phone/contact bar and the logo/navigation bar. */
.bethelais-mobile-actions { display: none; }
@media (max-width: 1024px) {
  .bethelais-mobile-actions { align-items: stretch; background: #071c46; box-shadow: 0 3px 12px rgba(7, 28, 70, .18); display: block !important; padding: .3rem clamp(.5rem, 2vw, 1rem); position: relative !important; width: 100%; z-index: 5 !important; }
  .bethelais-mobile-actions .bethelais-utility-actions { display: flex !important; flex: 1 1 auto !important; gap: .25rem !important; justify-content: flex-end !important; margin: 0 auto; max-width: 1180px; width: 100% !important; }
  .bethelais-mobile-actions .bethelais-utility-action { flex: 0 1 auto !important; font-size: clamp(.62rem, 1.4vw, .78rem) !important; justify-content: center !important; min-height: 2.55rem !important; padding: .4rem clamp(.45rem, 1.2vw, .8rem) !important; text-align: center; white-space: nowrap !important; }
  .bethelais-mobile-actions .bethelais-menu-phone { height: 1em; width: 1em; }
}
@media (max-width: 782px) {
  .bethelais-mobile-actions .bethelais-utility-actions { justify-content: stretch !important; }
  .bethelais-mobile-actions .bethelais-utility-action { flex: 1 1 33.333% !important; white-space: normal !important; }
}