/* ==========================================================
   WORKCORE BUTTON SYSTEM V1
   ERP + HR + Overtime
   CNC: FREEZE
   ========================================================== */


/* ----------------------------------------------------------
   MINDEN NORMÁL AKCIÓGOMB
   Sidebar nav szándékosan kizárva.
   ---------------------------------------------------------- */

button:not(.nav-item),
.btn,
.icon-button,
.logout-button,
.theme-toggle,
.hr-theme-toggle,
.hc-tab,
.competency-tab,
.leave-tab{
  transform:none !important;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease,
    filter .15s ease,
    background-color .15s ease,
    color .15s ease !important;

  will-change:transform;

  -webkit-tap-highlight-color:transparent;
}


/* ----------------------------------------------------------
   HOVER
   EGYSÉGESEN 1 PX
   ---------------------------------------------------------- */

button:not(.nav-item):not(:disabled):hover,
.btn:not(:disabled):hover,
.icon-button:not(:disabled):hover,
.logout-button:not(:disabled):hover,
.theme-toggle:not(:disabled):hover,
.hr-theme-toggle:not(:disabled):hover,
.hc-tab:not(:disabled):hover,
.competency-tab:not(:disabled):hover,
.leave-tab:not(:disabled):hover{
  transform:translateY(-1px) !important;

  filter:brightness(1.025);

  box-shadow:
    0 7px 16px rgba(28,72,108,.13) !important;
}


/* ----------------------------------------------------------
   ACTIVE / CLICK
   ---------------------------------------------------------- */

button:not(.nav-item):not(:disabled):active,
.btn:not(:disabled):active,
.icon-button:not(:disabled):active,
.logout-button:not(:disabled):active,
.theme-toggle:not(:disabled):active,
.hr-theme-toggle:not(:disabled):active,
.hc-tab:not(:disabled):active,
.competency-tab:not(:disabled):active,
.leave-tab:not(:disabled):active{
  transform:
    translateY(0)
    scale(.985) !important;

  box-shadow:
    0 2px 6px rgba(28,72,108,.08) !important;
}


/* ----------------------------------------------------------
   DARK
   UGYANAZ A MOZGÁS
   ---------------------------------------------------------- */

html[data-theme="dark"]
button:not(.nav-item):not(:disabled):hover,
html[data-theme="dark"]
.btn:not(:disabled):hover,
html[data-theme="dark"]
.icon-button:not(:disabled):hover,
html[data-theme="dark"]
.logout-button:not(:disabled):hover,
html[data-theme="dark"]
.theme-toggle:not(:disabled):hover,
html[data-theme="dark"]
.hr-theme-toggle:not(:disabled):hover,
html[data-theme="dark"]
.hc-tab:not(:disabled):hover,
html[data-theme="dark"]
.competency-tab:not(:disabled):hover,
html[data-theme="dark"]
.leave-tab:not(:disabled):hover{
  transform:translateY(-1px) !important;

  filter:brightness(1.09);

  box-shadow:
    0 8px 18px rgba(0,0,0,.28) !important;
}


/* ----------------------------------------------------------
   RÉGI CLOSE / SHIMMER EFFEKTEK SEMLEGESÍTÉSE
   ---------------------------------------------------------- */

button[id^="close"]::before,
button[id^="close"]::after,
button[id*="close"]::before,
button[id*="close"]::after,
button[id*="Close"]::before,
button[id*="Close"]::after,
button.workcore-close-btn::before,
button.workcore-close-btn::after,
button.competency-eval-close::before,
button.competency-eval-close::after,
button[class*="modal-close"]::before,
button[class*="modal-close"]::after,
button[class*="report-close"]::before,
button[class*="report-close"]::after{
  content:none !important;
  display:none !important;
}


/* Close ugyanúgy mozogjon, mint minden más */

button[id^="close"]:hover,
button[id*="close"]:hover,
button[id*="Close"]:hover,
button.workcore-close-btn:hover,
button.competency-eval-close:hover,
button[class*="modal-close"]:hover,
button[class*="report-close"]:hover,
button[aria-label*="Bezár"]:hover,
button[title*="Bezár"]:hover{
  transform:translateY(-1px) !important;
}

button[id^="close"]:active,
button[id*="close"]:active,
button[id*="Close"]:active,
button.workcore-close-btn:active,
button.competency-eval-close:active,
button[class*="modal-close"]:active,
button[class*="report-close"]:active,
button[aria-label*="Bezár"]:active,
button[title*="Bezár"]:active{
  transform:
    translateY(0)
    scale(.985) !important;
}


/* ----------------------------------------------------------
   DISABLED
   ---------------------------------------------------------- */

button:disabled,
.btn:disabled{
  transform:none !important;
  filter:none !important;
  box-shadow:none !important;
  cursor:not-allowed;
}


/* ----------------------------------------------------------
   REDUCED MOTION
   ---------------------------------------------------------- */

@media (prefers-reduced-motion:reduce){

  button,
  .btn,
  .icon-button,
  .logout-button,
  .theme-toggle,
  .hr-theme-toggle,
  .hc-tab,
  .competency-tab,
  .leave-tab{
    transition:none !important;
    transform:none !important;
  }
}


/* END WORKCORE BUTTON SYSTEM V1 */