/* Global site styles for predaj pages */
/* Make selects show a single consistent chevron and remove native arrows */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 14px 14px !important;
  padding-right: 40px !important; /* space for the arrow */
}
/* Hide IE/Edge default dropdown arrow */
select::-ms-expand { display: none; }

/* Use a small chevron SVG as the single arrow (URL-encoded to be safe) */
:root {
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23bfa07f' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
}

/* Apply the arrow and ensure it overrides existing background-images */
select {
  background-image: var(--select-arrow) !important;
}

/* Ensure focus outline is visible */
select:focus { outline: 3px solid rgba(199,150,110,0.15); outline-offset: 2px; }

/* Small helper: when a select is inside a .form-left or .form-right keep styling consistent */
.form-left select, .form-right select, .produkty-container select { padding-right: 42px !important; }