/* "Get Plugin" pop-up. Uses the theme's colour tokens, with the same values as fallbacks. */
.tg-gp {
	box-sizing: border-box;
	width: min(440px, calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	margin: auto;
	padding: 32px 28px 28px;
	overflow: auto;
	color: var(--tg-text, #f4f3f9);
	background: var(--tg-bg-raised, #0c0c12);
	border: 1px solid var(--tg-surface-3, #20202d);
	border-radius: 16px;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
}
.tg-gp::backdrop {
	background: rgba(7, 7, 11, 0.72);
	backdrop-filter: blur(4px);
}
.tg-gp *, .tg-gp *::before, .tg-gp *::after { box-sizing: border-box; }
.tg-gp[open] { animation: tg-gp-in 0.18s ease-out; }
@keyframes tg-gp-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .tg-gp[open] { animation: none; } }

.tg-gp__x {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 36px;
	height: 36px;
	font-size: 26px;
	line-height: 1;
	color: var(--tg-text-muted, #a8a7ba);
	background: none;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
}
.tg-gp__x:hover { color: var(--tg-text, #f4f3f9); background: var(--tg-surface-2, #181823); }

.tg-gp__title { margin: 0 0 8px; font-size: 24px; line-height: 1.2; color: var(--tg-text, #f4f3f9); }
.tg-gp__lede { margin: 0 0 20px; font-size: 15px; line-height: 1.55; color: var(--tg-text-muted, #a8a7ba); }
.tg-gp__lede strong { color: var(--tg-text, #f4f3f9); word-break: break-all; }

.tg-gp__field { display: block; margin: 0 0 14px; }
.tg-gp__field span { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 600; color: var(--tg-text, #f4f3f9); }
.tg-gp__field em { font-style: normal; font-weight: 400; color: var(--tg-text-dim, #8c8ba1); }
.tg-gp__field input {
	width: 100%;
	padding: 12px 14px;
	font: inherit;
	font-size: 16px;
	color: var(--tg-text, #f4f3f9);
	background: var(--tg-surface, #11111a);
	border: 1px solid var(--tg-surface-3, #20202d);
	border-radius: 10px;
}
.tg-gp__field input:focus-visible { outline: 2px solid var(--tg-focus, #c4b6ff); outline-offset: 1px; border-color: transparent; }

.tg-gp__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tg-gp__fine { margin: 4px 0 14px; font-size: 13px; line-height: 1.5; color: var(--tg-text-dim, #8c8ba1); }
.tg-gp__msg { min-height: 0; margin: 0 0 12px; font-size: 14px; color: var(--tg-danger-text, #ff8d95); }
.tg-gp__msg:empty { display: none; }

.tg-gp__go {
	display: block;
	width: 100%;
	padding: 13px 18px;
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	color: var(--tg-accent-ink, #fff);
	background: var(--tg-purple, #7254fa);
	border: 0;
	border-radius: 10px;
	cursor: pointer;
}
.tg-gp__go:hover:not(:disabled) { background: var(--tg-purple-hover, #7658fb); }
.tg-gp__go:focus-visible { outline: 2px solid var(--tg-focus, #c4b6ff); outline-offset: 2px; }
.tg-gp__go:disabled { opacity: 0.7; cursor: wait; }

/* Porter Buddy page: the page builder cannot delete the old second button, so it is tagged with this id and hidden here. */
.elementor-widget-button:has(#tg-pb-gone) { display: none; }

/* Stop the theme's paragraph and heading styles (centred, large) from leaking into the pop-up. */
.tg-gp { text-align: left; font-size: 16px; line-height: 1.5; }
.tg-gp .tg-gp__title { margin: 0 0 8px; font-size: 24px; line-height: 1.2; text-align: left; }
.tg-gp .tg-gp__lede { margin: 0 0 20px; font-size: 15px; line-height: 1.55; text-align: left; }
.tg-gp .tg-gp__fine { margin: 4px 0 16px; font-size: 13px; line-height: 1.5; text-align: left; }
.tg-gp .tg-gp__msg { margin: 0 0 12px; font-size: 14px; text-align: left; }
.tg-gp .tg-gp__field { text-align: left; }
.tg-gp .tg-gp__field span { margin: 0 0 6px; font-size: 14px; text-align: left; }
.tg-gp .tg-gp__field input { font-size: 16px; }