/* Embed — a shortcode (YouTube gallery, plugin output…) in a section of the site's style */
.ei.embed { padding-block: var(--ei-sec); background: var(--ei-paper); color: var(--ei-ink); }
.ei.embed--ivory { background: var(--ei-ivory); }
.ei.embed--lapis { background: var(--ei-lapis); color: var(--ei-light); }
.ei.embed--lapis .lead { color: #cfd4e6; }
.ei.embed--flush { padding-bottom: 0; }
.ei.embed--narrow .wrap { max-width: 900px; }
.ei .embed__head { max-width: 760px; margin-bottom: clamp(28px, 4vw, 44px); }
.ei .embed__body { min-width: 0; }
.ei .embed__body iframe { max-width: 100%; }

/* ---------- The client's prayer timetable widgets (sky-prayer-timetable) on a new-design page ----------
   They follow an embed section in their own Elementor containers; give them the page's width, spacing and type. */
body.ei-site .e-con:has(> .e-con-inner > .elementor-widget-sky-prayer-timetable-split),
body.ei-site .e-con:has(> .e-con-inner > .elementor-widget-sky-prayer-monthly-timetable),
body.ei-site .e-con:has(> .elementor-widget-sky-prayer-timetable-split),
body.ei-site .e-con:has(> .elementor-widget-sky-prayer-monthly-timetable) {
	--content-width: min(1280px, 100%); --padding-left: var(--ei-gut); --padding-right: var(--ei-gut);
	--padding-top: 0px; --padding-bottom: clamp(48px, 6vw, 80px);
	background: var(--ei-paper);
}
body.ei-site .elementor-widget-sky-prayer-timetable-split,
body.ei-site .elementor-widget-sky-prayer-monthly-timetable { font-family: var(--ei-sans); color: var(--ei-ink); }
body.ei-site .elementor-widget-sky-prayer-timetable-split :is(h1, h2, h3, h4),
body.ei-site .elementor-widget-sky-prayer-monthly-timetable :is(h1, h2, h3, h4) { font-family: var(--ei-display); font-weight: 400; letter-spacing: 0; }
body.ei-site .elementor-widget-sky-prayer-timetable-split > *,
body.ei-site .elementor-widget-sky-prayer-monthly-timetable > * { border-radius: 6px; overflow: hidden; box-shadow: 0 0 0 1px var(--ei-line); }
body.ei-site .elementor-widget-sky-prayer-monthly-timetable table { font-variant-numeric: tabular-nums; }
body.ei-site .elementor-widget-sky-prayer-monthly-timetable :is(th, thead td) { background: var(--ei-lapis); color: var(--ei-light); font-weight: 600; }
body.ei-site .elementor-widget-sky-prayer-monthly-timetable tr:nth-child(even) td { background: var(--ei-ivory); }
body.ei-site .elementor-widget-sky-prayer-timetable-split :is(button, .button, select, input) { font-family: var(--ei-sans); }