.webinar :focus-visible, .webinar-dialog :focus-visible { outline: 3px solid var(--c-blue); outline-offset: 4px; }
.webinar { background:#f7f8f6; scroll-margin-top:4rem; }
.webinar .section__title { font-size:clamp(2rem,3.4vw,2.8rem); line-height:1.17; letter-spacing:-.025em; margin-bottom:1.25rem; text-wrap:balance; }
.webinar .forum-top { align-items:start; gap:2rem; margin-bottom:1.5rem; }
.webinar #webinar-countdown { justify-self:end; }
.webinar .forum-count__label, .webinar__schedule { text-align:right; }
.webinar .forum-count__row { justify-content:flex-end; }
.webinar__schedule { color:var(--c-ink-2); font-size:1rem; margin:0 0 1.25rem; }
.webinar__invitation { font-size:clamp(1.25rem,2vw,1.6rem); font-weight:500; line-height:1.35; margin:0; }
.webinar__schedule time { font-weight:600; font-size:1.2rem; }
.webinar__schedule span { display:inline-block; margin-top:.4rem; color:var(--c-blue); font-weight:700; letter-spacing:.04em; }
.webinar__overview p { margin-top:1.5rem; color:var(--c-ink-2); line-height:1.65; }
.webinar__overview strong { color:var(--c-ink); font-weight:600; }
.webinar .forum-body { align-items:start; }
.webinar .forum-card { padding:2rem; }
.webinar .webinar__guest-list { gap:1rem; margin-bottom:1.5rem; }
.webinar .webinar__guest-list strong { font-weight:600; }
.webinar .forum-photo { position:relative; min-height:440px; }
.webinar .forum-photo img { position:absolute; inset:0; object-position:80% center; }
.webinar__cta { background:var(--c-blue); color:#fff; font-weight:600; }
.webinar__cta:hover { background:#008ac5; }
.webinar .webinar__guest-list li::before { content:''; width:8px; height:8px; border-radius:50%; margin-top:.35rem; background:var(--c-red); }
.webinar .webinar__guest-list li:nth-child(3n+2)::before { background:var(--c-green); }
.webinar .webinar__guest-list li:nth-child(3n)::before { background:var(--c-blue); }
@media(max-width:1023px) {
  .webinar #webinar-countdown { justify-self:start; }
  .webinar .forum-count__label { text-align:left; }
  .webinar .forum-count__row { justify-content:flex-start; }
  .webinar .forum-photo { min-height:0; aspect-ratio:1.5; }
  .webinar__schedule { text-align:left; }
}
@media(max-width:767px) {
  .webinar .section__title { font-size:clamp(1.8rem,6.2vw,2.5rem); }
}

/* Signup dialog: looks like the site's other pop-up forms (.contact-popup__*
   classes in style.css); these rules only adapt the native <dialog>. */
.webinar-dialog { position: fixed; inset: 0; margin: auto; width: calc(100% - 2rem); height: fit-content; max-height: calc(100dvh - 2rem); overflow-y: auto; border: 0; color: var(--c-ink); font-family: var(--font); }
.webinar-dialog::backdrop { background: rgba(5,10,20,.65); }
body:has(.webinar-dialog[open]) { overflow: hidden; }
.webinar-dialog .contact-popup__close { font-size: 1.1rem; }
.webinar-dialog__preview { color: #777; font-size: .8rem; line-height: 1.45; margin: -.35rem 0 1rem; }
.webinar-dialog__privacy { color: #999; font-size: .75rem; line-height: 1.45; text-align: center; margin-top: .85rem; }
.webinar-dialog__privacy a { color: inherit; text-decoration: underline; }
.webinar-dialog .contact-popup__thanks:focus { outline: none; }
.webinar-dialog .contact-popup__thanks p strong { color: var(--c-ink); font-weight: 600; overflow-wrap: anywhere; }
.webinar-dialog .contact-popup__thanks .contact-popup__submit { margin-top: 1.5rem; }
.webinar-dialog .contact-popup__submit:disabled { opacity: .6; cursor: progress; }

.webinar-cal { margin-top: 1.25rem; padding: 1rem; background: #f2f7f9; border-radius: 12px; }
.webinar-dialog .webinar-cal__title { font-size: .88rem; font-weight: 700; color: var(--c-ink); margin-bottom: .65rem; }
.webinar-cal__links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.webinar-cal__links a { padding: .55rem .85rem; border: 1.5px solid var(--c-blue); border-radius: 9px; color: #0076a8; font-size: .85rem; font-weight: 600; text-decoration: none; background: #fff; }
.webinar-cal__links a:hover { background: #e6f3f9; }
.webinar-cal__links a::after { display: none; }

/* Small pages reached from webinar emails (lv/atteikties.html, lv/kalendars.html) */
.email-page { min-height: 100dvh; display: grid; place-items: center; padding: 6rem 1rem 3rem; background: #f7f8f6; }
.email-page__box { text-align: center; }
.email-page__box .contact-popup__title { padding-right: 0; font-size: 1.3rem; }
.email-page__btn { display: block; text-decoration: none; text-align: center; }
.email-page__btn::after, .email-page__home::after { display: none; }
.email-page__home { display: inline-block; margin-top: 1rem; font-size: .85rem; color: #777; text-decoration: underline; }
.email-page .contact-popup__submit:disabled { opacity: .6; cursor: progress; }