.is-noselect {
  user-select: none;            /* Alapértelmezett tiltás */
  -webkit-user-select: none;    /* Safari / Chrome */
  -moz-user-select: none;       /* Firefox */
  -ms-user-select: none;        /* Régi Edge / IE */
}

/* ===============================
   Projekt-szintű téma finomhangolás
   =============================== */

/* 1) Linkszínek sötét módban */
:root[data-bs-theme="dark"] {
  --bs-link-color: #66b3ff;
  --bs-link-hover-color: #a3d4ff;
  --bs-link-color-rgb: 102, 179, 255;
  --bs-link-hover-color-rgb: 163, 212, 255;
}

/* 2) Kártyák: extra mélység sötétben */
:root[data-bs-theme="dark"] .card { box-shadow: 0 .25rem .75rem rgba(0,0,0,.5); }

/* 3) Placeholder kontraszt sötét módban */
:root[data-bs-theme="dark"] .form-control::placeholder,
:root[data-bs-theme="dark"] textarea::placeholder { color: #bdbdbd; }

/* 4) Fókuszgyűrű láthatóbb sötétben */
:root[data-bs-theme="dark"] .form-control:focus,
:root[data-bs-theme="dark"] .form-select:focus,
:root[data-bs-theme="dark"] .btn:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .25);
}

/* 5) .table-light fejlécek sötétben is olvashatók */
:root[data-bs-theme="dark"] .table thead.table-light th,
:root[data-bs-theme="dark"] .table thead.table-light td {
  background-color: var(--bs-tertiary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* 6) Finom csíkozás sötét módban */
:root[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(255,255,255,.03);
}

/* 7) DataTables gombok sötét témához */
:root[data-bs-theme="dark"] .dt-buttons .btn {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}
:root[data-bs-theme="dark"] .dt-buttons .btn:hover { background-color: var(--bs-tertiary-bg); }

/* 8) “Blokkolt” sor háttér */
:root { --blocked-row-bg: rgba(255,99,132,.12); }
:root[data-bs-theme="dark"] { --blocked-row-bg: rgba(255,99,132,.18); }
.row-blocked { background: var(--blocked-row-bg) !important; }

/* 10) Finom átmenetek (ha nem reduced motion) */
@media (prefers-reduced-motion: no-preference) {
  html, body, .card, .btn, .form-control, .form-select,
  .table, .alert, .dropdown-menu, .list-group, .modal-content,
  .offcanvas, .toast {
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
}

/* 11) Scrollbar sötétítése (webkit) */
:root[data-bs-theme="dark"] *::-webkit-scrollbar { width:10px; height:10px; }
:root[data-bs-theme="dark"] *::-webkit-scrollbar-track { background: var(--bs-tertiary-bg); }
:root[data-bs-theme="dark"] *::-webkit-scrollbar-thumb {
  background: var(--bs-secondary-bg);
  border:2px solid var(--bs-tertiary-bg);
  border-radius:8px;
}
:root[data-bs-theme="dark"] *::-webkit-scrollbar-thumb:hover { background: var(--bs-border-color); }

/* ===== Choices.js sötét mód fix ===== */
:root[data-bs-theme="dark"] .choices__inner {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}
:root[data-bs-theme="dark"] .choices__list--single .choices__item,
:root[data-bs-theme="dark"] .choices__input,
:root[data-bs-theme="dark"] .choices__input--cloned,
:root[data-bs-theme="dark"] .choices__placeholder { color: var(--bs-body-color) !important; }
:root[data-bs-theme="dark"] .choices__input,
:root[data-bs-theme="dark"] .choices__input--cloned {
  background-color: var(--bs-body-bg) !important;
  border: 1px solid var(--bs-border-color) !important;
}
:root[data-bs-theme="dark"] .choices__list--dropdown,
:root[data-bs-theme="dark"] .choices__list[aria-expanded] {
  background-color: var(--bs-body-bg) !important;
  border-color: var(--bs-border-color) !important;
}
:root[data-bs-theme="dark"] .choices__list--dropdown .choices__item,
:root[data-bs-theme="dark"] .choices__list .choices__item { color: var(--bs-body-color) !important; }
:root[data-bs-theme="dark"] .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* ===========================
   Inaktív sorok (theme-ready)
   =========================== */
:root {
  --inactive-row-bg: rgba(0,0,0,.035);
  --inactive-row-bg-hover: rgba(0,0,0,.07);
  --inactive-row-color: var(--bs-body-color);
}
:root[data-bs-theme="dark"] {
  --inactive-row-bg: rgba(255,255,255,.045);
  --inactive-row-bg-hover: rgba(255,255,255,.09);
  --inactive-row-color: var(--bs-body-color);
}
.table tr.row-inactive > * {
  background-color: var(--inactive-row-bg) !important;
  color: var(--inactive-row-color) !important;
}
.table-hover tbody tr.row-inactive:hover > * { background-color: var(--inactive-row-bg-hover) !important; }

/* Kártyák */
.card, .card-body, .card-footer {
  background: none !important;
  color: var(--bs-card-color) !important;
  border-color: var(--bs-card-border-color) !important;
}
.card-header:not([class*="bg-"]) {
  background-color: var(--bs-card-cap-bg, var(--bs-secondary-bg)) !important;
  color: var(--bs-card-color) !important;
  border-color: var(--bs-card-border-color) !important;
}
:root[data-bs-theme="dark"] {
  --bs-card-bg: var(--bs-tertiary-bg);
  --bs-card-cap-bg: var(--bs-secondary-bg);
}

/* ===========================
   Layout: Sidebar + Content
   =========================== */
:root { --sidebar-w: 260px; }

@media (min-width: 768px){
  .sidebar{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: var(--sidebar-w);
    background-color: var(--bs-body-bg);
    border-right: 1px solid var(--bs-border-color);
    padding-top: 2rem;
    overflow-y: auto;
  }
  .content{
    margin-left: var(--sidebar-w);
    height: 100vh;
    overflow-y: auto;
    padding: 2rem;
  }
}

/*.modal { z-index: 9999; }*/
/*.modal-backdrop { z-index: 1055; }*/

@media (max-width: 767.98px){
  .sidebar{
    position: static;
    width: 100%;
    border-bottom: 1px solid var(--bs-border-color);
  }
  .content{
    margin-left: 0;
    height: auto;
    padding: 1rem;
  }
  .dt-scroll-body { max-height: none !important; }
}

.container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

.profile-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  background: var(--bs-body-bg);
}

.profile-inner {
  width: 100%;
  max-width: 900px;
  background: transparent;
}

/* 🌄 Háttérkép + layout fix */
/*html, body {
  height: 100%;
}*/
/* ======================================================
   TELJES HÁTTÉRKÉP MINDEN OLDALON (nem csak első 100vh)
   ====================================================== */
html, body {
  height: auto !important;
  min-height: 100%;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-color: #0b1320 !important;
}

body {
  /*background: url("/Wallpapers/wallpaperflare.com_wallpaper (21).jpg") no-repeat center center fixed !important;*/
  background: url("/Wallpapers/wallpaperflare.com_wallpaper (3).jpg") no-repeat center center fixed !important;
  background-size: cover !important;
  background-color: #0b1320 !important;
  color: #e6edf3;
  /* 🧵 EZEKET SZEDTÜK KI:
     display: flex;
     flex-direction: column;
  */
  min-height: 100vh;
}

/* ===============================
   Warehouse oldalak – fix háttér
   =============================== */
body.warehouse-body {
  background: url("/Wallpapers/wallpaperflare.com_wallpaper (3).jpg") no-repeat center center fixed !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-color: #0b1320 !important;
  color: #e6edf3 !important;
}

body.login-page main.container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer.container {
  margin-top: auto;
  background: transparent;
}

#mobileFilters {
  transition: height .3s ease, opacity .3s ease;
  overflow: hidden;
  opacity: 0;
}
#mobileFilters.show {
  opacity: 1;
}

/* ===============================
   Mini diavetítés modálban
   =============================== */
#intakeImageCarousel {
  border-radius: 6px;
  overflow: hidden;
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.7);
  max-height: 180px;
}

#intakeImageCarousel img {
  object-fit: contain;
  max-height: 180px;
  width: 100%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(100%);
  opacity: 0.7;
  transition: opacity 0.3s;
}
.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
  opacity: 1;
}

/* 🧩 Global Modal Fix – NINCS több z-index kényszerítés */
.modal-backdrop,
.modal,
.modal-dialog {
  backdrop-filter: blur(5px);
  z-index: auto !important;
}

/* Csak a vizuális blur marad */
.modal-backdrop {
/*  backdrop-filter: blur(5px) !important ;
  background-color: rgba(0,0,0,0.65) !important;*/
}