/* «Επαγγελματικές τιμές» ([erpc_trade_prices], My Account tab, link under the login card). Fonts from the theme. */

.erpc-tp {
	--tp-ink: var(--erp-ink, #151515);
	--tp-text: var(--erp-text, #2b2b2b);
	--tp-muted: var(--erp-muted, #6b6b6b);
	--tp-line: #dedad4;
	--tp-field: #cbc6bf;
	--tp-soft: var(--erp-soft, #f3f2f0);
	--tp-acc: var(--erp-primary, #e2231a);
	--tp-green: #16803c;
	--tp-r: var(--erp-r-sm, 3px);
	color: var(--tp-text);
	margin: 0 0 80px;
}
.erpc-tp *, .erpc-tp *::before, .erpc-tp *::after { box-sizing: border-box; }
.erpc-tp [hidden] { display: none !important; }
.erpc-tp .cg-icon { width: 20px; height: 20px; flex: none; }
.erpc-tp-wrap { max-width: var(--erp-container, 1640px); margin: 0 auto; padding: 0 var(--erp-gutter, 40px); }
.erpc-tp h2 { font-size: 22px; line-height: 1.25; margin: 0; color: var(--tp-ink); }

/* Heading band, full width: title, the order note, the steps in one line */
.erpc-tp-hero { background: var(--tp-soft); border-bottom: 1px solid var(--tp-line); margin: 0 0 40px; }
.erpc-tp-hero .erpc-tp-wrap { padding-top: 44px; padding-bottom: 36px; }
.erpc-tp-hero__title { color: var(--tp-ink); font-size: clamp(28px, 3.4vw, 40px); line-height: 1.12; font-weight: 700; margin: 0 0 10px; text-wrap: balance; }
.erpc-tp-hero__lead { color: var(--tp-muted); font-size: 17px; line-height: 1.55; margin: 0; }
.erpc-tp-hero .erpc-tp-note { margin: 20px 0 0; max-width: 980px; background: #fff; border: 1px solid var(--tp-line); font-size: 15px; font-weight: 500; color: var(--tp-ink); }
.erpc-tp-hero .erpc-tp-note .cg-icon { color: var(--tp-acc); }
.erpc-tp-steps { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 28px; }
.erpc-tp-steps li { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--tp-text); font-size: 15px; font-weight: 600; }
.erpc-tp-steps__n { flex: none; width: 26px; height: 26px; border-radius: var(--tp-r); background: var(--tp-ink); color: #fff; font-size: 13px; font-weight: 700; display: grid; place-items: center; }

/* Card, full width; the switch sits centred on its top edge */
.erpc-tp-card { position: relative; background: #fff; border: 1px solid var(--tp-line); border-radius: var(--tp-r); padding: 32px; }
.erpc-tp-card.has-switch { margin-top: 64px; padding-top: 48px; }
.erpc-tp-hero + .erpc-tp-wrap > .erpc-tp-card.has-switch { margin-top: 60px; }
.erpc-tp .erpc-tp-switch { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); display: inline-grid; grid-template-columns: 1fr 1fr; background: var(--tp-soft); border: 1px solid var(--tp-line); border-radius: var(--tp-r); padding: 3px; }
.erpc-tp .erpc-tp-switch button,
.erpc-tp .erpc-tp-switch button:hover,
.erpc-tp .erpc-tp-switch button:focus { appearance: none; border: 0; outline: 0; box-shadow: none; background: transparent; border-radius: 2px; padding: 9px 18px; margin: 0; font: inherit; font-size: 14px; font-weight: 600; color: var(--tp-muted); cursor: pointer; white-space: nowrap; transition: background-color .15s ease, color .15s ease; }
.erpc-tp .erpc-tp-switch button.is-on { background: #fff; color: var(--tp-ink); box-shadow: 0 1px 2px rgba(20,20,20,.12); }
.erpc-tp .erpc-tp-switch button:focus-visible { outline: 2px solid var(--tp-ink); outline-offset: 1px; }

.erpc-tp-note { display: flex; gap: 10px; align-items: flex-start; margin: 12px 0 24px; padding: 12px 14px; background: var(--tp-soft); border-radius: var(--tp-r); color: var(--tp-text); font-size: 14px; line-height: 1.5; }
.erpc-tp-note .cg-icon { color: var(--tp-ink); margin-top: 1px; }
.erpc-tp-note strong { color: var(--tp-ink); }

.erpc-tp-form { margin: 0; display: grid; gap: 20px; align-content: start; }
.erpc-tp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.erpc-tp-grid .erpc-tp-field--about { grid-column: 1 / -1; }
.erpc-tp-grid .erpc-tp-field--about textarea { min-height: 110px; }
.erpc-tp-form__foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 16px; }
.erpc-tp-form__foot .erpc-human { margin: 0 auto 0 0; }
.erpc-tp-form__foot--inline { grid-column: auto; align-self: end; justify-content: flex-start; }
.erpc-tp-form__foot--inline .erpc-tp-btn { width: 100%; }
.erpc-tp-field { display: grid; gap: 6px; margin: 0; align-content: start; }
.erpc-tp-field > span { font-size: 14px; font-weight: 600; color: var(--tp-ink); }
.erpc-tp-field em { font-style: normal; font-weight: 400; color: var(--tp-muted); }
.erpc-tp-req { color: var(--tp-acc); font-weight: 700; }
.erpc-tp .erpc-tp-field input,
.erpc-tp .erpc-tp-field textarea { width: 100%; height: auto; margin: 0; font: inherit; font-size: 16px; color: var(--tp-ink); background: #fff; border: 1px solid var(--tp-field); border-radius: var(--tp-r); box-shadow: none; padding: 12px 14px; transition: border-color .15s ease, box-shadow .15s ease; }
.erpc-tp .erpc-tp-field textarea { resize: vertical; min-height: 124px; line-height: 1.5; }
.erpc-tp .erpc-tp-field input:focus,
.erpc-tp .erpc-tp-field textarea:focus { outline: none; border-color: var(--tp-ink); box-shadow: 0 0 0 1px var(--tp-ink); }
.erpc-tp .erpc-tp-btn { appearance: none; border: 0; border-radius: var(--tp-r); background: var(--tp-acc); color: #fff; font: inherit; font-size: 16px; font-weight: 700; padding: 14px 28px; margin: 0; cursor: pointer; transition: filter .15s ease, transform .1s ease; }
.erpc-tp .erpc-tp-btn:hover { filter: brightness(.92); }
.erpc-tp .erpc-tp-btn:active { transform: scale(.98); }
.erpc-tp .erpc-tp-btn:disabled { opacity: .6; cursor: progress; }
.erpc-tp-msg { margin: 0; color: #b8221a; font-size: 14px; }

/* Logged in: account on the left, request on the right */
.erpc-tp-member { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 40px; align-items: start; }
.erpc-tp-member .erpc-tp-form h2 { margin-bottom: 0; }
.erpc-tp-member .erpc-tp-note { margin: 0; }
.erpc-tp-who { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; }
.erpc-tp-who strong { display: block; color: var(--tp-ink); font-size: 17px; }
.erpc-tp-who span { color: var(--tp-muted); font-size: 14px; }
.erpc-tp-avatar { width: 46px; height: 46px; border-radius: var(--tp-r); background: var(--tp-ink); color: #fff; display: grid; place-items: center; font-size: 20px; font-weight: 700; flex: none; }
.erpc-tp-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--tp-line); border: 1px solid var(--tp-line); border-radius: var(--tp-r); overflow: hidden; margin: 0; }
.erpc-tp-stats div { background: #fff; padding: 12px 14px; }
.erpc-tp-stats dt { font-size: 13px; color: var(--tp-muted); margin: 0 0 2px; }
.erpc-tp-stats dd { margin: 0; font-weight: 700; color: var(--tp-ink); font-variant-numeric: tabular-nums; }
.erpc-tp-ok { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0 0; color: var(--tp-green); font-size: 14px; line-height: 1.5; }
.erpc-tp-status { display: flex; gap: 10px; align-items: center; margin: 0; color: var(--tp-ink); font-size: 14px; }
.erpc-tp-status .cg-icon { color: var(--tp-acc); }

/* Inside My Account: the account layout gives the width */
.erpc-tp--tab { margin: 0; }
.erpc-tp--tab .erpc-tp-card { padding: 28px; }
.erpc-tp--tab .erpc-tp-member { grid-template-columns: 1fr; gap: 28px; }

/* Under the login / sign-up card */
.erpc-tp-loginlink { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 20px 0 0; font-size: 15px; color: var(--erp-muted, #6b6b6b); }
.erpc-tp-loginlink .cg-icon { width: 20px; height: 20px; color: var(--erp-ink, #151515); }
.erpc-tp-loginlink a { color: var(--erp-primary, #e2231a); font-weight: 600; text-decoration: none; }
.erpc-tp-loginlink a:hover { text-decoration: underline; }

@media (max-width: 1000px) {
	.erpc-tp-grid { grid-template-columns: 1fr 1fr; }
	.erpc-tp-grid .erpc-tp-field--about { grid-column: 1 / -1; }
	.erpc-tp-member { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 700px) {
	.erpc-tp-wrap { padding: 0 16px; }
	.erpc-tp-hero .erpc-tp-wrap { padding-top: 28px; padding-bottom: 24px; }
	.erpc-tp-hero__lead { font-size: 16px; }
	.erpc-tp-steps { flex-direction: column; gap: 8px; }
	.erpc-tp-card, .erpc-tp--tab .erpc-tp-card { padding: 20px; }
	.erpc-tp-card.has-switch { padding-top: 40px; }
	.erpc-tp .erpc-tp-switch { width: calc(100% - 40px); }
	.erpc-tp-grid { grid-template-columns: 1fr; }
	.erpc-tp-form__foot { flex-direction: column-reverse; align-items: stretch; }
	.erpc-tp-form__foot .erpc-human { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.erpc-tp .erpc-tp-btn, .erpc-tp .erpc-tp-switch button, .erpc-tp .erpc-tp-field input, .erpc-tp .erpc-tp-field textarea { transition: none; }
}