/* Star Taxi – Design 2026 – APK șoferi (2241 RO / 4525 EN). One responsive page (tools/stitch-apk/build.php).
 * Reuses the 2026 tokens/typography (stx-h1, stx-h2, stx-lead, stx-sub); page blocks below. Loaded after stx2026.css. */

/* hero */
body.stx-2026 .stx-sec.stx-apk2-hero { background: #fff !important; padding-top: 72px !important; padding-bottom: 72px !important; }
body.stx-2026 .stx-apk2-hero > .fusion-builder-row { position: relative; z-index: 1; max-width: 1160px !important; }
body.stx-2026 .stx-apk2-copy .fusion-column-wrapper { gap: 20px; }
body.stx-2026 .stx-apk2-copy .fusion-column-wrapper > .fusion-button-wrapper { align-self: flex-start; margin-top: 8px; }
body.stx-2026 .stx-apk2-h1 h1 { font-size: 64px !important; }
body.stx-2026 .stx-apk2-lead p + p { margin-top: 12px !important; }
body.stx-2026 a.fusion-button.stx-apk2-btn { top: auto !important; display: inline-flex !important; align-items: center; gap: 10px; padding: 16px 28px !important; border: 0 !important; border-radius: 14px !important; background: var(--stx-gold) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 22px !important; box-shadow: 0 8px 18px -6px rgba(245,158,11,.6) !important; transition: filter .15s, transform .15s; }
body.stx-2026 a.fusion-button.stx-apk2-btn:hover { filter: brightness(.96); transform: translateY(-1px); }
body.stx-2026 a.fusion-button.stx-apk2-btn, body.stx-2026 a.fusion-button.stx-apk2-btn .fusion-button-text, body.stx-2026 a.fusion-button.stx-apk2-btn i { color: var(--stx-950) !important; }
body.stx-2026 a.fusion-button.stx-apk2-btn i { margin: 0 !important; font-size: 16px !important; }
body.stx-2026 .stx-apk2-visual .fusion-column-wrapper { align-items: center !important; justify-content: center; }
body.stx-2026 .stx-apk2-phone { margin: 0 !important; }
body.stx-2026 .stx-apk2-phone img { width: 360px; max-width: 100%; height: auto; mix-blend-mode: multiply; } /* the PNG has its own light background: blend it into the white page */

/* steps */
body.stx-2026 .stx-sec.stx-apk2-steps { background: var(--stx-50) !important; padding-top: 72px !important; padding-bottom: 88px !important; }
body.stx-2026 .stx-apk2-steps > .fusion-builder-row { max-width: 1160px !important; row-gap: 24px; }
body.stx-2026 .stx-apk2-head .fusion-column-wrapper { gap: 8px; margin-bottom: 8px !important; }
body.stx-2026 .stx-apk2-step > .fusion-column-wrapper { height: 100%; background: #fff; border: 1px solid var(--stx-200); border-radius: 24px; padding: 28px !important; box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: box-shadow .2s, border-color .2s, transform .2s; }
body.stx-2026 .stx-apk2-step:hover > .fusion-column-wrapper { border-color: var(--stx-amber-300); box-shadow: 0 16px 30px -14px rgba(15,23,42,.18); transform: translateY(-2px); }
body.stx-2026 .stx-apk2-steptop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
body.stx-2026 .stx-apk2-ico { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 16px; background: var(--stx-amber-50); border: 1px solid var(--stx-amber-200); color: var(--stx-amber-700); font-size: 20px; }
body.stx-2026 .stx-apk2-num { font-size: 40px; line-height: 1; font-weight: 800; letter-spacing: -0.04em; color: var(--stx-200); font-variant-numeric: tabular-nums; }
body.stx-2026 h3.stx-apk2-steph { font-family: var(--stx-font) !important; font-size: 21px !important; line-height: 28px !important; font-weight: 800 !important; color: var(--stx-950) !important; margin: 0 0 10px !important; letter-spacing: -0.01em !important; }
body.stx-2026 h3.stx-apk2-steph::first-letter { text-transform: uppercase; }
body.stx-2026 .stx-apk2-steptext p { font-size: 16px; line-height: 1.65; color: var(--stx-600); margin: 0; }
body.stx-2026 .stx-apk2-steptext a { color: var(--stx-amber-700); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }

/* tablet / phone: one column, phone image after the button */
@media (max-width: 1024px) {
	body.stx-2026 .stx-sec.stx-apk2-hero { padding-top: 48px !important; padding-bottom: 56px !important; }
	body.stx-2026 .stx-apk2-hero > .fusion-builder-row { row-gap: 32px; }
}
@media (max-width: 767px) {
	body.stx-2026 .stx-apk2-h1 h1 { font-size: 40px !important; line-height: 46px !important; }
	body.stx-2026 .stx-apk2-copy .fusion-column-wrapper > .fusion-button-wrapper { align-self: stretch; }
	body.stx-2026 a.fusion-button.stx-apk2-btn { width: 100%; justify-content: center; }
	body.stx-2026 .stx-apk2-phone img { width: 280px; }
	body.stx-2026 .stx-sec.stx-apk2-steps { padding-top: 48px !important; padding-bottom: 56px !important; }
	body.stx-2026 .stx-apk2-step > .fusion-column-wrapper { padding: 22px !important; border-radius: 20px; }
	body.stx-2026 .stx-apk2-num { font-size: 32px; }
}
