/* Star Taxi – Design 2026 – B2B "Solicită o ofertă" (2455 RO / 2534 EN). Loaded only on these pages, after stx2026.css.
 * Dark hero (navy + amber glow + fine grid), selectable solution tiles, existing CF7 form re-skinned in a white card. */

/* ---------- hero ---------- */
body.stx-2026 .stx-sec.stx-b2b-hero {
	background:
		radial-gradient(600px 380px at 85% 10%, rgba(255,200,0,.22), rgba(255,200,0,0) 70%),
		radial-gradient(520px 420px at 0% 100%, rgba(245,158,11,.14), rgba(245,158,11,0) 70%),
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 40px 40px,
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 40px 40px,
		var(--stx-950) !important;
	padding-top: 72px !important; padding-bottom: 88px !important; border-bottom: 0 !important;
}
body.stx-2026 .stx-b2b-hero > .fusion-builder-row { max-width: 1180px !important; align-items: center; }
body.stx-2026 .stx-b2b-copy .fusion-column-wrapper { gap: 20px; padding-right: 24px !important; }
body.stx-2026 .stx-b2b-pill p { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.14) !important; color: var(--stx-300) !important; }
body.stx-2026 .stx-b2b-pill strong { color: #fff !important; }
body.stx-2026 h1.stx-b2b-h1 { font-family: var(--stx-font) !important; font-size: 60px !important; line-height: 1.04 !important; letter-spacing: -0.035em !important; font-weight: 800 !important; color: #fff !important; margin: 0 !important; }
body.stx-2026 .stx-b2b-h1 .stx-accent { color: var(--stx-gold); }
body.stx-2026 .stx-b2b-lead p { font-size: 19px; line-height: 1.6; color: var(--stx-300); max-width: 520px; margin: 0; }
body.stx-2026 .stx-b2b-optlabel { font-size: 12px !important; line-height: 16px !important; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: var(--stx-gold) !important; margin: 8px 0 12px !important; }

/* solution tiles (pre-fill "Interesat în") */
body.stx-2026 .stx-b2b-opts { display: grid; gap: 10px; }
body.stx-2026 button.stx-b2b-opt { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); color: #fff; font-family: var(--stx-font); transition: background .15s, border-color .15s, transform .15s; }
body.stx-2026 button.stx-b2b-opt:hover { background: rgba(255,255,255,.08); border-color: rgba(255,200,0,.5); transform: translateX(2px); }
body.stx-2026 button.stx-b2b-opt:focus-visible { outline: 2px solid var(--stx-gold); outline-offset: 2px; }
body.stx-2026 .stx-b2b-opt-ico { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(255,200,0,.12); color: var(--stx-gold); font-size: 18px; }
body.stx-2026 .stx-b2b-opt-t { flex: 1 1 auto; font-size: 15px; line-height: 21px; font-weight: 600; color: #fff; }
body.stx-2026 .stx-b2b-opt-chk { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.3); color: transparent; font-size: 11px; transition: all .15s; }
body.stx-2026 button.stx-b2b-opt.is-selected { background: rgba(255,200,0,.12); border-color: var(--stx-gold); }
body.stx-2026 button.stx-b2b-opt.is-selected .stx-b2b-opt-chk { background: var(--stx-gold); border-color: var(--stx-gold); color: var(--stx-950); }
body.stx-2026 button.stx-b2b-opt.is-selected .stx-b2b-opt-ico { background: var(--stx-gold); color: var(--stx-950); }

/* form card = the column (existing CF7 form, not modified) */
body.stx-2026 .stx-b2b-formcol > .fusion-column-wrapper { background: #fff; border-radius: 28px; padding: 32px !important; box-shadow: 0 40px 80px -24px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06); gap: 0; position: relative; }
body.stx-2026 .stx-b2b-formcol > .fusion-column-wrapper::before { content: ""; position: absolute; left: 32px; right: 32px; top: 0; height: 4px; border-radius: 0 0 6px 6px; background: linear-gradient(90deg, var(--stx-gold), var(--stx-amber)); }
body.stx-2026 .stx-b2b-cardhead { display: flex; align-items: center; gap: 12px; margin: 4px 0 20px; font-size: 18px; line-height: 24px; font-weight: 800; color: var(--stx-950); scroll-margin-top: 100px; }
body.stx-2026 .stx-b2b-cardico { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--stx-amber-50); border: 1px solid var(--stx-amber-200); color: var(--stx-amber-700); font-size: 16px; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b { background: transparent !important; padding: 0 !important; gap: 12px !important; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item { gap: 12px !important; }
body.stx-2026 .stx-b2b-formcol .wpcf7-form-control-wrap { display: block; width: 100%; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b input[type=text], body.stx-2026 .stx-b2b-formcol .new-form-b2b input[type=email], body.stx-2026 .stx-b2b-formcol .new-form-b2b input[type=tel], body.stx-2026 .stx-b2b-formcol .new-form-b2b select {
	width: 100% !important; height: 50px !important; padding: 0 14px !important; box-sizing: border-box; background: var(--stx-50) !important; color: var(--stx-900) !important; border: 1px solid var(--stx-200) !important; border-radius: 12px !important; font-family: var(--stx-font) !important; font-size: 15px !important; box-shadow: none !important; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b select { appearance: none; -webkit-appearance: none; padding-right: 40px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; text-overflow: ellipsis; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b .select-arrow { display: none !important; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b input:focus, body.stx-2026 .stx-b2b-formcol .new-form-b2b select:focus { background-color: #fff !important; border-color: var(--stx-amber) !important; box-shadow: 0 0 0 3px rgba(245,158,11,.18) !important; outline: 0 !important; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b ::placeholder { color: var(--stx-400) !important; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b select.stx-b2b-flash { animation: stxB2bFlash 1.2s ease; }
@keyframes stxB2bFlash { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,200,0,0); } 30% { box-shadow: 0 0 0 4px rgba(255,200,0,.55); } }
body.stx-2026 .stx-b2b-formcol .startaxi-recaptcha-notice, body.stx-2026 .stx-b2b-formcol .new-form-b2b p { font-size: 12px !important; line-height: 18px !important; color: var(--stx-500) !important; margin: 0 !important; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b p a, body.stx-2026 .stx-b2b-formcol .new-form-b2b p button { color: var(--stx-700) !important; }
body.stx-2026 .stx-b2b-formcol input[type=submit] { width: 100% !important; height: 54px !important; margin-top: 4px; border: 0 !important; border-radius: 14px !important; background: var(--stx-gold) !important; color: var(--stx-950) !important; font-family: var(--stx-font) !important; font-size: 16px !important; font-weight: 800 !important; cursor: pointer; box-shadow: 0 6px 14px -4px rgba(245,158,11,.55) !important; transition: filter .15s, transform .15s; }
body.stx-2026 .stx-b2b-formcol input[type=submit]:hover { filter: brightness(.96); transform: translateY(-1px); }
body.stx-2026 .stx-b2b-formcol .wpcf7-not-valid-tip { font-size: 12px; color: #b91c1c; margin-top: 4px; }
body.stx-2026 .stx-b2b-formcol .wpcf7-response-output { margin: 12px 0 0 !important; border-radius: 12px; font-size: 14px; padding: 10px 14px !important; color: var(--stx-800); }
body.stx-2026 .stx-b2b-formcol .wpcf7-spinner { margin: 8px auto 0; display: block; }
body.stx-2026 .stx-b2b-gdpr { font-size: 12px !important; line-height: 18px !important; color: var(--stx-500) !important; margin: 16px 0 0 !important; }
body.stx-2026 .stx-b2b-gdpr a { color: var(--stx-900); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

/* ---------- contacts ---------- */
body.stx-2026 .stx-sec.stx-b2b-contacts { background: var(--stx-50) !important; padding-top: 48px !important; padding-bottom: 48px !important; }
body.stx-2026 .stx-b2b-contacts > .fusion-builder-row, body.stx-2026 .stx-b2b-more > .fusion-builder-row { max-width: 1180px !important; }
body.stx-2026 .stx-b2b-cgrid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
body.stx-2026 a.stx-b2b-ccard { display: flex; align-items: center; gap: 14px; padding: 20px; background: #fff; border: 1px solid var(--stx-200); border-radius: 20px; text-decoration: none !important; transition: border-color .15s, box-shadow .15s, transform .15s; }
body.stx-2026 a.stx-b2b-ccard:hover { border-color: var(--stx-amber-300); box-shadow: 0 10px 15px -3px rgba(0,0,0,.08); transform: translateY(-2px); }
body.stx-2026 .stx-b2b-cico { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--stx-950); color: var(--stx-gold); font-size: 18px; }
body.stx-2026 .stx-b2b-ctxt { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
body.stx-2026 .stx-b2b-clabel { font-size: 13px; line-height: 18px; color: var(--stx-500); font-weight: 600; }
body.stx-2026 .stx-b2b-cval { font-size: 17px; line-height: 24px; font-weight: 800; color: var(--stx-950); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.stx-2026 .stx-b2b-carr { flex: none; color: var(--stx-400); font-size: 14px; transition: color .15s, transform .15s; }
body.stx-2026 a.stx-b2b-ccard:hover .stx-b2b-carr { color: var(--stx-amber-700); transform: translateX(3px); }

/* ---------- Star Taxi Business showcase ---------- */
body.stx-2026 .stx-sec.stx-b2b-more { background: #fff !important; padding-top: 72px !important; padding-bottom: 88px !important; }
body.stx-2026 .stx-b2b-meb { font-size: 12px !important; line-height: 16px !important; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: var(--stx-amber-700) !important; margin: 0 0 20px !important; }
body.stx-2026 .stx-b2b-mgrid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
body.stx-2026 a.stx-b2b-show { position: relative; display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; background: var(--stx-50); border: 1px solid var(--stx-200); text-decoration: none !important; transition: box-shadow .2s, transform .2s; }
body.stx-2026 a.stx-b2b-show:hover { box-shadow: 0 24px 40px -16px rgba(15,23,42,.25); transform: translateY(-3px); }
body.stx-2026 .stx-b2b-showimg { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--stx-100); }
body.stx-2026 .stx-b2b-showimg img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; transition: transform .4s; }
body.stx-2026 a.stx-b2b-show:hover .stx-b2b-showimg img { transform: scale(1.03); }
body.stx-2026 .stx-b2b-showtxt { display: flex; flex-direction: column; gap: 4px; padding: 20px 72px 24px 24px; }
body.stx-2026 .stx-b2b-showeb { font-size: 12px; line-height: 16px; letter-spacing: .1em; text-transform: uppercase; font-weight: 800; color: var(--stx-amber-700); }
body.stx-2026 .stx-b2b-showt { font-size: 20px; line-height: 28px; font-weight: 800; color: var(--stx-950); letter-spacing: -0.01em; }
body.stx-2026 .stx-b2b-showgo { position: absolute; right: 24px; bottom: 28px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--stx-950); color: #fff; font-size: 14px; transition: background .15s; }
body.stx-2026 a.stx-b2b-show:hover .stx-b2b-showgo { background: var(--stx-gold); color: var(--stx-950); }

/* ---------- tablet / mobile ---------- */
@media (max-width: 1024px) {
	body.stx-2026 .stx-b2b-hero .stx-b2b-copy, body.stx-2026 .stx-b2b-hero .stx-b2b-formcol { width: 100% !important; }
	body.stx-2026 .stx-b2b-hero > .fusion-builder-row { row-gap: 40px; }
	body.stx-2026 .stx-b2b-copy .fusion-column-wrapper { padding-right: 0 !important; }
	body.stx-2026 .stx-b2b-formcol > .fusion-column-wrapper { max-width: 640px; margin-left: auto !important; margin-right: auto !important; }
	body.stx-2026 .stx-b2b-cgrid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 767px) {
	body.stx-2026 .stx-sec.stx-b2b-hero { padding-top: 36px !important; padding-bottom: 48px !important; }
	body.stx-2026 h1.stx-b2b-h1 { font-size: 40px !important; }
	body.stx-2026 .stx-b2b-lead p { font-size: 17px; }
	body.stx-2026 .stx-b2b-formcol > .fusion-column-wrapper { padding: 24px 18px !important; border-radius: 22px; }
	body.stx-2026 .stx-b2b-formcol > .fusion-column-wrapper::before { left: 18px; right: 18px; }
	body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item { flex-direction: column !important; }
	body.stx-2026 .stx-b2b-formcol .new-form-b2b input[type=text], body.stx-2026 .stx-b2b-formcol .new-form-b2b input[type=email], body.stx-2026 .stx-b2b-formcol .new-form-b2b input[type=tel], body.stx-2026 .stx-b2b-formcol .new-form-b2b select { font-size: 16px !important; height: 50px !important; } /* 16px: no iOS zoom */
	body.stx-2026 .stx-sec.stx-b2b-contacts { padding-top: 32px !important; padding-bottom: 32px !important; }
	body.stx-2026 a.stx-b2b-ccard { padding: 16px; border-radius: 16px; }
	body.stx-2026 .stx-b2b-cval { font-size: 16px; }
	body.stx-2026 .stx-sec.stx-b2b-more { padding-top: 48px !important; padding-bottom: 56px !important; }
	body.stx-2026 .stx-b2b-mgrid { grid-template-columns: minmax(0,1fr); gap: 16px; }
	body.stx-2026 .stx-b2b-showt { font-size: 18px; line-height: 25px; }
	body.stx-2026 .stx-b2b-showtxt { padding: 16px 64px 20px 18px; }
	body.stx-2026 .stx-b2b-showgo { right: 18px; bottom: 22px; }
}
@media (prefers-reduced-motion: reduce) { body.stx-2026 .stx-b2b-hero *, body.stx-2026 .stx-b2b-more * { transition: none !important; animation: none !important; } }

/* field pairs: equal widths; short pairs side by side on desktop, the two selects always stacked (long option texts) */
body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item > * { flex: 1 1 0; min-width: 0; width: auto !important; }
@media (min-width: 768px) {
	body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item { flex-direction: row !important; }
	body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item:has(select) { flex-direction: column !important; }
}
body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item br { display: none; }
/* CF7 wraps each pair in a <p>: the <p> is the flex row */
body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item > p { display: flex; flex-direction: column; gap: 12px; margin: 0 !important; width: 100%; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item > p > .wpcf7-form-control-wrap { flex: 1 1 0; min-width: 0; }
body.stx-2026 .stx-b2b-formcol .new-form-b2b > div:not(.two-item) > p, body.stx-2026 .stx-b2b-formcol .new-form-b2b > p:empty { margin: 0 !important; }
@media (min-width: 768px) {
	body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item > p { flex-direction: row; }
	body.stx-2026 .stx-b2b-formcol .new-form-b2b .two-item:has(select) > p { flex-direction: column; }
}