/* =========================================================
   EFG Hermes London Conference landing (body.efg-landing)
   — efg
   Values taken from the live Elementor CSS (page id 56592).
   Markup: src/seed/fix-efg-conference.ts
   WordPress renders this page on the Elementor canvas, so the
   site header and footer are hidden here.
   ========================================================= */

body.efg-landing { padding-top: 0 !important; background-color: #fff !important; }
body.efg-landing #header,
body.efg-landing .site-footer { display: none !important; }
/* the Retal pattern over the #85553A1F tint (its URL is set inline by the markup) */
.efg-bg { position: fixed; inset: 0; z-index: -1; background-color: #85553A1F; pointer-events: none; }

/* main centres the card: logo + title, then the form. The card's white
   ground is main's ::before, spanning both rows of the middle column. */
.efg-main {
	--efg-ink: #2C2C2C; --efg-brown: #85553A; --efg-pad: 40px;
	position: relative; z-index: 0; /* own stacking context, so .efg-bg (z-index -1, inside main) stays above the page ground */
	display: grid;
	grid-template-columns: minmax(0, 30fr) minmax(0, 39.332fr) minmax(0, 30fr);
	grid-template-rows: auto auto;
	align-content: center;
	min-height: max(975px, 100vh);
	color: var(--efg-ink);
}
.efg-main::before { content: ''; grid-column: 2; grid-row: 1 / 3; background: #fff; }
.efg-main > .cms-section { display: contents; }

.efg-card__head { grid-column: 2; grid-row: 1; display: grid; justify-items: center; gap: 20px; padding: var(--efg-pad) var(--efg-pad) 0; text-align: center; }
.efg-card__head img { display: block; width: 50px; height: auto; }
.efg-card__head h1 { margin: 0; font-family: 'Lucky Beauty', serif; font-size: 20px; font-weight: 600; line-height: 45px; color: var(--efg-ink); }

.efg-main > .cms-form-section { grid-column: 2; grid-row: 2; padding: 20px var(--efg-pad) var(--efg-pad); }
.efg-main > .cms-form-section .container { max-width: none; padding: 0; }
.efg-main > .cms-form-section .section-title,
.efg-main > .cms-form-section .cms-form-section__intro { display: none; }

.efg-main .lead-form { grid-template-columns: 1fr; gap: 32px; padding: 0; border: 0; background: transparent; }
/* WordPress shows the fields without labels (placeholders only) */
.efg-main .lead-form .flbl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.efg-main .lead-form label { gap: 0; }
.efg-main .lead-form input, .efg-main .lead-form textarea {
	min-height: 40px; padding: 5px 14px;
	border: 0; border-bottom: 1px solid #69727D; border-radius: 0; background: transparent;
	font-family: 'Lucky Beauty new', 'Lucky Beauty', serif; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--efg-ink);
}
.efg-main .lead-form textarea { min-height: 0; }
.efg-main .lead-form :is(input, textarea):focus { border-color: var(--efg-ink); }

.efg-main .lead-form .btn-solid {
	justify-self: center !important; justify-content: center; /* the renderer pins it to the start inline */
	min-height: 40px; margin-top: 38px; /* 70px above the button on WordPress, less the field gap */
	padding: 0 30px; border: 0; border-radius: 0; background: var(--efg-brown);
	font-family: 'Lucky Beauty new', 'Lucky Beauty', serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; text-transform: uppercase; color: #fff;
}
.efg-main .lead-form .btn-solid:hover, .efg-main .lead-form .btn-solid:focus-visible { background: var(--efg-brown); color: #fff; opacity: .9; }
.efg-main .lead-form .btn-solid .arr { display: none; }

/* ---------- responsive (Elementor breakpoints 1200 / 880 / 767) ---------- */
@media (max-width: 1200px) {
	.efg-main { --efg-pad: 20px; }
	.efg-main .lead-form input, .efg-main .lead-form textarea { font-size: 13px; }
}

@media (max-width: 880px) {
	.efg-main { min-height: max(740px, 100vh); }
}

@media (max-width: 767px) {
	.efg-main { grid-template-columns: 10px minmax(0, 1fr) 10px; min-height: max(735px, 100vh); padding-block: 10px; }
	.efg-card__head { padding: 35px 10px 0; }
	.efg-card__head h1 { font-size: 25px; }
	.efg-main > .cms-form-section { padding: 20px 10px 35px; }
}