/* ============================================================================
   CONVEIOR.CSS — animatia din display-ul de hero, homepage         (27-Sep-2026)
   ----------------------------------------------------------------------------
   Runda 6, dupa D13 respins de Ali ("nu mi place animatie din hero.. trebuie
   cva diferit"). Citat verbatim, directia noua:
   "poate tot un conveyer belt stil dar vertical.. si care trece prin boosted
   mode - sau se opreste de fapt in boosted mode.. si e bine cuacele scrisuri
   dar fara liniile de palnie si scrisurile colorate sa fie . si boosted mode
   caseta sa fie doar cu signal simbol aatt"

   Diferente fata de D13 (palnie.css, revertit la 5f3b2f2):
   - VERTICAL, coloana UNICA — nu doua zone (in/out), o singura banda care
     coboara continuu (tehnica ramane cea din `.rulanta`: doua liste identice
     translatate cu 50%, bucla fara cusatura — aici pe axa Y, nu X).
   - PASTREAZA etichetele-text (aceleasi 8 ca la D13: Postari, DM-uri, Facturi,
     Oferte, Rapoarte, Programari, Follow-up-uri, Scripturi).
   - FARA forma de palnie (era `.palnie__forma`, un SVG cu 3 linii — aici nu
     exista niciun SVG de schema/canal, doar coloana de text care curge).
   - FARA text colorat pe etichete — o singura culoare neutra (`--sink2`),
     ca la orice alt display de pe site.
   - Poarta finala = DOAR sigla Boosted Mode (simbolul SVG, fara wordmark
     "BOOSTED" langa el — D13 avea `.palnie__nume`, aici nu mai exista).

   PORTOCALIU — regula de brand (`--or`, brandbook.html): o singura zona pe
   ecran, in `.conveior__poarta` (tenta de fundal + glow) si pe
   `.conveior__sigla` (fill solid, prin currentColor). Etichetele raman
   gri/crem (`--sink2`) — nimic altceva portocaliu in widget. */

.conveior{margin:0; padding:16px 20px 18px; display:flex; flex-direction:column}
.conveior__cap{display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding-bottom:10px; border-bottom:1px solid var(--disprule)}
.conveior__led{width:7px; height:7px; background:var(--gn); box-shadow:0 0 8px var(--gn);
  animation:conveior-led 1.6s steps(2,end) infinite}
@keyframes conveior-led{50%{opacity:.25}}

.conveior__scena{position:relative; display:flex; flex-direction:column; align-items:center; margin-top:12px}

/* Coloana verticala unica: etichetele coboara continuu, se estompeaza la
   capete prin masca (nu se taie brusc), fara nicio linie de schema peste ele. */
.conveior__zona{position:relative; width:100%; height:210px; overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 100%);
  mask-image:linear-gradient(180deg,transparent,#000 16%,#000 100%)}
.conveior__tr{display:flex; flex-direction:column; width:100%; animation:conveior-curge 17s linear infinite}
@keyframes conveior-curge{from{transform:translateY(-50%)} to{transform:translateY(0)}}
.conveior__e{flex:none; height:38px; display:flex; align-items:center; justify-content:center;
  font-family:var(--mono); font-size:13px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--sink2); white-space:nowrap}

/* Poarta — UNDE se opreste banda: doar simbolul, fara nume alaturi. Singura
   zona portocalie din tot widgetul (simbol + glow-ul casetei). */
.conveior__poarta{position:relative; display:grid; place-items:center; width:128px; height:128px;
  margin-top:-10px; border:1px solid var(--disprule); border-radius:10px; overflow:hidden;
  background:rgba(240,78,35,.08); z-index:1; animation:conveior-poarta-glow 2.4s ease-in-out infinite}
@keyframes conveior-poarta-glow{50%{box-shadow:0 0 22px rgba(240,78,35,.45)}}
.conveior__poarta::after{content:""; position:absolute; left:0; right:0; height:2px; top:0;
  background:var(--or); box-shadow:0 0 8px var(--or); animation:conveior-scan 1.8s linear infinite}
@keyframes conveior-scan{0%{top:-2px} 100%{top:100%}}
.conveior__sigla{width:58px; height:44px; display:block; color:var(--or); filter:drop-shadow(0 0 5px currentColor)}

@media(max-width:600px){
  .conveior{padding:12px 14px 14px}
  .conveior__zona{height:170px}
  .conveior__e{height:32px; font-size:11px}
  .conveior__poarta{width:100px; height:100px}
  .conveior__sigla{width:44px; height:33px}
}

/* Cadrul final la miscare redusa: lista sta pe starea de repaus a keyframe-ului
   (translateY(0), lista dubla completa — nu un dreptunghi gol), poarta nu mai
   scaneaza si nu mai pulseaza, dar simbolul si tenta portocalie raman vizibile. */
@media (prefers-reduced-motion: reduce){
  .conveior__tr,.conveior__poarta,.conveior__poarta::after,.conveior__led{animation:none !important}
  .conveior__poarta::after{display:none}
}