/* Briefing Toolkit — φόρμες. Ταιριάζουν με το θέμα Briefing, αλλά δουλεύουν και σε άλλα θέματα. */
.bt-form-wrap { --bt-accent: var(--wp--preset--color--accent, #0040a8); --bt-accent-2: var(--wp--preset--color--accent-2, #2f63d9); --bt-ink: #0a0a0a; --bt-muted: var(--wp--preset--color--muted, #4a5368); --bt-line: #d4d4d6; font-family: inherit; }
.bt-form-wrap *, .bt-form-wrap *::before, .bt-form-wrap *::after { box-sizing: border-box; }
.bt-form { display: flex; flex-direction: column; gap: 18px; margin: 0; }
.bt-field label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 7px; color: var(--bt-ink); }
.bt-req { color: var(--bt-accent); }
.bt-input {
	width: 100%;
	padding: 13px 15px;
	border: 1px solid var(--bt-line);
	border-radius: 0;
	background: #fff;
	color: #050505;
	font: inherit;
	font-size: 15px;
	line-height: 1.4;
	outline: none;
	transition: border-color 0.2s ease;
}
textarea.bt-input { resize: vertical; min-height: 140px; }
.bt-input::placeholder { color: #8a8a8d; }
.bt-input:focus { border-color: var(--bt-accent); outline: 2px solid var(--bt-accent); outline-offset: -1px; }
.bt-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
@media (max-width: 620px) { .bt-grid-2 { grid-template-columns: 1fr; } .bt-input { font-size: 16px; } }

.bt-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 16px 30px;
	border: 1px solid transparent;
	border-radius: 0;
	background: var(--bt-accent);
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
}
.bt-submit:hover { background: var(--wp--preset--color--accent-3, #072971); }
.bt-submit[disabled] { opacity: 0.6; cursor: wait; }
.bt-submit--ghost { background: #000; border-color: rgba(255, 255, 255, 0.35); margin-top: 4px; }
.bt-submit--ghost:hover { background: #242424; border-color: rgba(255, 255, 255, 0.6); }
.bt-submit--bright { background: #2b5bd8; width: 100%; }
.bt-submit--bright:hover { background: #3a6bea; }
.bt-note { font-size: 12.5px; line-height: 1.55; color: var(--bt-muted); margin: 0; }
.bt-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.bt-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px 28px; flex-wrap: wrap; margin-top: 6px; }
.bt-actions .bt-note { flex: 1 1 260px; }
.bt-error { margin: 0; font-size: 14px; color: #b00020; }
.bt-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.bt-section-label {
	margin: 10px 0 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e3e5;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--bt-accent);
}
.bt-section-label:first-child { margin-top: 0; }

/* σε σκούρο φόντο */
:where(.is-style-section-dark, .is-style-panel-dark, .is-style-hero-lines, .has-contrast-background-color, .has-contrast-2-background-color) .bt-form-wrap { --bt-ink: #fff; --bt-line: rgba(255, 255, 255, 0.3); --bt-muted: #9e9e9e; }
:where(.is-style-section-dark, .is-style-panel-dark, .is-style-hero-lines, .has-contrast-background-color, .has-contrast-2-background-color) .bt-input { background: transparent; color: #fff; }
:where(.is-style-section-dark, .is-style-panel-dark, .is-style-hero-lines) .bt-input::placeholder { color: #8d8d8f; }
:where(.is-style-hero-lines, .is-style-panel-dark) .bt-input { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.16); }
:where(.is-style-section-dark, .is-style-panel-dark, .is-style-hero-lines) .bt-note a { color: #cfcfcf; }

/* επιτυχία */
.bt-success { text-align: center; }
.bt-success--inline { text-align: left; }
.bt-success--inline p { font-size: 15.5px; line-height: 1.6; margin: 0; color: inherit; }
.bt-success__mark { font-size: 34px; color: var(--bt-accent); margin-bottom: 14px; }
.bt-success__title { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: 22px; font-weight: 600; margin: 0 0 10px; color: var(--bt-ink); }
.bt-success p { color: var(--bt-muted); margin: 0; }
.bt-briefing > .bt-success { padding: 48px 12px; }
@keyframes bt-fade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.bt-step:not([hidden]), .bt-success:not([hidden]) { animation: bt-fade 0.4s ease; }
@media (prefers-reduced-motion: reduce) { .bt-step, .bt-success { animation: none !important; } }

/* επικοινωνία: θέματα */
.bt-contact { text-align: left; }
.bt-step-label { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bt-accent); }
.bt-step[data-bt-step="1"] > .bt-step-label, .bt-question { text-align: center; }
.bt-question { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: clamp(22px, 2.4vw, 26px); font-weight: 500; margin: 0; color: var(--bt-ink); }
.bt-accent-line { height: 2px; width: 120px; margin: 18px auto 32px; background: linear-gradient(90deg, transparent, var(--bt-accent-2), transparent); }
.bt-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 620px) { .bt-topics { grid-template-columns: 1fr; } }
.bt-topic {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 24px 22px 26px;
	text-align: left;
	background: #fff;
	color: var(--bt-ink);
	border: 1px solid #e0e0e2;
	border-top: 2px solid #0a0a0a;
	font: inherit;
	cursor: pointer;
	transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease, border-top-color 0.25s ease;
}
.bt-topic:hover, .bt-topic:focus-visible { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1); border-top-color: var(--bt-accent); }
.bt-topic__num { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: 34px; font-weight: 600; line-height: 1; color: transparent; -webkit-text-stroke: 1.2px #bdbdc0; margin-bottom: 10px; }
.bt-topic__label { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: 18px; font-weight: 600; }
.bt-topic__desc { font-size: 13.5px; color: var(--bt-muted); }
.bt-back { background: none; border: 0; padding: 0; margin: 0 0 20px; color: var(--bt-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.bt-card { background: #fff; border: 1px solid #e0e0e2; border-top: 2px solid #0a0a0a; padding: clamp(22px, 4vw, 44px); }
.bt-success.bt-card { border-top-width: 1px; padding: 60px 40px; }
.bt-card__head { display: flex; align-items: center; gap: 18px; margin-bottom: 28px; }
.bt-card__head .bt-step-label { margin-bottom: 4px; }
.bt-card__num { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: 52px; font-weight: 600; line-height: 0.9; color: transparent; -webkit-text-stroke: 1.4px var(--bt-accent); }
.bt-card__title { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: 22px; font-weight: 600; margin: 0; color: var(--bt-ink); }

/* briefing: chips */
.bt-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.bt-chip {
	border: 1px solid var(--bt-line);
	background: #fff;
	color: #0a0a0a;
	padding: 10px 18px;
	font: inherit;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	border-radius: 0;
	transition: all 0.2s ease;
}
.bt-chip:hover { border-color: #0a0a0a; }
.bt-chip[aria-pressed="true"] { background: #050505; border-color: #050505; color: #fff; }

/* σύνδεση */
.bt-login .bt-form { gap: 16px; }
.bt-login .bt-input { padding: 11px 13px; font-size: 14.5px; }
.bt-login__forgot { margin: -4px 0 4px; text-align: right; font-size: 13px; }
.bt-login__forgot a, .bt-login__foot a { color: #8fb0ff; }
.bt-login__foot { margin: 22px 0 0; text-align: center; font-size: 13px; line-height: 1.55; color: #a9a9ab; }
.bt-login__foot a { font-weight: 600; }
.bt-login__soon { margin-top: 4px; padding: 14px 16px; border: 1px solid rgba(80, 110, 230, 0.45); background: rgba(60, 90, 220, 0.12); color: #ececec; font-size: 14px; line-height: 1.55; }
.bt-login__soon a { color: #9db8ff; text-decoration: underline; }
.bt-login__hello { color: inherit; }

/* «Τι να κρατήσετε» */
.bt-takeaway { margin-top: 44px; padding: 26px 30px; background: #050505; color: #fff; }
.bt-takeaway__label { margin: 0 0 10px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--accent-2, #2f63d9); font-family: var(--wp--preset--font-family--sans, inherit); }
.bt-takeaway__text { margin: 0; font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: 18px; line-height: 1.7; color: #ebebeb !important; }

/* WhatsApp μέσα στο άρθρο */
.bt-wa {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	gap: 12px 16px;
	align-items: center;
	margin: 32px 0;
	padding: 14px 18px;
	background: #f4f4f5;
	border: 1px solid #e0e0e2;
	border-left: 3px solid #25d366;
	font-family: var(--wp--preset--font-family--sans, inherit);
}
.bt-wa__icon { width: 36px; height: 36px; border-radius: 50%; background: #25d366; display: flex; align-items: center; justify-content: center; }
.bt-wa__text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bt-wa__text strong { font-size: 14.5px; font-weight: 600; line-height: 1.3; color: #0a0a0a; }
.bt-wa__text span { font-size: 12.5px; line-height: 1.5; color: #4a5368; }
.bt-wa__btn { display: inline-block; background: #050505; color: #fff !important; padding: 9px 14px; font-size: 12.5px; font-weight: 600; white-space: nowrap; text-decoration: none !important; transition: background 0.2s; }
.bt-wa__btn:hover { background: #2a2a2a; }
@media (max-width: 900px) { .bt-wa { grid-template-columns: 36px minmax(0, 1fr); } .bt-wa__btn { grid-column: 2; justify-self: start; } }

/* επεξεργαστής: προεπισκόπηση χωρίς αλληλεπίδραση */
.bt-editor-preview { pointer-events: none; }
.bt-editor-preview [hidden] { display: none !important; }
