/* ===========================================
   Help Dropdown (? icon)
   Trigger button + panel position override
   Reuses .fr-topbar-dropdown__* for panel/items
   =========================================== */

.help-dropdown {
    position: relative;
    align-self: center;
}

.help-dropdown__trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-accent);
    font-size: 1.35em;
    border-radius: 6px;
    transition: color 0.15s ease, transform 0.15s ease;
}

.help-dropdown__trigger:hover {
    color: var(--color-text);
    transform: scale(1.1);
}

.help-dropdown__trigger:active {
    transform: scale(0.95);
}

.help-dropdown.open .help-dropdown__trigger {
    color: var(--color-text);
}

/* Override panel position: align right edge to trigger */
.help-dropdown .fr-topbar-dropdown__panel {
    left: auto;
    right: 0;
}

/* Anchor items inside dropdown should inherit item styles */
a.fr-topbar-dropdown__item {
    text-decoration: none;
    color: inherit;
}