/* [cc 21.10] plata-nou.css: aspectul nou al paginilor de cumpărare de azi (pricing.php, configuration.php, payment.card.php, oferta.php, termeni-proba.php).
   Se încarcă DOAR din inc/_skin_nou.php, adică doar cu cookie-ul st_skin=nou (/pricing.php?skin=nou; ?skin=off îl scoate). Fără cookie nu există pe pagină.
   Schimbă DOAR aspectul: culorile site-ului nou (cerneala navy #142A3E, albastrul #3470A4 / #46B5E0, hârtia), fontul Work Sans, tema deschisă + închisă
   (html[data-theme], pusă de theme-final.js), butoanele și căsuțele din Contul meu v5 (cont4.css). Marcajul, scripturile și Stripe rămân ale paginii.
   Toate regulile stau sub body.st-skin (clasa o pune filtrul de ieșire), deci nu ating nicio altă pagină. Multe !important: foile vechi (style.css,
   payment.card.css, stilurile din pagini) folosesc !important, iar foaia asta trebuie să le bată fără să le schimbe.
   Câmpul cardului (iframe Stripe) are textul deschis la culoare (#e6f1f3, din scriptul paginii, neschimbat): de aceea formularul cardului e un panou închis
   (navy pe tema deschisă, cardul închis pe tema închisă), ca pachetul evidențiat de pe pagina nouă de prețuri. Pe oferta.php e invers (text #333): câmpul cardului rămâne deschis. */

/* ===================================================================================== 0. fontul: Work Sans din /fonts-ws/ (pe live); oferta.php nu încarcă foile antetului, deci fontul se declară și aici */
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts-ws/WorkSansPotrivit-300.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts-ws/WorkSansPotrivit-400.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts-ws/WorkSansPotrivit-500.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts-ws/WorkSansPotrivit-600.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts-ws/WorkSansPotrivit-700.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts-ws/WorkSansPotrivit-400i.woff2") format("woff2"); }

/* ===================================================================================== 1. culorile (aceleași nume ca în cont4.css, cu prefixul pn-) */
body.st-skin {
  --ws: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* tema închisă (implicit, ca site-ul nou) */
  --pn-bg: #000;
  --pn-card: #17191e;
  --pn-ink: #ededed;
  --pn-ink2: #a1a1a1;
  --pn-line: rgba(255, 255, 255, .12);
  --pn-edge: rgba(255, 255, 255, .44);
  --pn-well: #202228;
  --pn-zebra: #1b1d22;
  --pn-btn: #ededed;
  --pn-btnink: #142a3e;
  --pn-key: #1e2026;
  --pn-link: #46B5E0;
  --pn-ok: #6aaa6a;
  --pn-bad: #f87171;
  --pn-in-top: rgba(0, 0, 0, .6);
  --pn-field: #000;
  --pn-sh-card: inset 0 1px 0 rgba(255, 255, 255, .06), 0 1px 2px rgba(0, 0, 0, .6), 0 8px 24px -8px rgba(0, 0, 0, .8);
  --pn-sh-btn: inset 0 1px 0 hsl(0 0% 100% / .5), 0 1px 2px hsl(0 0% 0% / .6), 0 2px 6px hsl(0 0% 0% / .4);
  --pn-sh-btn-dn: inset 0 1px 0 hsl(0 0% 100% / .3), 0 1px 1px hsl(0 0% 0% / .6);
  --pn-sh-key: inset 0 1px 0 hsl(0 0% 100% / .09), 0 1px 2px hsl(0 0% 0% / .6), 0 2px 6px hsl(0 0% 0% / .4);
  /* panoul cardului: închis pe ambele teme */
  --pn-tray: #17191e;
  --pn-tray-field: #000;
}
:root[data-theme=light] body.st-skin {
  --pn-bg: hsl(40 6% 94%);
  --pn-card: #fff;
  --pn-ink: #142A3E;
  --pn-ink2: #55626f;
  --pn-line: rgba(20, 42, 62, .14);
  --pn-edge: rgba(20, 42, 62, .56);
  --pn-well: #f4f5f7;
  --pn-zebra: #f9f9f9;
  --pn-btn: #142A3E;
  --pn-btnink: #f4f2ee;
  --pn-key: #fff;
  --pn-link: #3470A4;
  --pn-ok: #206a42;   /* [cc 21.10 lane P] era #27764c: 4,07:1 pe insigna „-20%” (tentă verde peste hârtie); #206a42 = 4,8:1 */
  --pn-bad: #b3261e;
  --pn-in-top: rgba(0, 0, 0, .10);
  --pn-field: hsl(40 6% 94%);
  --pn-sh-card: 0 1px 2px rgba(20, 42, 62, .06), 0 4px 6px rgba(20, 42, 62, .08);
  --pn-sh-btn: inset 0 1px 0 hsl(0 0% 100% / .16), 0 1px 2px hsl(0 0% 0% / .25), 0 2px 6px hsl(0 0% 0% / .12);
  --pn-sh-btn-dn: inset 0 1px 0 hsl(0 0% 100% / .08), 0 1px 1px hsl(0 0% 0% / .22);
  --pn-sh-key: inset 0 1px 0 hsl(0 0% 100%), 0 1px 2px hsl(0 0% 0% / .12), 0 2px 6px hsl(0 0% 0% / .06);
  --pn-tray: #142A3E;
  --pn-tray-field: #0c1c2b;
}
/* în panoul cardului cerneala e mereu deschisă, butonul principal e cel deschis (ca pe pachetul evidențiat) */
body.st-skin #stripe_payment_form,
body.st-skin #st_trial_result {
  --pn-ink: #f4f2ee;
  --pn-ink2: #b4bfca;
  --pn-line: rgba(255, 255, 255, .14);
  --pn-edge: rgba(255, 255, 255, .42);
  --pn-btn: #f4f2ee;
  --pn-btnink: #142A3E;
  --pn-key: rgba(255, 255, 255, .06);
  --pn-link: #8fd3f0;
  --pn-ok: #7fcf9a;
  --pn-bad: #ffb4a8;
  --pn-in-top: rgba(0, 0, 0, .55);
  --pn-field: var(--pn-tray-field);
  --pn-sh-btn: inset 0 1px 0 hsl(0 0% 100% / .5), 0 1px 2px hsl(0 0% 0% / .5), 0 2px 6px hsl(0 0% 0% / .3);
}

/* ===================================================================================== 2. baza: fondul, fontul, textul */
html:has(body.st-skin), html body.st-skin { background: var(--pn-bg) !important; }
body.st-skin { color: var(--pn-ink) !important; font: 400 16px/1.55 var(--ws); -webkit-font-smoothing: antialiased; letter-spacing: -.005em; }
body.st-skin :where(*):not(.fa, .fa *, .glyphicon, [class*="material-symbols"], .caret, svg, svg *) { font-family: var(--ws) !important; }
body.st-skin #preloader { background: var(--pn-bg) !important; }
body.st-skin #preloader #status { filter: grayscale(1); }

/* textul paginilor vechi: cerneala noastră peste culorile fixe de azi (alb, cyan, gri-albăstrui); subsolul nou (footer.ft, uneori în același wrapper) rămâne al lui */
body.st-skin :is(#about-page-wrapper, #faq-page-wrapper, .modal) :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, td, th, label, span, strong, b, em, small, div, blockquote):not(footer.ft *, .st-gbtn, .st-gbtn *, :where(#st-chat-widget, #st-chat-widget *)) { color: var(--pn-ink); }
body.st-skin :is(#about-page-wrapper, #faq-page-wrapper, .modal) a:not(.btn, [class*="btn"], .tab, .linkfaq, .footer-cta-btn, .st-gbtn, .st-trial-result-btn, footer.ft *, :where(#st-chat-widget, #st-chat-widget *)) { color: var(--pn-link); text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); text-underline-offset: 3px; }
body.st-skin :is(#about-page-wrapper, #faq-page-wrapper, .modal) a:not(.btn, [class*="btn"], .tab, .linkfaq, .footer-cta-btn, .st-gbtn, .st-trial-result-btn, footer.ft *, :where(#st-chat-widget, #st-chat-widget *)):hover { color: var(--pn-ink); }
/* [cc 21.10 lane P] chatul Easy (panou închis la culoare, își are culorile lui) rămâne ca azi: regula de mai sus îi punea cerneala navy pe fundal închis (titlu, stare, iconițe, mesaje ilizibile pe tema deschisă).
   Textul mesajelor moștenea gri-deschis de la body-ul vechi (228,224,224): îl pun pe rădăcina chatului, ca să nu moștenească cerneala temei. Bara de scris: substituentul mai opac (3,1:1 pe panou la origine). */
body.st-skin #st-chat-widget { color: #e4e0e0; }
body.st-skin #st-chat-input::placeholder { color: #bcc9cc !important; opacity: 1 !important; }
/* [cc 21.10 lane P] style.css (vechi) are „.line { opacity: .7 }”, iar butonul „Intră în cont” din antetul nou e „.pill.line”: gri-ul lui (161 pe negru) cădea la 4,28:1 pe tema închisă */
body.st-skin :is(header.top, footer.ft) .line { opacity: 1 !important; }
/* prețul vechi (tăiat), pachetele pe anual: style.css îi dă #7f93a8 + opacity .6 → 4,09:1 pe cardul alb */
body.st-skin .pricing-table .old-price { color: var(--pn-ink2) !important; opacity: 1 !important; }
body.st-skin :is(#about-page-wrapper, #faq-page-wrapper) h1 { max-width: none !important; }   /* final.css: h1{max-width:11.5em} e pentru eroul primei pagini */
body.st-skin .text-primary, body.st-skin .text-primary * { color: var(--pn-link) !important; }
body.st-skin .text-success, body.st-skin .text-success * { color: var(--pn-ok) !important; }
body.st-skin .text-danger, body.st-skin .text-danger * { color: var(--pn-bad) !important; }
body.st-skin ::selection { background: color-mix(in srgb, var(--pn-link) 30%, transparent); }
body.st-skin :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--pn-ink) !important; outline-offset: 3px; }

/* firul de pagini (configurare, plată): mic, liniștit */
body.st-skin #breadcrumb-wrapper { background: transparent !important; border: 0 !important; padding: 16px 0 0 !important; margin: 0 !important; }
body.st-skin #breadcrumb-wrapper .breadcrumb { background: transparent !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; font-size: 13px; }
body.st-skin #breadcrumb-wrapper .breadcrumb li, body.st-skin #breadcrumb-wrapper .breadcrumb li.active { background: transparent !important; box-shadow: none !important; color: var(--pn-ink2) !important; }
body.st-skin #breadcrumb-wrapper .breadcrumb > li + li::before { color: var(--pn-ink2) !important; }
body.st-skin #breadcrumb-wrapper .breadcrumb a { color: var(--pn-ink2) !important; }

/* titlul paginii: citatul mic și gri, titlul subțire și mare, ca pe site-ul nou */
body.st-skin .titlebar { background: transparent !important; }
body.st-skin .titlebar em, body.st-skin .titlebar > div > em { color: var(--pn-ink2) !important; font-style: normal !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5; }
body.st-skin .titlebar h1 { color: var(--pn-ink) !important; font-weight: 300 !important; font-size: clamp(34px, 3.6vw, 52px) !important; line-height: 1.08 !important; letter-spacing: -.025em !important; text-transform: none !important; text-shadow: none !important; }
body.st-skin .titlebar h1 strong { font-weight: 300 !important; color: inherit !important; }
body.st-skin .titlebar p { color: var(--pn-ink2) !important; }
body.st-skin .titlebar h1 + p, body.st-skin .titlebar h1 + div { color: var(--pn-ink2) !important; }

/* ===================================================================================== 3. butoanele (Contul meu v5: nivelul 1 = plin, nivelul 2 = cheie ridicată) */
body.st-skin :is(.pricing-table .btn, .btn-warning, .btn-info, .btn-success, .btn-primary, #option_payment_button, #stripe_payment_button, .footer-cta-btn, .st-trial-result-btn, .st-trial-msg-actions a, .st-trial-msg-actions button) {
  -webkit-appearance: none; appearance: none;
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 24px !important;
  border: 0 !important; border-radius: 4px !important;
  background: var(--pn-btn) !important; background-image: none !important; color: var(--pn-btnink) !important;
  box-shadow: var(--pn-sh-btn) !important;
  font: 500 16px/24px var(--ws) !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: none !important;
  text-decoration: none !important; filter: none !important; transform: none !important;
  transition: box-shadow .15s ease, background-color .15s ease, color .15s ease, transform .15s ease !important;
}
body.st-skin :is(.pricing-table .btn, .btn-warning, .btn-info, .btn-success, .btn-primary, #option_payment_button, #stripe_payment_button, .footer-cta-btn, .st-trial-result-btn) * { color: inherit !important; }
body.st-skin :is(.pricing-table .btn, .btn-warning, .btn-info, .btn-success, .btn-primary, #option_payment_button, #stripe_payment_button, .footer-cta-btn, .st-trial-result-btn):hover { filter: none !important; transform: none !important; background: color-mix(in srgb, var(--pn-btn) 88%, var(--pn-btnink)) !important; }
body.st-skin :is(.pricing-table .btn, .btn-warning, .btn-info, .btn-success, .btn-primary, #option_payment_button, #stripe_payment_button, .footer-cta-btn, .st-trial-result-btn):active { box-shadow: var(--pn-sh-btn-dn) !important; transform: translateY(1px) !important; }
body.st-skin :is(#option_payment_button, #stripe_payment_button, #option_pro_forma_button):disabled { background: var(--pn-key) !important; color: var(--pn-ink2) !important; box-shadow: inset 0 0 0 1px var(--pn-line) !important; cursor: not-allowed !important; transform: none !important; opacity: 1 !important; filter: none !important; }
/* nivelul 2: proforma, FAQ, acțiunile din cutia de refuz */
body.st-skin :is(#option_pro_forma_button, .linkfaq, .st-trial-msg-actions a, .st-trial-msg-actions button) {
  -webkit-appearance: none; appearance: none;
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 24px !important;
  border: 0 !important; border-radius: 4px !important;
  background: var(--pn-key) !important; background-image: none !important; color: var(--pn-ink) !important;
  box-shadow: inset 0 0 0 1px var(--pn-edge), var(--pn-sh-key) !important;
  font: 500 16px/24px var(--ws) !important; letter-spacing: 0 !important; text-transform: none !important;
  text-decoration: none !important; filter: none !important; transform: none !important;
}
body.st-skin :is(#option_pro_forma_button, .linkfaq) * { color: inherit !important; font-weight: 500 !important; }
body.st-skin :is(#option_pro_forma_button, .linkfaq, .st-trial-msg-actions a, .st-trial-msg-actions button):hover { box-shadow: inset 0 0 0 1px var(--pn-ink), var(--pn-sh-key) !important; filter: none !important; transform: none !important; }
body.st-skin :is(#option_pro_forma_button, .linkfaq):active { box-shadow: inset 0 0 0 1px var(--pn-edge) !important; transform: translateY(1px) !important; }

/* ===================================================================================== 4. pricing.php */
body.st-skin .background-pricing, body.st-skin #pricing, body.st-skin #pricing-faq, body.st-skin #features, body.st-skin #call-to-action, body.st-skin #what-we-do, body.st-skin #faq, body.st-skin section#abonament, body.st-skin #pretDigital {
  background: transparent !important; background-image: none !important; border-color: var(--pn-line) !important; box-shadow: none !important;
}
body.st-skin #pricing { padding-top: 56px !important; }
body.st-skin.page-pricing #abonament .titlebar { margin-bottom: 20px !important; }

/* Abonament / Lifetime: comutatorul segmentat al paginii noi de prețuri */
body.st-skin .tipOferta { display: flex; justify-content: center; gap: 4px; width: fit-content; max-width: 100%; margin: 28px auto 36px !important; padding: 4px; border-radius: 999px; background: color-mix(in srgb, var(--pn-ink) 8%, transparent); }
body.st-skin .tipOferta .tab { margin: 0 !important; padding: 0 22px !important; min-height: 44px; display: inline-flex; align-items: center; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--pn-ink2) !important; box-shadow: none !important; font: 500 16px/24px var(--ws) !important; text-decoration: none !important; }
body.st-skin .tipOferta .tab:hover { color: var(--pn-ink) !important; }
body.st-skin .tipOferta .tab.active { background: var(--pn-card) !important; color: var(--pn-ink) !important; box-shadow: var(--pn-sh-key) !important; }

/* Lunară / Anuală */
body.st-skin .billing-toggle { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 6px 0 !important; font: 500 16px/24px var(--ws) !important; gap: 14px !important; }
body.st-skin .billing-toggle > span { color: var(--pn-ink2) !important; }
body.st-skin .billing-toggle:has(input:not(:checked)) > span:first-child,
body.st-skin .billing-toggle:has(input:checked) > span:last-child { color: var(--pn-ink) !important; }
body.st-skin .billing-toggle .slider { background: var(--pn-field) !important; border: 0 !important; box-shadow: inset 0 1px 2px var(--pn-in-top), inset 0 0 0 1px var(--pn-edge) !important; }
body.st-skin .billing-toggle .slider::before { background: var(--pn-btn) !important; box-shadow: var(--pn-sh-btn) !important; }
body.st-skin .billing-toggle .discount, body.st-skin small.discount { background: color-mix(in srgb, var(--pn-ok) 14%, transparent) !important; color: var(--pn-ok) !important; font: 600 13px/20px var(--ws) !important; top: -2px !important; }
body.st-skin #pricing .col-sm-6.col-sm-offset-3.text-center ul li, body.st-skin .st-3z-note { color: var(--pn-ink2) !important; font-size: 14px !important; }
body.st-skin #pricing .col-sm-6.col-sm-offset-3.text-center ul li i.fa { color: var(--pn-ok) !important; }

/* cardurile pachetelor */
body.st-skin .pricing-table, body.st-skin #pricing-table-holder > :nth-child(3) .pricing-table {
  background: var(--pn-card) !important; background-image: none !important;
  border: 0 !important; border-radius: 16px !important;
  box-shadow: var(--pn-sh-card) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
body.st-skin .pricing-table:hover, body.st-skin #pricing-table-holder > :nth-child(3) .pricing-table:hover { transform: none !important; box-shadow: var(--pn-sh-card), inset 0 0 0 1px var(--pn-edge) !important; }
body.st-skin .pricing-table .price-header, body.st-skin .pricing-table .plan-price, body.st-skin .pricing-table .price-footer { border-color: var(--pn-line) !important; background: transparent !important; }
body.st-skin .pricing-table .price-header { border-bottom: 0 !important; }
body.st-skin .pricing-table .plan-price { border-top: 0 !important; padding-top: 4px !important; }
/* numele pachetului e scris cu majuscule în pagină: rămâne ca „eticheta” site-ului nou (mic, rărit), nu ca titlu mare */
body.st-skin .pricing-table .plan-title, body.st-skin #pricing-table-holder > :nth-child(3) .plan-title {
  color: var(--pn-ink) !important; font: 600 15px/22px var(--ws) !important; letter-spacing: .12em !important; transform: none !important; padding: 26px 20px 18px !important;
}
body.st-skin #price_d .pricing-table .plan-title { font-size: 17px !important; }
body.st-skin .pricing-table .plan-price h2, body.st-skin .pricing-table h2.price { color: var(--pn-ink) !important; font: 500 clamp(32px, 2.75vw, 46px)/1.05 var(--ws) !important; letter-spacing: -.035em !important; white-space: nowrap !important; }   /* 3734,40 € încape pe un rând (anual) */
body.st-skin .pricing-table .plan-price span, body.st-skin .pricing-table .plan-price small { color: var(--pn-ink2) !important; letter-spacing: .04em !important; }
body.st-skin .pricing-table .plan-price del, body.st-skin .pricing-table .plan-price s, body.st-skin .pricing-table [data-year-original] { color: var(--pn-ink2) !important; }
body.st-skin .pricing-table ul.features, body.st-skin .pricing-table ul.features li { color: var(--pn-ink) !important; }
body.st-skin .pricing-table ul.features li { border-top-color: var(--pn-line) !important; font-size: 15px !important; }
body.st-skin .pricing-table ul.features li em, body.st-skin .pricing-table ul.features li small { color: var(--pn-ink2) !important; }
body.st-skin .pricing-table .fa { color: var(--pn-ink2); }
/* „Primele 3 zile gratuit”: verdele paginii noi (3 zile gratuit · azi plătești 0 €) */
body.st-skin.page-pricing .st-3z { background: color-mix(in srgb, var(--pn-ok) 13%, transparent) !important; background-image: none !important; color: var(--pn-ok) !important; box-shadow: none !important; font: 600 13px/20px var(--ws) !important; }
body.st-skin.page-pricing .st-3z * { color: inherit !important; }

/* textele de sub carduri (HERE, notele cu stele, garanția) */
body.st-skin #pricing .spacer-lg, body.st-skin #pricing .spacer-sm, body.st-skin #pricing .spacer-xs { color: var(--pn-ink) !important; }
body.st-skin #pricing .spacer-lg strong, body.st-skin #pricing .spacer-sm strong, body.st-skin #pricing .spacer-xs strong { color: var(--pn-ink) !important; }

/* tabelul „Ce oferă SoftTransport ?” */
body.st-skin #pricing-faq { border-top: 1px solid var(--pn-line) !important; border-bottom: 0 !important; }
body.st-skin #pricing-faq h2, body.st-skin #features h2, body.st-skin #pricing-faq .titlebar h2 { color: var(--pn-ink) !important; font-weight: 300 !important; letter-spacing: -.025em !important; text-shadow: none !important; }
body.st-skin #pricing-faq table { background: var(--pn-card) !important; border: 0 !important; border-radius: 12px; overflow: hidden; box-shadow: var(--pn-sh-card) !important; }
body.st-skin #pricing-faq table :is(td, th) { background: transparent !important; border-color: var(--pn-line) !important; color: var(--pn-ink) !important; }
body.st-skin #pricing-faq table tbody tr:nth-of-type(odd) > :is(td, th) { background: var(--pn-zebra) !important; }
body.st-skin #pricing-faq table tbody tr:hover > :is(td, th) { background: color-mix(in srgb, var(--pn-ink) 5%, transparent) !important; }
body.st-skin #pricing-faq table th { font-weight: 600 !important; }
body.st-skin #pricing-faq table td.text-success, body.st-skin #pricing-faq table td.text-success * { color: var(--pn-ok) !important; }
body.st-skin #pricing-faq table td.text-danger, body.st-skin #pricing-faq table td.text-danger * { color: var(--pn-bad) !important; }

/* „Automatizarea firmei tale începe astăzi.” (inc/cta.php) */
body.st-skin #call-to-action { border-top: 1px solid var(--pn-line) !important; padding-top: 72px !important; }
body.st-skin .footer-cta-content { background: transparent !important; }
body.st-skin .footer-cta-content h2 { color: var(--pn-ink) !important; font: 300 clamp(34px, 3.75vw, 54px)/1.08 var(--ws) !important; letter-spacing: -.025em !important; }
body.st-skin .footer-cta-content p { color: var(--pn-ink2) !important; font: 400 18px/1.5 var(--ws) !important; }

/* „Foarte pe scurt” */
body.st-skin #features { border-top: 1px solid var(--pn-line) !important; }
body.st-skin .feature-box-icon { background: var(--pn-well) !important; color: var(--pn-ink) !important; border-radius: 12px !important; box-shadow: none !important; }
body.st-skin .feature-box-icon * { color: var(--pn-ink) !important; }
body.st-skin .feature-box-content h4 { color: var(--pn-ink) !important; font-weight: 600 !important; }
body.st-skin .feature-box-content p { color: var(--pn-ink2) !important; }

/* ferestrele (modal) ale paginii */
body.st-skin .modal-content { background: var(--pn-card) !important; color: var(--pn-ink) !important; border: 0 !important; border-radius: 16px !important; box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .5), var(--pn-sh-card) !important; }
body.st-skin .modal-header, body.st-skin .modal-footer { border-color: var(--pn-line) !important; background: transparent !important; }
body.st-skin .modal-header .close { color: var(--pn-ink) !important; opacity: .7; text-shadow: none !important; }
body.st-skin .modal-title { color: var(--pn-ink) !important; font-weight: 600 !important; }
body.st-skin .modal-backdrop.in { opacity: .55 !important; }

/* ===================================================================================== 5. configuration.php (Detalii Cumpărător, HERE, conturi, contul) */
body.st-skin form#option_form {
  background: var(--pn-card) !important; background-image: none !important; border: 0 !important; border-radius: 16px !important; box-shadow: var(--pn-sh-card) !important;
}
body.st-skin form#option_form :is(h2, h3, h4, legend) { color: var(--pn-ink) !important; font-weight: 500 !important; letter-spacing: -.01em; text-shadow: none !important; }
body.st-skin :is(form#option_form, #stripe_payment_form) .group {
  background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; margin-bottom: 4px !important;
}
body.st-skin :is(form#option_form, #stripe_payment_form) .group label { color: var(--pn-ink) !important; border-bottom: 0 !important; margin-left: 0 !important; font-weight: 400 !important;
  height: auto !important; min-height: 44px; align-items: center !important; line-height: 1.3 !important; padding: 4px 0 !important; }
body.st-skin :is(form#option_form, #stripe_payment_form) .group label > .field { align-self: stretch; }
body.st-skin :is(form#option_form, #stripe_payment_form) .group label > span { color: var(--pn-ink2) !important; font-size: 14px !important; font-weight: 500 !important; }
body.st-skin :is(form#option_form, #stripe_payment_form) .group label > span.required::after { color: var(--pn-bad) !important; }
body.st-skin :is(form#option_form, #stripe_payment_form) .field {
  min-height: 44px; border: 0 !important; border-radius: 4px !important;
  background: var(--pn-field) !important; color: var(--pn-ink) !important;
  box-shadow: inset 0 1px 2px var(--pn-in-top), inset 0 0 0 1px var(--pn-edge) !important;
  font: 400 16px/24px var(--ws) !important; padding: 0 12px !important; -webkit-text-fill-color: currentColor;
}
body.st-skin :is(form#option_form, #stripe_payment_form) .field::placeholder { color: var(--pn-ink2) !important; opacity: 1 !important; }
body.st-skin :is(form#option_form, #stripe_payment_form) .field:focus, body.st-skin #stripe_card_element.StripeElement--focus { box-shadow: inset 0 1px 2px var(--pn-in-top), inset 0 0 0 1px var(--pn-edge), 0 0 0 2px var(--pn-ink) !important; }
body.st-skin #stripe_card_element.StripeElement--invalid { box-shadow: inset 0 1px 2px var(--pn-in-top), inset 0 0 0 1.5px var(--pn-bad) !important; }
body.st-skin form#option_form select.field { -webkit-appearance: none; appearance: none; padding-right: 40px !important; cursor: pointer;
  background: var(--pn-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23767c84' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5.5 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center/14px !important; }
body.st-skin form#option_form select.field option { background: var(--pn-card); color: var(--pn-ink); }
body.st-skin :is(form#option_form, #stripe_payment_form) input.field:-webkit-autofill,
body.st-skin :is(form#option_form, #stripe_payment_form) input.field:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--pn-field) inset, inset 0 0 0 1px var(--pn-edge) !important; -webkit-text-fill-color: var(--pn-ink) !important; caret-color: var(--pn-ink);
}
body.st-skin form#option_form #terms_and_conditions { accent-color: var(--pn-ink); background: transparent !important; width: 20px; height: 20px; }
/* „Contul dumneavoastră”: Google (varianta deschisă / închisă a butonului Google, după temă) + opțiunea „Cu emailul de mai sus” */
body.st-skin .st-gbtn.st-gbtn-dark { background: #131314 !important; border: 1px solid #8e918f !important; color: #e3e3e3 !important; border-radius: 4px !important; min-height: 48px; }
body.st-skin .st-gbtn.st-gbtn-dark * { color: #e3e3e3 !important; }
:root[data-theme=light] body.st-skin .st-gbtn.st-gbtn-dark { background: #fff !important; border-color: #747775 !important; color: #1f1f1f !important; }
:root[data-theme=light] body.st-skin .st-gbtn.st-gbtn-dark * { color: #1f1f1f !important; }
:root[data-theme=light] body.st-skin .st-gbtn.st-gbtn-dark:hover { background: #f8f9fa !important; }
body.st-skin .st-acct-opt { background: var(--pn-key) !important; border: 0 !important; border-radius: 8px !important; box-shadow: inset 0 0 0 1px var(--pn-line) !important; color: var(--pn-ink) !important; }
body.st-skin .st-acct-opt.is-on { box-shadow: inset 0 0 0 1px var(--pn-edge), var(--pn-sh-key) !important; }
body.st-skin .st-acct-opt small { color: var(--pn-ink2) !important; }
body.st-skin .st-acct-tick { background: var(--pn-ink) !important; color: var(--pn-card) !important; }
body.st-skin .st-acct-opt a { color: var(--pn-link) !important; }
body.st-skin .st-acct-note { color: #9c5c10 !important; }
:root:not([data-theme=light]) body.st-skin .st-acct-note { color: #d4a855 !important; }
body.st-skin form#option_form, body.st-skin form#option_form :is(p, div, span, small, label) { color: var(--pn-ink); }

/* ===================================================================================== 6. payment.card.php: comanda, totalul, panoul cardului, proba */
body.st-skin .payment-order-items { background: var(--pn-card) !important; border: 0 !important; border-radius: 12px !important; box-shadow: var(--pn-sh-card) !important; padding: 8px 20px !important; }
body.st-skin .payment-order-items .order-item { border-color: var(--pn-line) !important; color: var(--pn-ink) !important; background: transparent !important; }
body.st-skin .payment-order-items .order-item span, body.st-skin .payment-order-items .order-item-price { color: var(--pn-ink) !important; }
body.st-skin .payment-order-items .order-item-price { font-variant-numeric: tabular-nums; font-weight: 500 !important; }
body.st-skin .payment-total-row { border-color: var(--pn-line) !important; color: var(--pn-ink) !important; background: transparent !important; }
body.st-skin .payment-total-row span { color: var(--pn-ink) !important; font-variant-numeric: tabular-nums; }
body.st-skin .payment-total-row span:last-child { font-weight: 600 !important; }
body.st-skin .st-trial-options-note, body.st-skin .payment-recurring-notice { color: var(--pn-ink2) !important; }
body.st-skin .payment-recurring-notice i.fa, body.st-skin .st-trial-options-note i.fa { color: var(--pn-ink2) !important; }

body.st-skin #stripe_payment_form {
  background: var(--pn-tray) !important; background-image: none !important; border: 0 !important; border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(20, 42, 62, .14), 0 8px 24px -10px rgba(20, 42, 62, .35), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  color: var(--pn-ink) !important;
}
body.st-skin #stripe_payment_form #stripe_card_element { display: block; padding: 12px !important; }
body.st-skin #stripe_payment_form .st-trial-explain { border-left-color: color-mix(in srgb, var(--pn-ink) 35%, transparent) !important; color: var(--pn-ink2) !important; }
body.st-skin #stripe_payment_form .st-trial-explain strong { color: var(--pn-ink) !important; }
body.st-skin #stripe_payment_form :is(.st-trial-agree, .payment-recurring-notice) { color: var(--pn-ink2) !important; }
body.st-skin #stripe_payment_form :is(.st-trial-agree a, .st-trial-check label a) { color: var(--pn-link) !important; }
body.st-skin .st-trial-msg { background: color-mix(in srgb, var(--pn-bad) 12%, transparent) !important; border: 1px solid color-mix(in srgb, var(--pn-bad) 60%, transparent) !important; color: var(--pn-ink) !important; border-radius: 8px !important; }
body.st-skin .st-trial-msg p { color: var(--pn-ink) !important; }
body.st-skin #st_trial_result {
  background: var(--pn-tray) !important; background-image: none !important; border: 0 !important; border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(20, 42, 62, .14), 0 8px 24px -10px rgba(20, 42, 62, .35), inset 0 1px 0 rgba(255, 255, 255, .06) !important; color: var(--pn-ink) !important;
}
body.st-skin #st_trial_result h2 { color: var(--pn-ink) !important; font: 500 24px/1.3 var(--ws) !important; }
body.st-skin #st_trial_result h2 i { color: var(--pn-ok) !important; }
body.st-skin #st_trial_result p { color: var(--pn-ink) !important; }
body.st-skin #st_trial_result p.st-trial-result-first { background: color-mix(in srgb, var(--pn-ink) 7%, transparent) !important; border: 0 !important; box-shadow: inset 0 0 0 1px var(--pn-line); }

/* ===================================================================================== 7. termeni-proba.php */
body.st-skin .st-trial-annex .st-trial-tc h2 { color: var(--pn-ink) !important; font-weight: 500 !important; letter-spacing: -.01em; }
body.st-skin .st-trial-annex .st-trial-tc p { color: var(--pn-ink) !important; }
body.st-skin .st-trial-annex .st-trial-tc p:target { background: color-mix(in srgb, var(--pn-link) 14%, transparent) !important; }

/* ===================================================================================== 8. oferta.php (pagina ei, fără antetul site-ului) */
/* sigla PNG are fond alb: pe hârtie se topește în fond, pe tema închisă se inversează */
body.st-skin .st-antet img { mix-blend-mode: multiply; }
:root:not([data-theme=light]) body.st-skin .st-antet img { filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; }
body.st-skin .st-foaie input, body.st-skin .st-foaie button { box-sizing: border-box; }
body.st-skin :is(.st-foaie) { background: var(--pn-card) !important; border: 0 !important; border-radius: 16px !important; box-shadow: var(--pn-sh-card) !important; color: var(--pn-ink) !important; }
body.st-skin .st-foaie :is(h1, h2) { color: var(--pn-ink) !important; font-weight: 500 !important; letter-spacing: -.01em; }
body.st-skin :is(.st-intro, .st-nota, .st-eticheta, .st-sfat, .st-termeni, .st-subsol) { color: var(--pn-ink2) !important; }
body.st-skin .st-cutie-total { background: var(--pn-well) !important; border: 0 !important; border-radius: 8px !important; }
body.st-skin .st-linie { color: var(--pn-ink) !important; }
body.st-skin .st-linie.st-lista { color: var(--pn-ink2) !important; }
body.st-skin .st-linie.st-discount { color: var(--pn-ok) !important; }
body.st-skin .st-linie.st-subtotal { border-top-color: var(--pn-line) !important; }
body.st-skin .st-linie.st-total { color: var(--pn-ink) !important; border-top-color: var(--pn-line) !important; }
body.st-skin .st-rand { border-bottom-color: var(--pn-line) !important; }
body.st-skin .st-rand input[type="text"] { min-height: 40px; padding: 8px 12px !important; border: 0 !important; border-radius: 4px !important; background: var(--pn-field) !important; color: var(--pn-ink) !important; box-shadow: inset 0 1px 2px var(--pn-in-top), inset 0 0 0 1px var(--pn-edge) !important; }
body.st-skin .st-rand input[type="text"]:focus { box-shadow: inset 0 1px 2px var(--pn-in-top), inset 0 0 0 1px var(--pn-edge), 0 0 0 2px var(--pn-ink) !important; }
body.st-skin .st-termeni input { accent-color: var(--pn-ink); width: 18px; height: 18px; }
body.st-skin .st-buton { min-height: 44px; padding: 0 22px !important; border: 0 !important; border-radius: 4px !important; background: var(--pn-btn) !important; color: var(--pn-btnink) !important; box-shadow: var(--pn-sh-btn) !important; font: 500 16px/24px var(--ws) !important; }
body.st-skin .st-buton:hover { background: color-mix(in srgb, var(--pn-btn) 88%, var(--pn-btnink)) !important; }
body.st-skin .st-buton.st-secundar { background: var(--pn-key) !important; color: var(--pn-ink) !important; box-shadow: inset 0 0 0 1px var(--pn-edge), var(--pn-sh-key) !important; }
body.st-skin .st-buton.st-verde { background: var(--pn-btn) !important; color: var(--pn-btnink) !important; }
body.st-skin .st-buton[disabled] { background: var(--pn-key) !important; color: var(--pn-ink2) !important; box-shadow: inset 0 0 0 1px var(--pn-line) !important; }
/* câmpul cardului: textul Stripe e #333 (scriptul paginii) → câmpul rămâne deschis pe ambele teme */
body.st-skin .st-card { background: #fbfaf8 !important; border: 0 !important; border-radius: 4px !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .10), inset 0 0 0 1px rgba(20, 42, 62, .56) !important; }
body.st-skin .st-card.StripeElement--focus { box-shadow: inset 0 1px 2px rgba(0, 0, 0, .10), inset 0 0 0 1px rgba(20, 42, 62, .56), 0 0 0 2px var(--pn-ink) !important; }
body.st-skin .st-card.StripeElement--invalid { box-shadow: inset 0 0 0 1.5px #b3261e !important; }
body.st-skin .st-anunt.st-bine { background: color-mix(in srgb, var(--pn-ok) 12%, transparent) !important; color: var(--pn-ink) !important; border: 1px solid color-mix(in srgb, var(--pn-ok) 50%, transparent) !important; }
body.st-skin .st-anunt.st-rau { background: color-mix(in srgb, var(--pn-bad) 12%, transparent) !important; color: var(--pn-ink) !important; border: 1px solid color-mix(in srgb, var(--pn-bad) 50%, transparent) !important; }
body.st-skin .pac-container { background: var(--pn-card) !important; border-color: var(--pn-line) !important; }
body.st-skin .pac-item { color: var(--pn-ink2) !important; border-top-color: var(--pn-line) !important; }
body.st-skin .pac-item:hover, body.st-skin .pac-item-selected { background: var(--pn-well) !important; }
body.st-skin .pac-item-query { color: var(--pn-ink) !important; }
body.st-skin .pac-matched { color: var(--pn-ink) !important; }
/* pagina neutră a ofertei (link expirat / folosit) */
body.st-skin > .c { background: var(--pn-card) !important; border: 0 !important; border-radius: 16px !important; box-shadow: var(--pn-sh-card) !important; color: var(--pn-ink) !important; }
body.st-skin > .c :is(h1, p) { color: var(--pn-ink) !important; }
body.st-skin > .c p { color: var(--pn-ink2) !important; }
body.st-skin > .c a { color: var(--pn-link) !important; }

/* ===================================================================================== 9. potriviri după primele capturi */
body.st-skin #breadcrumb-wrapper .breadcrumb > li + li::before { padding: 0 8px !important; }
body.st-skin .titlebar > div:first-child, body.st-skin .titlebar > p:first-child { margin-bottom: 14px !important; }
body.st-skin .pricing-table .plan-price { border-bottom: 0 !important; }
body.st-skin .payment-order-items .order-item:last-child { border-bottom: 0 !important; }
/* linkurile din pagina nouă de prețuri (pricing.php#price_ul|l|s|c, #pretDigital): pachetul nu mai intră sub antetul lipit sus (64 px) */
body.st-skin #pricing-table-holder > [id^="price_"], body.st-skin #pretDigital { scroll-margin-top: 84px !important; }
body.st-skin :is(form#option_form, #stripe_payment_form) .group label > span { width: 140px !important; margin-right: 20px !important; }

/* ===================================================================================== 10. telefonul (aceleași selectoare :is(...) ca mai sus, ca să le bată) */
@media (max-width: 700px) {
  body.st-skin #breadcrumb-wrapper { display: none !important; }   /* pe telefon firul de pagini ieșea din ecran; titlul paginii spune deja unde ești */
  body.st-skin .titlebar .text-nowrap { white-space: normal !important; }   /* citatul de pe Prețuri ieșea din ecran */
  body.st-skin #pricing .col-sm-6.col-sm-offset-3.text-center > ul > li { white-space: normal !important; }   /* garanțiile (nowrap) ieșeau din ecran, până la 502 px */
  body.st-skin form#option_form { padding: 24px 16px !important; }
  body.st-skin :is(form#option_form, #stripe_payment_form) .group label { flex-direction: column !important; align-items: stretch !important; padding: 6px 0 !important; margin: 0 !important; }
  body.st-skin :is(form#option_form, #stripe_payment_form) .group label > span { width: auto !important; margin: 0 0 6px !important; text-align: left !important; }
  body.st-skin :is(form#option_form, #stripe_payment_form) .group .field { min-height: 44px; }
  body.st-skin #stripe_payment_form { padding: 20px 16px !important; }
  body.st-skin :is(#option_payment_button, #option_pro_forma_button, #stripe_payment_button) { flex-wrap: wrap; white-space: normal !important; padding: 10px 16px !important; line-height: 1.35 !important; text-align: center; }
  /* [e2e2 21.10 D10] „Plătiți cu Card Online 337.59 € (cu TVA)”: ca flex, fiecare bucată (text, preț, €, „(cu TVA)”) era un element și se rupea între ele („337.59” sus, „€ (cu TVA)” jos).
     Acum textul curge ca o frază: singurul loc de rupere e între „Online” și preț (spațiu de lățime zero); iconița € devine text obișnuit (nu mai e un bloc în rând, deci nu mai are loc de rupere
     înainte și după ea), iar prețul, € și „(cu TVA)” nu au spațiu între ele: rămân împreună pe un rând. */
  body.st-skin #option_payment_button { display: block !important; }
  body.st-skin #option_payment_button #option_total::before { content: "\200B"; }
  body.st-skin #option_payment_button i { display: inline !important; padding: 0 0 0 4px; }
  body.st-skin #option_payment_button i + span { white-space: nowrap !important; }   /* „(cu TVA)” nu se rupe în „(cu” / „TVA)” */
}
/* [e2e2 21.10 D10] nota „(https://ec.europa.eu/taxation_customs/vies/#/vat-validation)” sub formular: un link lung, fără loc de rupere, ieșea din card (la 390 px textul se termina la x = 431) */
body.st-skin .spacer-lg [class*="col-md-offset-3"] { overflow-wrap: anywhere; }

/* oferta.php: linkurile paginii (a{color:#f79868} din pagină) în albastrul site-ului */
body.st-skin :is(.st-foaie, .st-subsol) a { color: var(--pn-link) !important; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent) !important; text-underline-offset: 3px; }

/* [cc 21.10] David: breadcrumb-ul „SoftTransport / Configurare” scos („this should be taken out”) pe paginile cu aspectul nou */
body.st-skin #breadcrumb-wrapper{display:none!important}

/* ===================================================================================== 11. [cc 21.10 e2e] „sus”, bara de chat veche, antetul */
/* H3: butonul „sus” (#scrollUp, îl creează js/custom.js; style.css îl pune la right:386px, deci pe aceste pagini ieșea din ecran la 390 px și stătea peste linkurile subsolului la 1440 px).
   Acum pe dreapta, deasupra barii de chat veche (bara = 48 px la 24 px de margini, deci vârful ei e la 72 px de jos; butonul stă la 96 px, la fel ca pe prima pagină). Ascuns cât stă deschisă fereastra
   chatului sau foaia de meniu a telefonului (altfel plutea peste ele: are z-index inline 2147483647). */
body.st-skin #scrollUp { right: 24px; bottom: 96px; }
body.st-skin:has(#st-chat-window.st-open) #scrollUp,
body.st-skin:has(#msheet:not([hidden])) #scrollUp { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
/* [e2e2 21.10 D7] pe telefon, butoanele, câmpurile și linkurile subsolului ocupă toată lățimea, iar butonul „sus” (fix, la dreapta, z-index inline maxim) stătea peste capătul din dreapta al lui
   „Plătiți cu Card Online”, al butonului Proformă, al câmpurilor, al „Trimite Mesaj” și al linkurilor din subsol (măsurat la 390 px: 23 × 50 px): un tap acolo urca pagina în loc să apese butonul.
   Pe lățimea unui rând nu există loc liber, așa că pe paginile cu aspectul nou butonul nu se arată sub 700 px (antetul lipit sus și subsolul duc oricum la restul site-ului). */
@media (max-width: 700px) {
  body.st-skin #scrollUp { display: none !important; }
}
/* H4: bara de chat veche (#st-chat-widget, fixă, z-index 9999) acoperea foaia de meniu a telefonului (foaia stă în antet, deci la z-index 30) și ultimele rânduri ale paginii.
   Sub antet (30) și peste conținut (cel mai mare z-index din pagină = 1): foaia o acoperă, modalele Bootstrap (1050) tot o acoperă. */
body.st-skin #st-chat-widget { z-index: 20; }
/* Locul bării (72 px de jos) + al butonului „sus” (până la 146 px): subsolul se termină cu 150 px de loc, deci ultimul rând (limba / tema, linkurile legale) nu rămâne niciodată sub ele;
   un câmp care primește focusul e derulat deasupra bării, nu sub ea. */
body.st-skin footer.ft { padding-bottom: calc(150px + env(safe-area-inset-bottom)); }
html:has(body.st-skin) { scroll-padding-bottom: 96px; }
/* [e2e2 21.10 D7] de la 701 px butonul „sus” rămâne (50 px înalt, la 96 px de jos): focusul și scrollIntoView lasă 150 px jos, deci un buton sau un link adus în ecran nu ajunge sub el;
   pe tabletă (701–991 px) formularul se termină la 704 px (la 768), unde butonul „sus” (la 24 px de margine) îl atingea: îl apropiem de margine (8 px), în afara formularului. */
@media (min-width: 701px) { html:has(body.st-skin) { scroll-padding-bottom: 150px; } }
@media (min-width: 701px) and (max-width: 991px) { body.st-skin #scrollUp { right: 8px; } }
/* L2: antetul nou stătea cu 11 px mai la stânga la 1440 px (logo la x = 24, nu 35; butonul din dreapta se termina la 1416, nu 1405). Pe paginile noi ale site-ului antetul primește de la final-hero.css
   „padding-inline: clamp(16px, 2.4vw, 40px)” și „max-width: none”; pagina asta nu încarcă final-hero.css. În plus, de la body-ul vechi (style.css + regula „font: 400 16px” de mai sus) primea 16 px și litere strânse (−.005em),
   iar „.nav::before/::after” din Bootstrap (clearfix) deveneau două elemente flex goale și împingeau meniul cu 20 px (spațiul dintre ele) de logo. */
body.st-skin header.top { padding-inline: clamp(16px, 2.4vw, 40px); max-width: none !important; font-size: 15px; letter-spacing: normal; }
body.st-skin header.top .nav::before, body.st-skin header.top .nav::after { content: none !important; display: none !important; }