/* SIOR MemberSuite — Event Registration Widgets. Scoped under .sior-ms-events. */

.sior-ms-events,
.sior-ms-events *,
.sior-ms-events *::before,
.sior-ms-events *::after { box-sizing: border-box; }

.sior-ms-events {
  font-family: var(--e-global-typography-text-font-family, "Rubik"), sans-serif;
  color: #536974;
  font-size: 14px;
  line-height: 1.5;
}

/* Back link (detail view) */
.sior-ms-events .back-link { display: inline-block; margin-bottom: 20px; font-size: .85rem;
  color: var(--e-global-color-primary, #1CA7E0); text-decoration: none; }
.sior-ms-events .back-link:hover { text-decoration: underline; }

/* Notices */
.sior-ms-events .notice { padding: 14px 18px; border-radius: 6px; margin-bottom: 14px; }
.sior-ms-events .notice-error { background: #fff0f0; border: 1px solid #e88; color: #900; }
.sior-ms-events .notice-empty { text-align: center; color: #777; padding: 48px 16px; font-size: .95rem; }

.sior-ms-events .events-count { font-size: .85rem; color: #666; margin-bottom: 20px; }

/* Event cards (listing) */
.sior-ms-events .events-list { display: flex; flex-direction: column; gap: 20px; }

.sior-ms-events .event-card { background: #fff; border: 1px solid #dde; border-radius: 10px;
  display: flex; overflow: hidden; transition: box-shadow .15s; }
.sior-ms-events .event-card:hover { box-shadow: 0 4px 18px rgba(0, 0, 0, .1); }

/* Date column */
.sior-ms-events .event-date { background: var(--e-global-color-primary, #1CA7E0); color: #fff; padding: 20px 18px; min-width: 90px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  flex-shrink: 0; text-align: center; }
.sior-ms-events .event-date .month { font-size: .7rem; text-transform: uppercase; letter-spacing: .1em;
  opacity: .8; margin-bottom: 4px; }
.sior-ms-events .event-date .day { font-size: 2rem; font-weight: 700; line-height: 1; }
.sior-ms-events .event-date .year { font-size: .72rem; opacity: .7; margin-top: 4px; }

/* Card body */
.sior-ms-events .event-body { padding: 20px 24px; flex: 1; min-width: 0; }
.sior-ms-events .event-body h3 { font-size: 1.05rem; font-weight: 700; color: var(--e-global-color-text, #1A2429); margin: 0 0 8px;
  line-height: 1.3; }
.sior-ms-events .event-body h3 a { color: inherit; text-decoration: none; }
.sior-ms-events .event-body h3 a:hover { text-decoration: underline; }

.sior-ms-events .event-meta { font-size: .82rem; color: #666; display: flex; flex-wrap: wrap;
  gap: 12px; margin-bottom: 10px; align-items: center; }
.sior-ms-events .event-meta .icon { margin-right: 3px; }
.sior-ms-events .event-desc { font-size: .85rem; color: #444; line-height: 1.6; margin: 0; }
.sior-ms-events .event-dates-full { font-size: .78rem; background: #e8f0fb; color: var(--e-global-color-text, #1A2429); border-radius: 12px;
  padding: 3px 10px; display: inline-block; }
.sior-ms-events .event-category { font-size: .72rem; background: #f0f4ff; color: #5566aa; border-radius: 12px;
  padding: 3px 10px; display: inline-block; border: 1px solid #d0d8f0; }

.sior-ms-events .event-footer { margin-top: 14px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sior-ms-events .btn-register { display: inline-block; padding: 8px 20px; border-radius: 5px; font-size: .84rem;
  font-weight: 600; text-decoration: none; background: var(--e-global-color-primary, #1CA7E0); color: #fff; transition: background .15s;
  border: none; cursor: pointer; }
.sior-ms-events .btn-register:hover { background: #178fc2; }
.sior-ms-events .timezone-note { font-size: .75rem; color: #999; }

/* Single event detail */
.sior-ms-events .event-detail { background: #fff; border: 1px solid #dde; border-radius: 10px;
  padding: 32px; margin-bottom: 24px; }
.sior-ms-events .event-detail h2 { font-size: 1.45rem; font-weight: 700; color: var(--e-global-color-text, #1A2429); margin: 0 0 14px;
  line-height: 1.3; }
.sior-ms-events .event-detail .event-desc { font-size: .92rem; line-height: 1.7; color: #333; margin: 14px 0 0; }

.sior-ms-events .event-embed { margin-top: 24px; border: 1px solid #dde; border-radius: 8px; overflow: hidden; }
.sior-ms-events .event-embed iframe { display: block; width: 100%; height: 720px; border: 0; }

@media (max-width: 500px) {
  .sior-ms-events .event-date { min-width: 70px; padding: 14px 10px; }
  .sior-ms-events .event-date .day { font-size: 1.5rem; }
  .sior-ms-events .event-body { padding: 14px 16px; }
  .sior-ms-events .event-detail { padding: 20px; }
  .sior-ms-events .event-embed iframe { height: 560px; }
}