/* ============================================
   DaisyUI-style Select (Native)
   ============================================ */
/* select.select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--color-base-100);
  color: var(--color-base-content);
  border-color: var(--color-base-300);
  border-width: 1px;
  border-radius: var(--rounded-btn);
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  line-height: 1.5;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='var(--color-base-content)' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.8rem center;
  background-size: 1rem;
  transition: all 0.2s ease-in-out;
} */

/* select.select:hover {
  border-color: var(--color-primary);
} */

/* select.select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary / 0.3);
} */

/* Multiple select styling */
/* select[multiple].select {
  padding-right: 1rem;
  height: auto;
  background-image: none;
} */

select.select {
  font-size: 1rem;
  line-height: 1.75rem;
  /* background-image: none !important; */
  /* background-color: var(--color-base-100); */
  /* background-image: url("data:image/svg+xml;utf8,<svg fill='%23aaa' viewBox='0 0 0 0' xmlns='http://www.w3.org/2000/svg'><path d='M5.25 7.5L10 12.25L14.75 7.5H5.25Z'/></svg>"); */
  /* background-image: url("data:image/svg+xml;utf8,<svg fill='%23aaa' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M5.25 7.5L10 12.25L14.75 7.5H5.25Z'/></svg>"); */
  /* background-image: url("data:image/svg+xml;utf8,<svg fill='currentColor' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M5.25 7.5L10 12.25L14.75 7.5H5.25Z'/></svg>");*/
  
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23aaa' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M5.25 7.5L10 12.25L14.75 7.5H5.25Z'/></svg>"); 
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  padding-right: 2rem;  
}

/* скрыть стрелку для старых браузеров */
/* select.select::-ms-expand {
  display: none; 
} */

/* select.select::after {
  content: "\f078"; /* код иконки fa-chevron-down 
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: small;
  position: absolute;
  right: 1.8rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--color-info);
  opacity: 0.7;
} */

/* Custom arrow icon */
/* select.select::after {
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-right: 2px solid var(--color-base-content);
  border-bottom: 2px solid var(--color-base-content);
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
} */

/* Унификация внешнего вида option под DaisyUI и Select2 */
select.select option {
  padding: 0.5rem 1rem; /* как в Select2 */
  font-size: 1rem; /* увеличенный шрифт */
  line-height: 1.75rem; /* визуальная высота, ~28px */
  border-radius: var(--radius-selector, 0.5rem);
}

select[multiple].select option {
  padding: 0.25rem 0.5rem;
  border-radius: var(--rounded-btn);
  margin: 0.1rem;
}

/* Option hover/selected styles */
/* select option:focus  */
select option:hover:not(:checked) {
  background-color: var(--color-primary);
  color: var(--color-primary-content);
}
/* select.select option:hover {
  background-color: var(--color-primary);
  color: var(--color-primary-content);
} */


select option:checked {
  background-color: var(--color-info);
  color: var(--color-info-content);
}

/* Disabled state */
select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: var(--color-base-200);
}