/* AutoRelay Pro — localisation tarifaire et finition responsive 2026-09-04 */
.ar-country-picker {
  width: min(100%, 680px);
  margin: 0 auto 1.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .72fr);
  align-items: center;
  gap: .8rem;
  padding: .72rem .82rem;
  border: 1px solid rgba(var(--ar-brand-rgb), .24);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(var(--ar-brand-rgb), .09), var(--ar-surface));
  box-shadow: 0 16px 38px rgba(0, 0, 0, .12);
}
.ar-country-picker label { display:flex;align-items:center;gap:.7rem;min-width:0;cursor:pointer; }
.ar-country-picker__icon { width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;color:var(--ar-brand);background:rgba(var(--ar-brand-rgb),.12); }
.ar-country-picker__copy { display:flex;flex-direction:column;min-width:0;text-align:left; }
.ar-country-picker__copy small { color:var(--ar-text-muted);font-size:.66rem;line-height:1.2; }
.ar-country-picker__copy strong { color:var(--ar-text);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.ar-country-picker select {
  width:100%;min-height:44px;padding:.55rem 2.2rem .55rem .8rem;
  border:1px solid var(--ar-border);border-radius:11px;
  color:var(--ar-text);background-color:var(--ar-surface-2);
  font-size:.78rem;font-weight:700;cursor:pointer;
}
.ar-country-picker select:focus { outline:none;border-color:rgba(var(--ar-brand-rgb),.62);box-shadow:0 0 0 4px rgba(var(--ar-brand-rgb),.12); }

/* Boutons utilitaires : légers, sans les cadres lourds signalés. */
.topbar #theme-toggler,
.topbar [data-bs-target="#notifOffcanvas"],
.mobile-header [id^="theme-toggler"],
.mobile-header [data-bs-target="#notifOffcanvas"] {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.topbar #theme-toggler:hover,
.topbar [data-bs-target="#notifOffcanvas"]:hover,
.mobile-header [id^="theme-toggler"]:hover,
.mobile-header [data-bs-target="#notifOffcanvas"]:hover {
  color:var(--brand-accent) !important;
  background:rgba(var(--ar-brand-rgb),.08) !important;
}
.topbar .h-7.border-start { display:none !important; }
.mobile-header .notif-badge,
.topbar .notif-badge {
  top:-2px !important;right:-2px !important;
  min-width:15px !important;height:15px !important;padding:0 4px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border:2px solid var(--bg-surface-solid) !important;border-radius:999px !important;
  background:#ef4444 !important;color:#fff !important;
  font-size:8px !important;font-weight:900 !important;line-height:1 !important;
  box-shadow:0 3px 10px rgba(239,68,68,.32) !important;
}

/* Sidebar plus calme : mouvement court, sélection nette, aucune secousse. */
.sidebar-menu .nav-link { border-radius:13px !important;transition:background .18s ease,color .18s ease,border-color .18s ease !important; }
.sidebar-menu .nav-link:hover { transform:none !important;background:rgba(var(--ar-brand-rgb),.075) !important; }
.sidebar-menu .nav-link.active { background:linear-gradient(100deg,rgba(var(--ar-brand-rgb),.16),rgba(59,130,246,.07)) !important;box-shadow:none !important; }
.sidebar-menu .nav-link.active::after { top:26% !important;bottom:26% !important;width:2px !important; }

/* Les pages de travail profondes n'ont plus une barre flottante superposée. */
body.ar-no-mobile-primary-nav .main-wrapper { padding-bottom:calc(18px + env(safe-area-inset-bottom)) !important; }

@media (max-width: 991.98px) {
  .mobile-header { padding-inline:12px !important;gap:8px; }
  .mobile-header > div:last-child { gap:2px !important; }
  .mobile-header .btn-link { width:38px;height:38px;display:inline-grid;place-items:center;padding:0 !important;border-radius:11px !important; }
  .mobile-bottom-nav { height:64px !important;padding:4px 6px !important;border-radius:20px !important; }
  .bottom-nav-item { height:54px !important; }
  .bottom-nav-ai .inner-ai-bub { width:44px !important;height:44px !important;margin-top:-12px !important; }
}
@media (max-width: 620px) {
  .ar-country-picker { grid-template-columns:1fr;gap:.65rem;padding:.75rem; }
  .ar-country-picker select { min-height:46px;font-size:.75rem; }
  .lp-price__amount { font-size:clamp(1.9rem,10vw,2.35rem); }
}