/*marketplace.php*/

.item-card { border-radius: 15px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }
.item-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
.item-card img { height: 200px; object-fit: cover; }
.btn-outline-primary{ color: var(--dark-brown); border-color: var(--olive-green); border: 3px  solid var(--olive-green); outline: 2px; }
.btn-outline-primary:hover{ background-color: var(--olive-green); color: white; border-color: var(--olive-green); }
.btn.active, .btn:active{ background-color: var(--olive-green); color: white; border-color: var(--dark-brown);border: 2px  solid var(--dark-brown); }
/* === Footer === */
footer {
  background-color: var(--dark-brown) !important;
  color: #fff !important;

  width: 100%;

}
/* Когато се отвори dropdown и hover върху option */
select.form-select option:hover {
  background-color: var(--warm-brown);
  color: #fff;
}
option:hover {
  background-color: var(--warm-brown);
  color: #fff;
}
select.form-select option:focus {
  background-color: var(--warm-brown);
  color: #fff;
}
/* Цвят на текста и рамката на селекта */
.form-select {
  border-color: var(--warm-brown);
  color: #000;
}

/* При hover върху полето */
.form-select:hover {
  border-color: var(--warm-brown);
  background-color:  var(--warm-brown);; /* може да се промени */
}

/* При фокус върху полето */
.form-select:focus {
  border-color: var(--warm-brown);
  box-shadow: 0 0 0 0.25rem rgba(160, 82, 45, 0.25);
  outline: none;
  background-color:  var(--warm-brown);
}

/* Текст на избраната опция (не работи във всички браузъри за hover на options) */
.form-select option:checked {
  background-color: var(--warm-brown);
  color: #fff;
}
select[name="sort"] option:hover {
    background-color: var(--warm-brown);
    color: white;
}