/* Menu déroulant "Mes services" · Au Clair Digital */
.nav-drop { position: relative; }
.nav-drop-btn {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px; color: var(--ash); background: none; border: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 5px; padding: 0; transition: color 0.25s ease;
}
.nav-drop-btn i { font-size: 15px; transition: transform 0.25s ease; }
.nav-drop-btn:hover, .nav-drop.is-open .nav-drop-btn { color: var(--night); }
.nav-drop.is-open .nav-drop-btn i { transform: rotate(180deg); }
.nav-drop-panel {
  position: absolute; top: calc(100% + 18px); left: 50%; transform: translateX(-50%) translateY(-8px);
  width: 300px; background: var(--paper); border: 1px solid var(--border); border-radius: 14px;
  box-shadow: 0 20px 48px rgba(31,47,71,0.16); padding: 10px; z-index: 200;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 0.22s cubic-bezier(0.16,1,0.3,1), transform 0.22s cubic-bezier(0.16,1,0.3,1), visibility 0.22s;
}
.nav-drop.is-open .nav-drop-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.nav-drop-item { display: flex; align-items: flex-start; gap: 12px; padding: 11px 12px; border-radius: 9px; transition: background 0.2s ease; }
.nav-drop-item:hover, .nav-drop-item:focus-visible { background: var(--cream); outline: none; }
.nav-drop-item i { flex: 0 0 auto; font-size: 19px; color: var(--gold-soft); margin-top: 1px; }
.nav-drop-item span { font-size: 14px; font-weight: 600; color: var(--night); line-height: 1.3; }
@media (prefers-reduced-motion: reduce) {
  .nav-drop-btn i, .nav-drop-panel { transition: none; }
}
@media (max-width: 760px) { .nav-drop { display: none; } }