/* Menu déroulant avec recherche intégrée (static/js/dropdown-recherche.js).
   Partagé : recherche consommateur, formulaire de pièce du vendeur. */
.dd { position: relative; }
.dd-btn { width: 100%; padding: 10px 32px 10px 10px; border: 1px solid #ccc; border-radius: 8px;
  font-size: 15px; background: #fff; cursor: pointer; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dd-btn:hover { border-color: #0a7d54; }
.dd-btn::after { content: "▾"; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #888; pointer-events: none; }
html[dir="rtl"] .dd-btn { padding: 10px 10px 10px 32px; }
html[dir="rtl"] .dd-btn::after { right: auto; left: 12px; }
.dd-pan { position: absolute; left: 0; right: 0; top: 100%; z-index: 20; background: #fff; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,.14); margin-top: 2px; }
.dd-inp { width: 100%; padding: 10px 12px; border: none; border-bottom: 1px solid #eee; border-radius: 8px 8px 0 0; font-size: 15px; outline: none; box-sizing: border-box; }
.dd-list { max-height: 260px; overflow-y: auto; }
.dd-opt { padding: 9px 14px; cursor: pointer; font-size: 14px; }
.dd-opt:hover, .dd-opt.act { background: #e8f5ee; }
.dd-grp { padding: 8px 14px 4px; font-size: 12px; font-weight: 700; color: #2a5f92; text-transform: uppercase; letter-spacing: .03em; background: #f6f9fc; }
.dd-logo { width: 22px; height: 22px; object-fit: contain; vertical-align: middle; margin-right: 8px; }
html[dir="rtl"] .dd-logo { margin-right: 0; margin-left: 8px; }
.dd-pan.cache { display: none; }