/* Hex háttér minta — TrackMate game style */
body.bg-vaj-szin {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='32' viewBox='0 0 28 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='14,2 26,9 26,23 14,30 2,23 2,9' fill='none' stroke='%23f59e0b' stroke-width='0.5' opacity='0.06'/%3E%3C/svg%3E") !important;
    background-size: 28px 32px !important;
}

@keyframes slideInFromLeft {
    from {
        opacity: 0;
        transform: translateX(-20%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.BalrolBe {
    opacity: 0;
    animation: slideInFromLeft 1s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes borderFlash {
    0% {
        border-width: 1px;
        border-color: transparent;
        box-shadow: inset 0 0 0 1px transparent;
    }

    100% {
        border-width: 1px;
        border-color: #ff6b6b;
        box-shadow: inset 0 0 0 1px #ff6b6b, 0 0 8px rgba(255, 107, 107, 0.3);
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out forwards;
}

.border-flash {
    animation: borderFlash 0.5s linear forwards;
}

@keyframes slideInFromRight {
    from {
        opacity: 0;
        transform: translateX(20%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.JobbrolBe {
    animation: slideInFromRight 0.5s ease-out forwards;
}

.example::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

@keyframes slideUp {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(100%);
    }
  }

  @keyframes slideDown {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }

  .LentrolFel {
    animation: slideUp 0.3s ease-out forwards;
  }

  .rotate-icon {
    transition: transform 0.3s ease;
  }

  .rotate-icon.expanded {
    transform: rotate(180deg);
  }

/* === DARK THEME GLOBAL ENHANCEMENTS === */

/* Card hover glow */
.bg-white:hover,
.bg-gray-50:hover {
    border-color: #30363d;
}

/* Green buttons neon style */
.bg-alapzold,
[class*="bg-alapzold"] {
    background-color: #00ff88 !important;
    color: #0d1117 !important;
    font-weight: 600;
}
.bg-alapzold:hover {
    background-color: #00cc6a !important;
    box-shadow: 0 0 12px rgba(0, 255, 136, 0.4);
}

/* Hover:bg-green-700 dark override */
.hover\:bg-green-700:hover {
    background-color: #00cc6a !important;
    box-shadow: 0 0 12px rgba(0, 255, 136, 0.4);
}

/* Text alapzold neon */
.text-alapzold {
    color: #00ff88 !important;
}

/* Alert/notification dark style */
.bg-green-500 {
    background-color: #00cc6a !important;
}

/* Link styles */
a.text-alapzold:hover {
    color: #00ff88 !important;
    text-shadow: 0 0 8px rgba(0, 255, 136, 0.4);
}

/* Disabled buttons */
button:disabled,
.disabled\:opacity-50:disabled {
    opacity: 0.35 !important;
}

/* Border dashed upload zone dark */
.border-dashed {
    border-color: #30363d !important;
}
.border-dashed:hover {
    border-color: #00ff88 !important;
    background-color: rgba(0, 255, 136, 0.05) !important;
}

/* FullCalendar dark overrides */
.fc {
    --fc-border-color: #30363d;
    --fc-page-bg-color: #161b22;
    --fc-neutral-bg-color: #1c2333;
    --fc-list-event-hover-bg-color: #1a3a2a;
    --fc-today-bg-color: rgba(0, 255, 136, 0.05);
}
.fc .fc-col-header-cell {
    background-color: #1c2333 !important;
}
.fc .fc-daygrid-day-number,
.fc .fc-col-header-cell-cushion {
    color: #c9d1d9 !important;
}
.fc-theme-standard td,
.fc-theme-standard th {
    border-color: #30363d !important;
}

/* Chart.js canvas - handled by JS config, but container bg */
canvas {
    border-radius: 8px;
}

/* Sötét ikonok invertálása dark theme-hez */
img[src*="png_icon.png"],
img[src*="diagram_icon.png"],
img[src*="lista_icon.png"],
img[src*="board_icon.png"],
img[src*="calendar_icon.png"],
img[src*="visszanyil_icon.png"] {
    filter: invert(1);
}
