/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
.reorder-handle {
  cursor: move;
  text-align: center;
  font-size: 18px;
  color: #666;
}
.reorder-handle:hover {
  color: #000;
}

[class^='ri-'].footable-icons,
[class*=' ri-'].footable-icons {
  margin-right: 10px !important;
  display: inline-block;
}

.pickr .pcr-button {
  width: 6em !important;
  border: 1px solid black;
}

/* Manteniamo visuale minimale in stile lista */
.dd-item {
  margin-bottom: 8px;
}

.dd-handle {
  display: inline-block;
  width: calc(100% - 200px); /* lascia spazio per i pulsanti a destra */
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #e3e6ea;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  cursor: move;
  font-weight: 600;
}

/* contenitore per pulsanti (remove) */
.dd-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
}

/* stile del bottone remove */
.btn-remove {
  padding: 6px 9px;
}
#menu-preview {
  white-space: pre-wrap;
  background: #f8f9fa;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  min-height: 80px;
}

.sortable-chosen {
  opacity: 0.6;
}
.sortable-ghost {
  background: #f0f0f0;
  border: 2px dashed #aaa;
}

.drag-handle {
  cursor: move;
}

.bg-overlay {
  opacity: 0.6 !important;
  background-color: #000 !important;
  background: linear-gradient(to right, var(--vz-primary-text-emphasis), var(--vz-primary));
}

.footable-auth-one-bg {
  background-image: url(../images/auth-one-bg.jpg);
  background-position: center;
  background-size: cover;
}

[data-theme='default'] {
  --vz-font-family-primary: 'hkgrotesk', sans-serif;
  --vz-font-family-secondary: 'Inter', sans-serif;
}

.template-card.selected {
  border: 3px solid #0d6efd;
  box-shadow: 0 0 10px rgba(13, 110, 253, 0.5);
}

/* Contenitore principale (box selezioni) */
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  background-color: #1e1e1e !important; /* sfondo scuro */
  border: 1px solid #444 !important; /* bordo scuro */
  color: #eee !important; /* testo */
  min-height: 38px;
}

/* Pill selezionate */
.select2-container--default .select2-selection__choice {
  background-color: #444 !important;
  border: 1px solid #666 !important;
  color: #eee !important;
}

/* X per rimuovere le pill */
.select2-container--default .select2-selection__choice__remove {
  color: #ccc !important;
}

/* Input di ricerca */
.select2-container--default .select2-search__field {
  background-color: #1e1e1e !important;
  color: #eee !important;
}

/* Dropdown delle opzioni */
.select2-container--default .select2-dropdown {
  background-color: #1e1e1e !important;
  color: #eee !important;
  border: 1px solid #444 !important;
}

/* Opzione evidenziata */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #555 !important;
  color: #fff !important;
}

/* Placeholder */
.select2-container--default .select2-selection__placeholder {
  color: #aaa !important;
}

/* Hover ed evidenziazione opzioni */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #555 !important; /* grigio scuro */
  color: #fff !important; /* testo chiaro */
}
.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #444 !important; /* opzione già selezionata */
  color: #ccc !important;
}

.logo-lg img {
  padding: 15px;
}