/* Vianto motion (25 sep 2026) - completeaza motion.js. Doar transform/opacity/culoare, fara layout.
   Se incarca doar pe calculatoare, /piata-imobiliara/, barometru si /contact/ (nu pe homepage). */

/* Calculatoare: cifra care s-a schimbat pulseaza scurt in magenta */
.vm-flash { animation: vmFlash .7s cubic-bezier(.4,0,.2,1); font-variant-numeric: tabular-nums; }
@keyframes vmFlash { 0% { color: #C8179A; } }

/* Butoane: reactioneaza la apasare, se ridica usor la hover (doar pe dispozitive cu mouse) */
.f-submit, .modal .btn-export, .fc-city-btn, .ct-seg button, .ct-seg label {
  transition: transform .18s cubic-bezier(.4,0,.2,1), box-shadow .25s cubic-bezier(.4,0,.2,1), background .2s, opacity .2s;
}
@media (hover: hover) {
  .f-submit:not(:disabled):hover, .modal .btn-export:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px -10px rgba(200,23,154,.55);
  }
}
.f-submit:not(:disabled):active, .modal .btn-export:not(:disabled):active,
.fc-city-btn:active, .ct-seg button:active, .ct-seg label:active {
  transform: scale(.97);
  transition-duration: .08s;
}

/* Export din /piata-imobiliara/: confirmarea apare cu bifa desenata */
.modal .success-msg .success-icon { animation: vmPop .5s cubic-bezier(.22,1,.36,1) both; }
.modal .success-msg .success-icon polyline { stroke-dasharray: 24; stroke-dashoffset: 24; animation: vmDraw .45s cubic-bezier(.4,0,.2,1) .25s forwards; }
.modal .success-msg p { animation: vmUp .45s cubic-bezier(.22,1,.36,1) .15s both; }
.modal .vm-fail { font-size: 13px; color: #991b1b; text-align: center; margin-top: 10px; animation: vmUp .3s cubic-bezier(.22,1,.36,1) both; }
@keyframes vmPop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
@keyframes vmDraw { to { stroke-dashoffset: 0; } }
@keyframes vmUp { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .vm-flash, .modal .success-msg .success-icon, .modal .success-msg p, .modal .vm-fail { animation: none; }
  .modal .success-msg .success-icon polyline { animation: none; stroke-dashoffset: 0; }
  .f-submit, .modal .btn-export, .fc-city-btn, .ct-seg button, .ct-seg label { transition: none; }
  .f-submit:hover, .f-submit:active, .modal .btn-export:hover, .modal .btn-export:active { transform: none; }
}