/* GoHighLevel embed wrappers. The iframe's own styling is done in GHL
   (form builder / calendar CSS). This file only shapes the panel around it. */
.te-embed { position: relative; }
.te-embed iframe { display: block; width: 100%; }

/* CLOSER form panel (the Shortcode block output): ink-2 at 88%, 1px line, square corners. */
/* No panel around the GHL form: the form styles its own dark card (Nina, 2026-09-18). */
.te-embed--form { background: transparent; border: 0; padding: 0; box-shadow: none; }

/* Calendar / Service Menu sit on paper. */
.te-embed--calendar, .te-embed--service-menu { background: var(--wp--preset--color--paper); }

/* Not configured yet — a visible, honest state. Never a broken iframe. */
.te-embed--unconfigured { display: flex; align-items: center; justify-content: center; min-height: 320px; border: 1px dashed rgba(255,204,224,.6); padding: 24px; text-align: center; }
.te-embed--unconfigured span { font-size: var(--wp--preset--font-size--caption); letter-spacing: 2px; text-transform: uppercase; line-height: 1.8; color: var(--wp--preset--color--pink); }
.te-on-light .te-embed--unconfigured { border-color: rgba(11,11,15,.4); }
.te-on-light .te-embed--unconfigured span { color: var(--wp--preset--color--ink); }