/* Microsite2026 Register */
.register-2026 { background: #f8f9fa; }
.register-2026 .rg-head { margin-bottom: 2rem; }
.register-2026 .rg-eb { color: #d63848; font-size: 1.4rem; font-weight: 700; }
.register-2026 .rg-eb-date { color: #6c757d; font-size: .95rem; margin-top: .15rem; }

/* The options card: Online Registration beside Registration Form / Group Registration */
.register-2026 .rg-card { background: #fff; border-radius: .5rem; box-shadow: 0 1px 4px rgba(0, 0, 0, .06); margin-bottom: 2.5rem; overflow: hidden; }
.register-2026 .rg-online { padding: 3rem 2.75rem 2.5rem; }
.register-2026 .rg-side { display: flex; flex-direction: column; }
.register-2026 .rg-side__box { flex: 1 1 auto; padding: 3rem 2.75rem 2.5rem; }
.register-2026 .rg-side__box + .rg-side__box { border-top: 1px solid #e5e7eb; }
@media (min-width: 992px) {
  .register-2026 .rg-online + .rg-side { border-left: 1px solid #e5e7eb; }
}
@media (max-width: 991.98px) {
  .register-2026 .rg-online + .rg-side { border-top: 1px solid #e5e7eb; }
}
.register-2026 .rg-title { display: flex; align-items: center; gap: .75rem; font-size: 1.4rem; font-weight: 700; margin-bottom: .75rem; }
.register-2026 .rg-title > i { font-size: 1.6rem; line-height: 1; }
.register-2026 .rg-text { color: #495057; font-size: .95rem; margin-bottom: 1rem; }
.register-2026 .rg-mail { font-size: .95rem; margin-bottom: 1.25rem; }
.register-2026 .rg-mail a { color: var(--secondary, #f24e21); text-decoration: none; margin-left: .35rem; }
.register-2026 .rg-mail a:hover { text-decoration: underline; }

/* Pay buttons: the first filled, the rest outlined, in the conference's button colour */
.register-2026 a.rg-btn { display: block; width: 100%; margin-top: .75rem; padding: .6rem 1rem; font-size: 1.15rem; border-radius: .4rem; border: 1px solid var(--secondary, #f24e21); text-decoration: none; }
.register-2026 a.rg-btn--primary,
.register-2026 a.rg-btn--primary:visited { background: var(--secondary, #f24e21); color: #fff; }
.register-2026 a.rg-btn--primary:hover,
.register-2026 a.rg-btn--primary:focus { filter: brightness(.92); color: #fff; }
.register-2026 a.rg-btn--outline,
.register-2026 a.rg-btn--outline:visited { background: #fff; color: var(--secondary, #f24e21); }
.register-2026 a.rg-btn--outline:hover,
.register-2026 a.rg-btn--outline:focus { background: var(--secondary, #f24e21); color: #fff; }
.register-2026 .rg-normal { text-align: center; font-size: .8rem; color: #495057; margin: .5rem 0 0; }
.register-2026 .rg-divider { margin: 1.75rem 0 1.25rem; color: #adb5bd; }
.register-2026 .rg-notes li { display: flex; gap: .6rem; font-size: .82rem; color: #495057; margin-bottom: .75rem; }
.register-2026 .rg-notes li:last-child { margin-bottom: 0; }
.register-2026 .rg-notes i { flex: none; line-height: 1.5; }

.register-2026 a.rg-download,
.register-2026 a.rg-download:visited { background: #212529; border-color: #212529; color: #fff; padding: .5rem 1rem; border-radius: .3rem; text-decoration: none; }
.register-2026 a.rg-download:hover,
.register-2026 a.rg-download:focus { background: #000; color: #fff; }

/* Custom registration: staff-written HTML in the same card */
.register-2026 .rg-custom { padding: 2.5rem; }
.register-2026 .rg-custom img { max-width: 100%; height: auto; }

/* Yellow box: Important Registration Information */
.register-2026 .rg-box { background: #fff3cd; border: 1px solid #f5dc8a; border-radius: .4rem; padding: 1.5rem 1.5rem 1.25rem; color: #5c4400; margin-bottom: 2.5rem; }
.register-2026 .rg-box__title { display: flex; align-items: center; gap: .5rem; font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; color: #5c4400; }
.register-2026 .rg-box__text { font-size: .9rem; line-height: 1.6; }
.register-2026 .rg-box__text p { margin: 0 0 1rem; }
.register-2026 .rg-box__text p:last-child,
.register-2026 .rg-box__text ul:last-child { margin-bottom: 0; }
.register-2026 .rg-box__text ul { padding-left: 1.5rem; margin-bottom: 1rem; }

/* Editors: Edit buttons centred below each section (the form's inside its box) */
.register-2026 .so-section { position: relative; }
.register-2026 .so-edit-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: -1.75rem 0 2.5rem; }
.register-2026 .so-edit-bar--after-box { margin: -1.25rem 0 2.5rem; }
.register-2026 .rg-side__edit { margin-top: 1rem; }

/* Editor panels: offcanvases moved to the end of the <form>, so they're not inside .register-2026 */
.rg-panel.offcanvas { --bs-offcanvas-width: min(720px, 100vw); }
.rg-panel--sm.offcanvas { --bs-offcanvas-width: min(520px, 100vw); }
.rg-panel--lg.offcanvas { --bs-offcanvas-width: min(1000px, 100vw); }
.rg-panel .offcanvas-body { padding-bottom: 3rem; }
.rg-panel .rg-editor-sub { font-size: 1rem; font-weight: 700; color: var(--secondary, #f24e21); }
.rg-panel .rg-check input { margin-right: .4rem; }
.rg-panel .rg-log { font-size: .85rem; }

@media (max-width: 767.98px) {
  .register-2026 .rg-online, .register-2026 .rg-side__box, .register-2026 .rg-custom { padding: 1.75rem 1.25rem; }
}
