/* Star Taxi – Design 2026 – FAQ pages (TASK 09): 1576 /app-faq/, 1679 /en/app-faq/, 1775 /faq-card-sofer/.
 * Loaded after stx2026-legal.css (hero, TOC, H2 numbers come from the legal 2026 layout).
 * Avada [fusion_faq] accordions styled like the 2026 FAQ cards (/soferi/). */

/* hero */
body.stx-2026 .stx-faq-eyebrow { margin: 0 0 10px !important; font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--stx-amber-700); }
body.stx-2026 .stx-faq-hero h1.stx-tc-title { margin-bottom: 16px !important; }
body.stx-2026 .stx-faq-hero .stx-tc-meta { margin-bottom: 0 !important; }

/* body: TOC column + questions column (Avada columns laid out as the legal grid) */
body.stx-2026 .stx-faq-body > .fusion-builder-row { display: grid !important; grid-template-columns: 280px minmax(0, 760px); gap: 56px; justify-content: space-between; align-items: start; max-width: 1120px !important; }
body.stx-2026 .stx-faq-body .stx-faq-aside, body.stx-2026 .stx-faq-body .stx-faq-main { width: 100% !important; max-width: none !important; margin: 0 !important; flex: none !important; }
body.stx-2026 .stx-faq-body .stx-faq-aside { position: sticky; top: 24px; max-height: calc(100vh - 48px); overflow: auto; }
body.stx-2026 .stx-faq-body .fusion-column-wrapper, body.stx-2026 .stx-faq-hero .fusion-column-wrapper { padding: 0 !important; margin: 0 !important; }
/* same left edge for hero and body: explicit row gutters, no Avada column spacing */
body.stx-2026 .stx-faq-hero > .fusion-builder-row, body.stx-2026 .stx-faq-body > .fusion-builder-row { margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; width: 100% !important; max-width: 1120px !important; }
body.stx-2026 .stx-faq-hero .fusion-layout-column { margin: 0 !important; padding: 0 !important; width: 100% !important; }
body.stx-2026 .stx-faq-cnt { color: var(--stx-500); font-weight: 500; }

/* section headings */
body.stx-2026 .stx-faq-h { margin: 0 !important; }
body.stx-2026 .stx-faq-main .stx-faq-h ~ .stx-faq-h { margin-top: 48px !important; padding-top: 40px; border-top: 1px solid var(--stx-100); }
body.stx-2026 .stx-faq-sec { scroll-margin-top: 24px; padding-top: 0; }
body.stx-2026 .stx-faq-sec h2.stx-tc-h2 { margin: 0 0 20px !important; }

/* accordions */
body.stx-2026 .stx-faq-acc .fusion-faqs-wrapper, body.stx-2026 .stx-faq-acc .accordian { margin: 0 !important; }
body.stx-2026 .stx-faq-main .fusion-accordian .panel-group { display: flex; flex-direction: column; gap: 12px; margin: 0 !important; }
body.stx-2026 .stx-faq-main .fusion-panel { margin: 0 !important; padding: 0 !important; border-radius: 16px !important; background: var(--stx-50) !important; border: 1px solid var(--stx-200) !important; box-shadow: none !important; overflow: hidden; }
body.stx-2026 .stx-faq-main .fusion-panel:has(.panel-collapse.in) { background: #fff !important; border-color: var(--stx-300, #cbd5e1) !important; }
body.stx-2026 .stx-faq-main .panel-heading { padding: 0 !important; background: none !important; }
body.stx-2026 .stx-faq-main .panel-title { margin: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 26px !important; }
body.stx-2026 .stx-faq-main .panel-title a { display: flex !important; justify-content: space-between; align-items: center; gap: 16px; margin: 0 !important; padding: 18px 20px !important; text-decoration: none !important; color: var(--stx-950) !important; }
body.stx-2026 .stx-faq-main .panel-title a .fusion-toggle-heading { order: 1; margin: 0 !important; color: var(--stx-950) !important; font-family: var(--stx-font) !important; font-size: 17px !important; line-height: 26px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; }
body.stx-2026 .stx-faq-main .panel-title a .fusion-toggle-icon-wrapper { order: 2; flex: none; margin: 0 !important; width: 28px !important; height: 28px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50%; background: #fff !important; border: 1px solid var(--stx-200) !important; }
body.stx-2026 .stx-faq-main .fusion-accordian .panel-title a .fusion-toggle-icon-wrapper .fa-fusion-box, body.stx-2026 .stx-faq-main .fusion-accordian .fusion-toggle-icon-wrapper i { color: var(--stx-700) !important; background: transparent !important; background-color: transparent !important; border: 0 !important; font-size: 11px !important; width: auto !important; height: auto !important; line-height: 1 !important; }
body.stx-2026 .stx-faq-main .panel-title a:focus-visible { outline: 2px solid var(--stx-amber-500, #f5c400); outline-offset: -2px; border-radius: 16px; }
body.stx-2026 .stx-faq-main .panel-body, body.stx-2026 .stx-faq-main .toggle-content { margin: 0 20px !important; padding: 14px 0 18px !important; border-top: 1px solid var(--stx-100) !important; }
body.stx-2026 .stx-faq-main .toggle-content p, body.stx-2026 .stx-faq-main .panel-body p { font-size: 16px !important; line-height: 1.65 !important; color: var(--stx-700) !important; margin: 0 !important; text-align: left !important; }
body.stx-2026 .stx-faq-main .toggle-content a { color: var(--stx-amber-700) !important; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; overflow-wrap: anywhere; }

/* back to contents (phones) */
body.stx-2026 .stx-faq-toplink { margin: 0 !important; }

@media (max-width: 1160px) {
	body.stx-2026 .stx-faq-hero > .fusion-builder-row, body.stx-2026 .stx-faq-body > .fusion-builder-row { padding-left: 0 !important; padding-right: 0 !important; }
}
@media (max-width: 1024px) {
	body.stx-2026 .stx-faq-body > .fusion-builder-row { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	body.stx-2026 .stx-faq-body .stx-faq-aside { position: static; max-height: none; overflow: visible; }
	body.stx-2026 .stx-faq-body .stx-faq-main { max-width: 760px !important; }
}
@media (max-width: 767px) {
	body.stx-2026 .stx-faq-hero > .fusion-builder-row, body.stx-2026 .stx-faq-body > .fusion-builder-row { padding-left: 4px !important; padding-right: 4px !important; } /* + 12px container padding = 16px gutter */
	body.stx-2026 .stx-faq-body .stx-faq-main { padding-left: 8px !important; padding-right: 8px !important; box-sizing: border-box; }
	body.stx-2026 .stx-faq-body > .fusion-builder-row { gap: 24px; }
	body.stx-2026 .stx-faq-main .stx-faq-h ~ .stx-faq-h { margin-top: 32px !important; padding-top: 28px; }
	body.stx-2026 .stx-faq-sec h2.stx-tc-h2 { margin-bottom: 16px !important; }
	body.stx-2026 .stx-faq-main .panel-title a { padding: 16px !important; gap: 12px; }
	body.stx-2026 .stx-faq-main .panel-title a .fusion-toggle-heading { font-size: 16px !important; line-height: 24px !important; }
	body.stx-2026 .stx-faq-main .panel-body, body.stx-2026 .stx-faq-main .toggle-content { margin: 0 16px !important; padding: 12px 0 16px !important; }
	body.stx-2026 .stx-faq-main .toggle-content p, body.stx-2026 .stx-faq-main .panel-body p { font-size: 15px !important; }
}

/* app WebView (?lang=ro|en, startaxi-webview-legal): no hero breadcrumb, compact spacing */
body.stx-webview .stx-faq-hero { padding-top: 24px !important; padding-bottom: 24px !important; }

/* Avada FAQ icon colours come from CSS variables (set inline by the element) – neutralised here */
body.stx-2026 .stx-faq-main .fusion-faq-shortcode, body.stx-2026 .stx-faq-main .fusion-accordian, body.stx-2026 .stx-faq-main .panel-group { --awb-icon-box-color: transparent !important; --awb-toggle-hover-accent-color: var(--stx-950) !important; --awb-toggle-active-accent-color: var(--stx-950) !important; --awb-icon-color: var(--stx-700) !important; --awb-icon-size: 12px !important; }
body.stx-2026 .stx-faq-main .fusion-accordian .panel-title a .fa-fusion-box { background-color: transparent !important; border-color: transparent !important; padding: 0 !important; }

/* Avada prints `.fusion-accordian #accordian-N .fa-fusion-box{background-color:#333!important}` inline: same ID, higher specificity (up to 12 FAQ blocks per page) */
body.stx-2026 .stx-faq-main #accordian-1 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-2 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-3 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-4 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-5 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-6 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-7 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-8 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-9 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-10 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-11 .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-12 .fa-fusion-box { background-color: transparent !important; border-color: transparent !important; color: var(--stx-700) !important; }
/* same for the other per-element inline rules: active/hover icon box, title hover colour, Open Sans font, panel hover border */
body.stx-2026 .stx-faq-main #accordian-1 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-1 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-1 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-2 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-2 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-2 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-3 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-3 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-3 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-4 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-4 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-4 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-5 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-5 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-5 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-6 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-6 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-6 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-7 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-7 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-7 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-8 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-8 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-8 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-9 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-9 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-9 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-10 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-10 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-10 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-11 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-11 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-11 .panel-title a.hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-12 .panel-title .active .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-12 .panel-title a:hover .fa-fusion-box, body.stx-2026 .stx-faq-main #accordian-12 .panel-title a.hover .fa-fusion-box { background-color: transparent !important; border-color: transparent !important; color: var(--stx-950) !important; }
body.stx-2026 .stx-faq-main #accordian-1 .panel-title a, body.stx-2026 .stx-faq-main #accordian-1 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-2 .panel-title a, body.stx-2026 .stx-faq-main #accordian-2 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-3 .panel-title a, body.stx-2026 .stx-faq-main #accordian-3 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-4 .panel-title a, body.stx-2026 .stx-faq-main #accordian-4 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-5 .panel-title a, body.stx-2026 .stx-faq-main #accordian-5 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-6 .panel-title a, body.stx-2026 .stx-faq-main #accordian-6 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-7 .panel-title a, body.stx-2026 .stx-faq-main #accordian-7 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-8 .panel-title a, body.stx-2026 .stx-faq-main #accordian-8 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-9 .panel-title a, body.stx-2026 .stx-faq-main #accordian-9 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-10 .panel-title a, body.stx-2026 .stx-faq-main #accordian-10 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-11 .panel-title a, body.stx-2026 .stx-faq-main #accordian-11 .panel-title a:hover, body.stx-2026 .stx-faq-main #accordian-12 .panel-title a, body.stx-2026 .stx-faq-main #accordian-12 .panel-title a:hover { color: var(--stx-950) !important; font-family: var(--stx-font) !important; }
body.stx-2026 .stx-faq-main #accordian-1 .toggle-content, body.stx-2026 .stx-faq-main #accordian-1 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-2 .toggle-content, body.stx-2026 .stx-faq-main #accordian-2 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-3 .toggle-content, body.stx-2026 .stx-faq-main #accordian-3 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-4 .toggle-content, body.stx-2026 .stx-faq-main #accordian-4 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-5 .toggle-content, body.stx-2026 .stx-faq-main #accordian-5 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-6 .toggle-content, body.stx-2026 .stx-faq-main #accordian-6 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-7 .toggle-content, body.stx-2026 .stx-faq-main #accordian-7 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-8 .toggle-content, body.stx-2026 .stx-faq-main #accordian-8 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-9 .toggle-content, body.stx-2026 .stx-faq-main #accordian-9 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-10 .toggle-content, body.stx-2026 .stx-faq-main #accordian-10 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-11 .toggle-content, body.stx-2026 .stx-faq-main #accordian-11 .toggle-content p, body.stx-2026 .stx-faq-main #accordian-12 .toggle-content, body.stx-2026 .stx-faq-main #accordian-12 .toggle-content p { font-family: var(--stx-font) !important; }
body.stx-2026 .stx-faq-main #accordian-1 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-2 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-3 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-4 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-5 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-6 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-7 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-8 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-9 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-10 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-11 .fusion-panel:hover, body.stx-2026 .stx-faq-main #accordian-12 .fusion-panel:hover { border-color: var(--stx-300, #cbd5e1) !important; }

/* answers with several paragraphs */
body.stx-2026 .stx-faq-main .toggle-content p + p, body.stx-2026 .stx-faq-main .panel-body p + p { margin-top: 10px !important; }

/* chevron instead of +/− (owner, 2026-11-11): down when closed, rotates up when open */
body.stx-2026 .stx-faq-main .fusion-toggle-icon-wrapper .fa-fusion-box, body.stx-2026 .stx-faq-main .fusion-toggle-icon-wrapper-main { display: none !important; }
body.stx-2026 .stx-faq-main .panel-title a .fusion-toggle-icon-wrapper::after { content: ""; width: 16px; height: 16px; background-color: var(--stx-700); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .2s ease; }
body.stx-2026 .stx-faq-main .panel-title a:not(.collapsed) .fusion-toggle-icon-wrapper::after { transform: rotate(180deg); background-color: var(--stx-950); }
@media (prefers-reduced-motion: reduce) { body.stx-2026 .stx-faq-main .panel-title a .fusion-toggle-icon-wrapper::after { transition: none; } }

/* ---------- local search (TASK 10) – box injected by stx2026-faq.js above the TOC + questions ---------- */
body.stx-2026 .stx-faq-search { grid-column: 1 / -1; width: 100%; max-width: 640px; margin: 0 0 -24px; }
body.stx-2026 .stx-faq-body .stx-faq-aside { grid-column: 1; }
body.stx-2026 .stx-faq-body .stx-faq-main { grid-column: 2; }
body.stx-2026 .stx-faq-search-field { position: relative; display: flex; align-items: center; height: 48px; background: var(--stx-50); border: 1px solid var(--stx-200); border-radius: 14px; transition: border-color .15s, box-shadow .15s, background-color .15s; }
body.stx-2026 .stx-faq-search-field:hover { border-color: var(--stx-300, #cbd5e1); }
body.stx-2026 .stx-faq-search-field:focus-within { background: #fff; border-color: var(--stx-950); box-shadow: 0 0 0 3px rgba(245, 196, 0, .35); }
body.stx-2026 .stx-faq-search-ico { position: absolute; left: 16px; width: 18px; height: 18px; fill: none; stroke: var(--stx-500); stroke-width: 2; stroke-linecap: round; pointer-events: none; }
body.stx-2026 .stx-faq-search input[type="search"] { flex: 1; min-width: 0; height: 100% !important; margin: 0 !important; padding: 0 44px 0 44px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; font-family: var(--stx-font) !important; font-size: 16px !important; line-height: 22px !important; color: var(--stx-950) !important; -webkit-appearance: none; appearance: none; }
body.stx-2026 .stx-faq-search input[type="search"]::placeholder { color: var(--stx-500); opacity: 1; }
body.stx-2026 .stx-faq-search input[type="search"]::-webkit-search-cancel-button, body.stx-2026 .stx-faq-search input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; display: none; }
body.stx-2026 .stx-faq-search-clear { position: absolute; right: 8px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50%; background: transparent !important; color: var(--stx-500); cursor: pointer; }
body.stx-2026 .stx-faq-search-clear[hidden] { display: none !important; }
body.stx-2026 .stx-faq-search-clear:hover { background: var(--stx-100) !important; color: var(--stx-950); }
body.stx-2026 .stx-faq-search-clear:focus-visible { outline: 2px solid var(--stx-950); outline-offset: 1px; }
body.stx-2026 .stx-faq-search-clear svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
body.stx-2026 .stx-faq-search-status { min-height: 20px; margin: 8px 0 0 4px !important; font-size: 13px !important; line-height: 20px !important; color: var(--stx-500) !important; }
body.stx-2026 .stx-faq-main [hidden] { display: none !important; }
body.stx-2026 .stx-faq-empty { margin: 8px 0 0 !important; padding: 20px; border: 1px dashed var(--stx-200); border-radius: 16px; background: var(--stx-50); font-size: 15px !important; line-height: 22px !important; color: var(--stx-600) !important; text-align: center !important; }
body.stx-2026 .stx-faq-searching .stx-faq-aside { visibility: hidden; }
body.stx-2026 .stx-faq-searching .stx-faq-main .stx-faq-h ~ .stx-faq-h { margin-top: 32px !important; padding-top: 28px; }
@media (max-width: 1024px) {
	body.stx-2026 .stx-faq-body .stx-faq-aside, body.stx-2026 .stx-faq-body .stx-faq-main { grid-column: 1; }
	body.stx-2026 .stx-faq-search { max-width: none; margin-bottom: -16px; }
	body.stx-2026 .stx-faq-searching .stx-faq-aside { display: none !important; }
}
@media (max-width: 767px) {
	body.stx-2026 .stx-faq-search { margin-bottom: -12px; padding: 0 8px; box-sizing: border-box; } /* same edges as the TOC and questions */
	body.stx-2026 .stx-faq-search-field { height: 46px; }
}
@media (prefers-reduced-motion: reduce) { body.stx-2026 .stx-faq-search-field { transition: none; } }
body.stx-2026 .stx-faq-searching .stx-faq-main .stx-faq-h.stx-faq-first { margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important; }