/* car-combo.css — selecteur « ابحث حسب سيارتك » (accueil + produits) */
.gc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gc-grid > * { min-width: 0; }
.gc-combo { position: relative; }
.gc-combo input, .gc-annee {
  width: 100%; box-sizing: border-box; padding: 12px; border-radius: 10px;
  border: 1px solid #3a4450; background: #1c2229; color: #fff;
  font-size: .95rem; font-family: inherit;
}
.gc-combo input::placeholder, .gc-annee::placeholder { color: #8a93a3; }
.gc-combo input:disabled { opacity: .5; }
.gc-btn { grid-column: 1 / -1; width: 100%; }
.gc-list {
  position: absolute; z-index: 60; inset-inline: 0; top: calc(100% + 4px);
  margin: 0; padding: 4px; list-style: none; background: #232b34;
  border: 1px solid #3a4450; border-radius: 10px; max-height: 240px;
  overflow: auto; display: none; box-shadow: 0 10px 28px rgba(0,0,0,.45);
}
.gc-list.open { display: block; }
.gc-list li { padding: 11px 12px; border-radius: 8px; cursor: pointer; color: #e7ecf2; font-size: .95rem; }
.gc-list li:hover, .gc-list li.active { background: #2e3843; }
.gc-list li.empty { color: #8a93a3; cursor: default; }

/* nouveau : selecteur de carburant (بنزين / مازوت / كهرباء) */
.gc-fuel { grid-column: 1 / -1; display: flex; gap: 8px; }
.gc-fuel label { flex: 1; position: relative; cursor: pointer; }
.gc-fuel input { position: absolute; opacity: 0; pointer-events: none; }
.gc-fuel span {
  display: block; text-align: center; padding: 10px 6px; border-radius: 10px;
  border: 1px solid #3a4450; background: #1c2229; color: #cfd6de;
  font-size: .9rem; user-select: none;
}
.gc-fuel input:checked + span {
  background: var(--amber, #f0a500); border-color: var(--amber, #f0a500);
  color: #111; font-weight: 700;
}

@media (max-width: 560px) { .gc-grid { grid-template-columns: 1fr; } }